stopwatch removed

Shishir2405 · Mar 30, 2024 · 81d487b · 81d487b
1 parent a19ba79
commit 81d487b
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 33 deletions.
diff --git a/Calories.html b/Calories.html
@@ -74,9 +74,14 @@ <h1 class="name">FITNESS CLUB</h1>
         </ul>
       </div>
     </div>
-    <button id="scrollToTopBtn" title="Go to top"><span class="material-symbols-outlined">
-      expand_less
-      </span></button>
+    <button id="scrollToTopBtn" title="Go to top"><script src="https://cdn.lordicon.com/lordicon.js"></script>
+      <lord-icon
+          src="https://cdn.lordicon.com/dwoxxgps.json"
+          trigger="hover"
+          state="hover-arrow-up-2"
+          colors="primary:#ffffff"
+          style="width:4rem;height:4rem">
+      </lord-icon></button>
     <script src="JavaScript/calories.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
   </body>

diff --git a/Fitnes.html b/Fitnes.html
@@ -106,9 +106,14 @@ <h1 class="name">FITNESS CLUB</h1>
         </ul>
       </div>
     </div>
-    <button id="scrollToTopBtn" title="Go to top"><span class="material-symbols-outlined">
-      expand_less
-      </span></button>
+    <button id="scrollToTopBtn" title="Go to top"><script src="https://cdn.lordicon.com/lordicon.js"></script>
+      <lord-icon
+          src="https://cdn.lordicon.com/dwoxxgps.json"
+          trigger="hover"
+          state="hover-arrow-up-2"
+          colors="primary:#ffffff"
+          style="width:4rem;height:4rem">
+      </lord-icon></button>
     <script src="JavaScript/fitness.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
   </body>

diff --git a/Nutrition.html b/Nutrition.html
@@ -73,9 +73,13 @@ <h1 class="name">FITNESS CLUB</h1>
         </ul>
       </div>
     </div>
-    <button id="scrollToTopBtn" title="Go to top"><span class="material-symbols-outlined">
-      expand_less
-      </span></button>
+    <button id="scrollToTopBtn" title="Go to top"><script src="https://cdn.lordicon.com/lordicon.js"></script>
+      <lord-icon
+          src="https://cdn.lordicon.com/dwoxxgps.json"
+          trigger="hover"
+          state="hover-arrow-up-2"
+          colors="primary:#ffffff"
+          style="width:4rem;height:4rem"></button>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
     <script src="JavaScript/nutrition.js"></script>
   </body>

diff --git a/Style/Stylings/calories.css b/Style/Stylings/calories.css
@@ -393,6 +393,9 @@ li::marker {
   height: 4rem;
   width: 4rem;
  color: white;
- border: 2px solid white;
+ border: 2px solid #1f1d2b;
  font-size: 2rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
 }
diff --git a/Style/Stylings/fitness.css b/Style/Stylings/fitness.css
@@ -418,6 +418,9 @@ li::marker {
   height: 4rem;
   width: 4rem;
  color: white;
- border: 2px solid white;
+ border: 2px solid #1f1d2b;
  font-size: 2rem;
-}
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/Style/Stylings/nutrition.css b/Style/Stylings/nutrition.css
@@ -445,7 +445,9 @@ li::marker {
   height: 4rem;
   width: 4rem;
  color: white;
- border: 2px solid white;
+ border: 2px solid #1f1d2b;
  font-size: 2rem;
- display: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
 }
diff --git a/Style/Stylings/style.css b/Style/Stylings/style.css
@@ -18,24 +18,34 @@ body {
 br {
   display: block;
 }
-* {
-  scrollbar-width: thin;
-  scrollbar-color: #000000 #ffffff;
-  border-radius: 100px;
-}
-
 *::-webkit-scrollbar {
-  width: 10px;
+  width: 0.35rem;
+  margin-right: 0.25rem;
 }
 
-*::-webkit-scrollbar-track {
-  background: #ffffff;
-  border-radius: 100px;
+*::-webkit-scrollbar-thumb {
+  border-radius: 50rem;
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(#cd23fc),
+    to(#a609ca)
+  );
+  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25),
+    inset -2px -2px 2px rgba(0, 0, 0, 0.25);
 }
 
-*::-webkit-scrollbar-thumb {
-  background-color: #000000;
-  border-radius: 100px;
+*::-webkit-scrollbar-track {
+  background-color: #fff;
+  border-radius: 50rem;
+  background: linear-gradient(
+    to right,
+    #201c29,
+    #201c29 1px,
+    #100e17 1px,
+    #100e17
+  );
 }
 
 header {
@@ -261,12 +271,6 @@ main {
     text-wrap: wrap;
   }
 
-  main {
-    display: grid;
-    grid-template-columns: 2fr 1fr;
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-  }
   .extra-content {
     display: grid;
     grid-template-rows: 1fr 1fr;
@@ -276,6 +280,9 @@ main {
   .written-text {
     width: 100%;
   }
+  .aside-img{
+    display: none;
+  }
 }
 @media only screen and (max-width: 950px) {
   .hamburger {