Merge branch 'main' into all-contributors/add-Aniket762

Webwiznitr · Oct 7, 2020 · 8dde0c3 · 8dde0c3
2 parents e06afe1 + 6db6aff
commit 8dde0c3
Show file tree

Hide file tree

Showing 6 changed files with 110 additions and 11 deletions.
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -6,13 +6,40 @@
   "commit": false,
   "contributors": [
     {
+
       "login": "Aniket762",
       "name": "Aniket Pal",
       "avatar_url": "https://avatars2.githubusercontent.com/u/67703407?v=4",
       "profile": "http://aliferous.xyz/",
       "contributions": [
         "code",
         "doc"
+
+      "login": "sayna3311",
+      "name": "Sayna Parida",
+      "avatar_url": "https://avatars2.githubusercontent.com/u/67572440?v=4",
+      "profile": "https://github.com/sayna3311",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "sumana2001",
+      "name": "Sumana Basu",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/63084088?v=4",
+      "profile": "http://aliferous.xyz/",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "KatySage",
+      "name": "Katy Sage",
+      "avatar_url": "https://avatars2.githubusercontent.com/u/68826585?v=4",
+      "profile": "https://www.linkedin.com/in/katy-sage-86502718b/",
+      "contributions": [
+        "code"
+
       ]
     }
   ],

diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
 # Project daffodil
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors-)
+
+[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 [![Starware](https://img.shields.io/badge/Starware-⭐-black?labelColor=f9b00d)](https://github.com/zepfietje/starware)
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
@@ -54,7 +56,13 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
+
     <td align="center"><a href="http://aliferous.xyz/"><img src="https://avatars2.githubusercontent.com/u/67703407?v=4" width="100px;" alt=""/><br /><sub><b>Aniket Pal</b></sub></a><br /><a href="https://github.com/Webwiznitr/Project-daffodil/commits?author=Aniket762" title="Code">💻</a> <a href="https://github.com/Webwiznitr/Project-daffodil/commits?author=Aniket762" title="Documentation">📖</a></td>
+
+    <td align="center"><a href="https://github.com/sayna3311"><img src="https://avatars2.githubusercontent.com/u/67572440?v=4" width="100px;" alt=""/><br /><sub><b>Sayna Parida</b></sub></a><br /><a href="https://github.com/Webwiznitr/Project-daffodil/commits?author=sayna3311" title="Code">💻</a></td>
+    <td align="center"><a href="http://aliferous.xyz/"><img src="https://avatars3.githubusercontent.com/u/63084088?v=4" width="100px;" alt=""/><br /><sub><b>Sumana Basu</b></sub></a><br /><a href="https://github.com/Webwiznitr/Project-daffodil/commits?author=sumana2001" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/katy-sage-86502718b/"><img src="https://avatars2.githubusercontent.com/u/68826585?v=4" width="100px;" alt=""/><br /><sub><b>Katy Sage</b></sub></a><br /><a href="https://github.com/Webwiznitr/Project-daffodil/commits?author=KatySage" title="Code">💻</a></td>
+
   </tr>
 </table>
 

diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -17,6 +17,10 @@ body {
       align-items: center;
       justify-content: center;
 }
+.large-wrapper.darkmode {
+background: #172644;
+color: white;
+}
 
 .hero{
      background: url(../img/hero.jpg) no-repeat 50% 50%;
@@ -36,6 +40,9 @@ body {
     font-size: 100px;
     font-weight: 50;
 }
+.hero h1.darkmode{
+      color: #172644;
+}
 
 .content {
       width: 94%;
@@ -55,6 +62,9 @@ body {
       font-size: 20px;
       letter-spacing: 2px;
 }
+.logo.darkmode{
+      color: #172644;
+}
 
 nav {
       position: fixed;
@@ -74,27 +84,41 @@ nav ul {
       padding-right: 40px;
       transition: 1s;
 }
-
+button{
+      color: #000;
+}
+button.darkmode {
+      background: #172644;
+      color: white;
+}
 nav.black ul {
       background: #000;
 }
-
+nav.black.darkmode ul{
+      background: #f2e3aa;
+}
 nav ul li {
       display: inline-block;
       padding: 16px 40px;;
 }
-
+nav ul li.darkmode a{
+      color: #172644;
+}
 nav ul li a {
       text-decoration: none;
       color: #fff;
       font-size: 16px;
       letter-spacing: 3px;
 }
+
 nav ul li a:hover {
       text-decoration: none;
       color: #696969;
       font-size: 16px;
 }
+nav ul li a.darkmode:hover{
+      color: #38599d;
+}
 
 .menu-icon {
       line-height: 35px;
@@ -162,7 +186,9 @@ img{
   transition:1s;
   cursor:pointer;
 }
-
+.item-card-title.darkmode{
+      color: white;
+}
 .card{
     padding: 20px;
 }
@@ -198,4 +224,4 @@ img{
 
 .card-block img{
       height: 150px;
-}
+}
diff --git a/assets/img/footer.png b/assets/img/footer.png
diff --git a/assets/js/index.js b/assets/js/index.js
@@ -1,4 +1,6 @@
- $(document).ready(function() {
+
+
+$(document).ready(function() {
             $(".menu-icon").on("click", function() {
                   $("nav ul").toggleClass("showing");
             });
@@ -14,4 +16,6 @@
             else {
                   $('nav').removeClass('black');
             }
-      })
+      })
+
+
diff --git a/index.html b/index.html
@@ -35,6 +35,7 @@
     <script src="assets/js/index.js"></script>
   </head>
   <body>
+  <div class="large-wrapper">
     <div class="wrapper">
       <header>
         <nav>
@@ -48,6 +49,9 @@
               <li><a href="#">ABOUT</a></li>
               <li><a href="#">MATERIALS</a></li>
               <li><a href="#">CONTACT US</a></li>
+              <li><button id="dark" type="button" class="btn btn-outline-dark">
+                 Dark Mode 
+              </button></li>
             </ul>
           </div>
         </nav>
@@ -153,9 +157,39 @@ <h5 class="card-title mt-3 mb-3">Title</h5>
         </div>
       </div>
       <footer>
-        <img src="assets/img/footer.jpg" alt=""/>
+        <img src="assets/img/footer.png" alt=""/>
       </footer>
+    </div>
+<script>
+  const buttonDark = document.getElementById('dark')
+buttonDark.addEventListener('click', () => {
+  if(buttonDark.innerText != 'Dark Mode'){
+    buttonDark.innerText = "Dark Mode"
+  }else{
+    buttonDark.innerText = "Light Mode"
+  }
+      var heroH1 = document.querySelector('.hero h1')
+            heroH1.classList.toggle('darkmode')
+      var button = document.querySelectorAll("button")
+            button.forEach(item => {
+                  item.classList.toggle('darkmode')
+            })
+      var logo = document.querySelector('.logo')
+            logo.classList.toggle('darkmode')
+      var large = document.querySelector('.large-wrapper') 
+            large.classList.toggle('darkmode')
+      var navBlack = document.querySelector('nav')
+            navBlack.classList.toggle('darkmode')
+      var navUlLi = document.querySelectorAll('nav ul li')
+      navUlLi.forEach(item => {
+            item.classList.toggle('darkmode')
+      });var itemCardTitle = document.querySelectorAll('.item-card-title')
+            itemCardTitle.forEach(item => {
+            item.classList.toggle('darkmode')
+            })
+
+})
+</script>
+</body>
 
-
-  </body>
 </html>