Fixing issue #323

Added back buttons to both features and about pages.
sk66641 · Jun 27, 2024 · 9715655 · 9715655
1 parent 1427a21
commit 9715655
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/css/about.css b/css/about.css
@@ -7,15 +7,13 @@ body {
     margin: 0;
     padding: 0;
     width: 100%;
-    height: 100vh;
     margin: auto;
     background-color: black;
     font-family: 'Playfair Display', serif;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    padding-top: 150px;
 }
 
 #particles-js {

diff --git a/css/features.css b/css/features.css
@@ -7,15 +7,13 @@ body {
     margin: 0;
     padding: 0;
     width: 100%;
-    height: 100vh;
     margin: auto;
     background-color: black;
     font-family: 'Playfair Display', serif;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    padding-top: 1000px;
 }
 
 #particles-js {

diff --git a/css/style.css b/css/style.css
@@ -2465,3 +2465,10 @@ button:active {
     transform: scale(1);
   }
 }
+/* formatting the little back arrow on feature and about page */
+.backbtn{
+  font-size: 1rem;
+  padding-left: -25px;
+  padding-top: 1rem;
+}
+
diff --git a/pages/about.html b/pages/about.html
@@ -59,7 +59,8 @@
         </div>
     </div>
     <div class="box" id="box">
-        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff;">
+        <a href="/index.html" class="backbtn"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
+        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff; display: block;">
             About
         </h1>
         <div class="aboutBox">

diff --git a/pages/features.html b/pages/features.html
@@ -60,6 +60,7 @@
         </div>
     </div>
     <div class="box" id="box">
+        <a href="/index.html" class="backbtn"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
         <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff;">
             Features
         </h1>