Added footer, fixed page titles, added doctype for all files.

8 files changed, 118 insertions, 5 deletions

diff --git a/website/about.html b/website/about.html
index 9c5b19b..c85cb3a 100644
--- a/website/about.html
+++ b/website/about.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
     <head>
         <title>About Me</title>
@@ -17,5 +18,23 @@
             <div class=page>
                 I am a programmer
             </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>
+
+                <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>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+            </footer>
     </body>
 </html>
diff --git a/website/images/logos/github.png b/website/images/logos/github.png
new file mode 100644
index 0000000..1d1c8fb
--- /dev/null
+++ b/website/images/logos/github.png
diff --git a/website/images/logos/stackoverflow.png b/website/images/logos/stackoverflow.png
new file mode 100644
index 0000000..9bbfb89
--- /dev/null
+++ b/website/images/logos/stackoverflow.png
diff --git a/website/index.html b/website/index.html
index 4835f00..0672161 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1,13 +1,14 @@
+<!DOCTYPE html>
 <html>
     <head>
-        <title>Welcome</title>
+        <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="tutorials/index.html" class="other-tab">Tutorials</a>
                 <a href="projects/index.html" class="other-tab">Projects</a>
                 <a href="" class="selected-tab">Home</a>
                 <a href="./about.html" class="other-tab">About</a>
@@ -17,5 +18,23 @@
             <div class=page>
                 <h2>Welcome to my website</h2>
             </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>
+
+                <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>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+            </footer>
     </body>
 </html>
diff --git a/website/projects/index.html b/website/projects/index.html
index d31be0e..b23991a 100644
--- a/website/projects/index.html
+++ b/website/projects/index.html
@@ -1,6 +1,7 @@
+<!DOCTYPE html>
 <html>
     <head>
-        <title>About Me</title>
+        <title>Projects</title>
         <link rel="stylesheet" href="../styles.css">
     </head>
 
@@ -17,5 +18,23 @@
             <div class=page>
                 Coming soon
             </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>
+
+                <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>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+            </footer>
     </body>
 </html>
diff --git a/website/resume.html b/website/resume.html
index c62b10b..20d312e 100644
--- a/website/resume.html
+++ b/website/resume.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
     <head>
         <title>Resume</title>
@@ -17,5 +18,23 @@
             <div class=page>
                 I can code in c# and a bit in HTML and CSS
             </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>
+
+                <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>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+            </footer>
     </body>
 </html>
diff --git a/website/styles.css b/website/styles.css
index 7858037..48cce94 100644
--- a/website/styles.css
+++ b/website/styles.css
@@ -18,12 +18,22 @@ body {
     min-width: 450px;
 }
 
+.footer {
+    margin-left: auto;
+    margin-right: auto;
+
+    width: 400px;
+    font: 19 Arial;
+    text-align: center;
+    border: 10px solid var(--page-bg-color);
+    background-color: var(--page-bg-color);
+}
+
 .selected-tab, .other-tab {
     margin: -3px;
     padding: 10px;
     border-collapse: collapse;
     color: var(--tab-color);
-
     text-decoration: none;
 }
 
@@ -55,3 +65,11 @@ body {
     margin-top: 9px;
     border: 15px solid var(--page-bg-color);
 }
+
+.hyperlink {
+    color: var(--page-color);
+    font-size: 15px;
+    text-decoration: none;
+    color: #d6d6d6;
+    margin: 10px;
+}
diff --git a/website/tutorials/index.html b/website/tutorials/index.html
index a9ed418..12510d1 100644
--- a/website/tutorials/index.html
+++ b/website/tutorials/index.html
@@ -1,6 +1,7 @@
+<!DOCTYPE html>
 <html>
     <head>
-        <title>About Me</title>
+        <title>Tutorials</title>
         <link rel="stylesheet" href="../styles.css">
     </head>
 
@@ -17,5 +18,23 @@
             <div class=page>
                 Coming soon
             </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>
+
+                <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>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink>Website License</a>
+            </footer>
     </body>
 </html>