Footer changes

nezzynaz · Nov 23, 2023 · 051662f · 051662f
1 parent 825d73b
commit 051662f
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 10 deletions.
diff --git a/aboutContact.html b/aboutContact.html
@@ -17,6 +17,17 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body class="homepage">
+
+    <div class="navbar">
+        <a class="homeButton" href="/"><img src="/img/logos/toolkitNoLogoTrans.png" alt="Return Home">&nbsp;Dabbler's Toolkit</a>
+        <a href="noteTaking.html">Note-Taking</a>
+        <a href="timeManagement.html">Time-Management</a>
+        <a href="readLater.html">Read-it-Later</a> 
+    </div>
+
+
+<br><br>
+
     <p>Et esse ullamco qui est et.</p>
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -34,7 +34,7 @@ <h3>Popular Categories</h3>
 
     <br>
 
-    <footer>Copywrite Notice - <a href="aboutContact.html">About / Contact Us</a> </footer>
+    <footer class="credits shadow">©️ 2023 | Licensed Under GPL-3.0 | <a href="aboutContact.html">About / Contact Us</a> </footer>
 
 </div>    
 </body>

diff --git a/style.css b/style.css
@@ -7,13 +7,10 @@ body {
     min-height: 100vh; 
 }
 
-footer {
-    height:50px;
-    background: red;
-    margin-top: auto;
+.shadow {
+    text-shadow: 2px 2px 4px #000000;
 }
 
-
 /* || Background Elements */
 
 .homepage {
@@ -71,8 +68,6 @@ footer {
     width: 100%;
     background-color: #555;
     background: linear-gradient(180deg, rgba(255, 255, 255, .20) 0%, rgba(0,0,0,0) 100%);
-
-
     overflow: visible;
 }
 
@@ -84,7 +79,8 @@ footer {
     font-weight:light;
     padding: .5rem;
     text-decoration: none;
-    border-radius: 15px;
+    border-radius: 10px;
+    margin-right: .5rem;
 }
 
 .navbar a.active {
@@ -105,6 +101,10 @@ footer {
     flex-direction: row;
 }
 
+.navbar a.about {
+    float: right;
+}
+
 @media screen and (max-width: 700px) {
     .navbar a {
         float: none;
@@ -125,10 +125,24 @@ footer {
     padding: 0;
 }
 
+.credits {
+    padding: .5rem;
+    margin: .25rem;
+    width: 100%;
+    letter-spacing: .05rem;
+    border-radius: 1rem;
+}
+
+.credits a {
+    text-decoration: none;
+    color: skyblue;
+}
+
 /* || Text */
 
 .subtitle {
     font-family: inter, sans-serif;
     font-weight:lighter;
-    font-size: .95rem;
+    font-style: italic;
+    font-size: 1rem;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -34,7 +34,7 @@ <h3>Popular Categories</h3> @@
         <br>
-        <footer>Copywrite Notice - <a href="aboutContact.html">About / Contact Us</a> </footer>
+        <footer class="credits shadow">©️ 2023 | Licensed Under GPL-3.0 | <a href="aboutContact.html">About / Contact Us</a> </footer>
     </div>
     </body>
@@ Expand Down @@