Altered footer design. Added a credit page for crediting people whose stuff I use.

8 files changed, 72 insertions, 16 deletions

diff --git a/website/about.html b/website/about.html
index c85cb3a..934f28f 100644
--- a/website/about.html
+++ b/website/about.html
@@ -25,16 +25,17 @@
                 <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a>
                 <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
 
-                <hr width=350px>
+                <hr width=350px noshade>
 
                 <a href="tutorials/index.html" class=hyperlink>Tutorials</a> |
                 <a href="projects/index.html" class=hyperlink>Projects</a> |
                 <a href="./about.html" class=hyperlink>About</a> |
                 <a href="./resume.html" class=hyperlink>Resume</a>
 
-                <br><br>
+                <hr width=350px noshade>
 
-                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
             </footer>
     </body>
 </html>
diff --git a/website/credit.html b/website/credit.html
new file mode 100644
index 0000000..8a72a17
--- /dev/null
+++ b/website/credit.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Syndamia - Programmer and Tech lover</title>
+        <link rel="stylesheet" href="styles.css">
+    </head>
+
+    <body>
+        <body>
+            <div class=header>
+                <a href="tutorials/index.html" class="other-tab">Tutorials</a>
+                <a href="projects/index.html" class="other-tab">Projects</a>
+                <a href="./index.html" class="other-tab">Home</a>
+                <a href="./about.html" class="other-tab">About</a>
+                <a href="./resume.html" class="other-tab">Resume</a>
+            </div>
+
+            <div class="page hyperlink">
+                <h2>This page is for crediting creators, whose stuff I use in this website</h2>
+
+                <a href="https://iconscout.com/icons/github" target="_blank" class=hyperlink>Github Logo Icon</a> by <a href="https://iconscout.com/contributors/roundicons-com" target="_blank" class=hyperlink>Roundicons .com</a>
+                <br>
+                <a href="https://iconscout.com/icons/stackoverflow" target="_blank" class=hyperlink>Stackoverflow Logo Icon</a> by <a href="https://iconscout.com/contributors/alexis-doreau" target="_blank" class=hyperlink>Alexis Doreau</a>
+            </div>
+
+            <br>
+
+            <footer class=footer>
+                <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a>
+                <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+                <hr width=350px noshade>
+
+                <a href="tutorials/index.html" class=hyperlink>Tutorials</a> |
+                <a href="projects/index.html" class=hyperlink>Projects</a> |
+                <a href="./about.html" class=hyperlink>About</a> |
+                <a href="./resume.html" class=hyperlink>Resume</a>
+
+                <hr width=350px noshade>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
+            </footer>
+    </body>
+</html>
diff --git a/website/images/logos/github.png b/website/images/logos/github.png
index 1d1c8fb..bc7497a 100644
--- a/website/images/logos/github.png
+++ b/website/images/logos/github.png
diff --git a/website/index.html b/website/index.html
index 0672161..49f23e2 100644
--- a/website/index.html
+++ b/website/index.html
@@ -25,16 +25,17 @@
                 <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a>
                 <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
 
-                <hr width=350px>
+                <hr width=350px noshade>
 
                 <a href="tutorials/index.html" class=hyperlink>Tutorials</a> |
                 <a href="projects/index.html" class=hyperlink>Projects</a> |
                 <a href="./about.html" class=hyperlink>About</a> |
                 <a href="./resume.html" class=hyperlink>Resume</a>
 
-                <br><br>
+                <hr width=350px noshade>
 
-                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
             </footer>
     </body>
 </html>
diff --git a/website/projects/index.html b/website/projects/index.html
index 809b5c7..e8d2f0a 100644
--- a/website/projects/index.html
+++ b/website/projects/index.html
@@ -25,16 +25,17 @@
                 <a href="https://github.com/Syndamia" class=hyperlink><img src="../images/logos/github.png" alt="GitHub" height=32px></a>
                 <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
 
-                <hr width=350px>
+                <hr width=350px noshade>
 
                 <a href="../tutorials/index.html" class=hyperlink>Tutorials</a> |
                 <a href="../projects/index.html" class=hyperlink>Projects</a> |
                 <a href="../about.html" class=hyperlink>About</a> |
                 <a href="../resume.html" class=hyperlink>Resume</a>
 
-                <br><br>
+                <hr width=350px noshade>
 
-                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
             </footer>
     </body>
 </html>
diff --git a/website/resume.html b/website/resume.html
index 20d312e..723a974 100644
--- a/website/resume.html
+++ b/website/resume.html
@@ -25,16 +25,17 @@
                 <a href="https://github.com/Syndamia" class=hyperlink><img src="images/logos/github.png" alt="GitHub" height=32px></a>
                 <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
 
-                <hr width=350px>
+                <hr width=350px noshade>
 
                 <a href="tutorials/index.html" class=hyperlink>Tutorials</a> |
                 <a href="projects/index.html" class=hyperlink>Projects</a> |
                 <a href="./about.html" class=hyperlink>About</a> |
                 <a href="./resume.html" class=hyperlink>Resume</a>
 
-                <br><br>
+                <hr width=350px noshade>
 
-                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
             </footer>
     </body>
 </html>
diff --git a/website/styles.css b/website/styles.css
index 48cce94..442d471 100644
--- a/website/styles.css
+++ b/website/styles.css
@@ -25,7 +25,9 @@ body {
     width: 400px;
     font: 19 Arial;
     text-align: center;
-    border: 10px solid var(--page-bg-color);
+    border-top: 15px solid var(--page-bg-color);
+    border-bottom: 15px solid var(--page-bg-color);
+
     background-color: var(--page-bg-color);
 }
 
@@ -73,3 +75,7 @@ body {
     color: #d6d6d6;
     margin: 10px;
 }
+
+hr {
+    border-color: black;
+}
diff --git a/website/tutorials/index.html b/website/tutorials/index.html
index d218eb6..929da46 100644
--- a/website/tutorials/index.html
+++ b/website/tutorials/index.html
@@ -25,16 +25,17 @@
                 <a href="https://github.com/Syndamia" class=hyperlink><img src="../images/logos/github.png" alt="GitHub" height=32px></a>
                 <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
 
-                <hr width=350px>
+                <hr width=350px noshade>
 
                 <a href="../tutorials/index.html" class=hyperlink>Tutorials</a> |
                 <a href="../projects/index.html" class=hyperlink>Projects</a> |
                 <a href="../about.html" class=hyperlink>About</a> |
                 <a href="../resume.html" class=hyperlink>Resume</a>
 
-                <br><br>
+                <hr width=350px noshade>
 
-                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a> |
+                <a href="./credit.html" class=hyperlink>Credit</a>
             </footer>
     </body>
 </html>