Merge pull request #286 from Naman-pokhriyal/master

stats,transitions,heading enhancement
fineanmol · Oct 1, 2021 · ed5dc70 · ed5dc70
2 parents 76501d8 + 9330866
commit ed5dc70
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/Contributors.html b/Contributors.html
@@ -96,8 +96,8 @@
       <div class="heart"></div>
       <div class="wrapper">
         <div>
-          <h1 class="animated rubberBand delay-4s">Contributors</h1>
-          <p class="animated rubberBand delay-4s">Add yourself to the list if you contribute.</p>
+          <h1 class="heading animated rubberBand delay-4s">Contributors</h1>
+          <p class="moto animated rubberBand delay-4s">Add yourself to the list if you contribute.</p>
         </div>
         <label class="theme-switch" for="checkbox">
           <input type="checkbox" id="checkbox" />
@@ -118,6 +118,7 @@ <h1 class="animated rubberBand delay-4s">Contributors</h1>
         <a class="box-item" href="https://github.com/ritesh2905"><span>Ritesh Kumar</span></a>
         <a class="box-item" href="https://github.com/xevenheaven"><span>Elysia Ong</span></a>
         <a class="box-item" href="https://github.com/facundof13"><span>Facundo</span></a>
+        <a class="box-item" href="https://github.com/naman-pokhriyal"><span>Naman Pokhriyal</span></a>
         <a class="box-item" href="https://github.com/Aashik96"><span>Aashik Ahamed</span></a>
         <a class="box-item" href="https://github.com/zonex909"><span>Rupna Maitra</span></a>
         <a class="box-item" href="https://github.com/skully-coder"><span>Abhinav Agarwal</span></a>

diff --git a/css/contributors.css b/css/contributors.css
@@ -25,6 +25,7 @@
   box-sizing: inherit;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  transition: 0.05s;
 }
 ::selection {
   background-color: #4835f7;
@@ -83,9 +84,30 @@ a:hover {
   text-decoration: none;
 }
 
+.heading {
+  text-transform: uppercase;
+  font-weight: 700;
+  cursor: default;
+}
+
+.moto {
+  font-size: 22px;
+  cursor: default;
+}
+.heading:hover {
+  color: #fe0c43;
+  transition: 1s;
+}
+.moto:hover {
+  text-decoration: underline;
+  text-decoration-color: var(--gray);
+  transition: 1s linear;
+}
+
 .content {
   margin-top: 80px;
 }
+
 .box {
   position: relative;
   display: flex;
@@ -177,7 +199,7 @@ a:hover {
 
 .box-item:hover::before {
   left: calc(0% - 10px);
-  transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);
+  transition: left 0.6s cubic-bezier(0.86, 0, 0.07, 1);
 }
 
 .box-item img {
@@ -262,3 +284,14 @@ input:checked + .slider:before {
 .slider.round:before {
   border-radius: 50%;
 }
+#stats {
+  background-color: #eeeeee;
+  padding: 20px;
+  border-radius: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+#stats a {
+  padding: 0 5px;
+}