Add home page content

7 files changed, 139 insertions, 16 deletions

diff --git a/docs/index.html b/docs/index.html
index 7a72c28..b0dbf3a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,7 +11,7 @@
 
 <body>
     <header>
-        <u><h1><a href="./index.html">Writer V2</a></h1></u>
+        <u><a href="./index.html"><h1>Writer V2</h1></a></u>
         Vithuran Vishnuthas
     </header>
     <nav>
@@ -20,7 +20,41 @@
     </nav>
     <main>
         
-<h2>Home</h1>
+<h2>About Me</h2>
+
+<table>
+    <tr class="title-row"><td><h3>Skills</h3></td></tr>
+    <tr>
+        <td>Spoken Languages:</td>
+        <td>German, English, Tamil</td>
+    </tr>
+    <tr>
+        <td>Programming Languages:</td>
+        <td>Rust, Python</td>
+    </tr>
+    <tr>
+        <td>Interests:</td>
+        <td>Software development, writing</td>
+    </tr>
+    <tr class="title-row"><td><h3>Education & Work</h3></td></tr>
+    <tr>
+        <td>2010 - 2018:</td>
+        <td>Abitur: Maria-Theresia-Gymnasium Munich</td>
+    </tr>
+    <tr>
+        <td>2022 - ?:</td>
+        <td>Software development apprenticeship at Dontenwill AG</td>
+    </tr>
+    <tr class="title-row"><td><h3>Contact & Social Media</h3></td></tr>
+    <tr>
+        <td>E-Mail:</td>
+        <td><a href="mailto:primary-v2@protonmail.com">primary-v2@protonmail.com</a></td>
+    </tr>
+    <tr>
+        <td>Github:</td>
+        <td><a href="https://github.com/WriterV2">WriterV2</a></td>
+    </tr>
+</table>
 
     </main>
     <footer>
diff --git a/docs/stories.html b/docs/stories.html
index 8e2c3b9..7e7362f 100644
--- a/docs/stories.html
+++ b/docs/stories.html
@@ -11,7 +11,7 @@
 
 <body>
     <header>
-        <u><h1><a href="./index.html">Writer V2</a></h1></u>
+        <u><a href="./index.html"><h1>Writer V2</h1></a></u>
         Vithuran Vishnuthas
     </header>
     <nav>
diff --git a/docs/style.css b/docs/style.css
index 3ab08da..8e2258b 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -26,6 +26,13 @@ header h1 {
   letter-spacing: 0.1em;
 }
 
+h2 {
+  font-family: "Times New Roman", Times, serif;
+  letter-spacing: 0.1em;
+  text-decoration: underline #a29d7f 1px;
+  margin: 1em;
+}
+
 nav {
   display: flex;
   justify-content: space-evenly;
@@ -69,6 +76,11 @@ a:hover {
   color: #ededed;
 }
 
+h3 {
+  font-weight: 500;
+  color: #a29d7f;
+}
+
 .work-card {
   padding: 2em;
   background-color: #333;
@@ -84,10 +96,6 @@ a:hover {
     height: 250px;
   }
 }
-.work-card .title-and-description h3, .work-card .info h3 {
-  font-weight: 500;
-  color: #a29d7f;
-}
 .work-card .info {
   display: flex;
   flex-flow: row wrap;
@@ -123,4 +131,22 @@ a:hover {
   padding: 0.2em;
 }
 
+table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em;
+}
+table tr td {
+  border: 1px solid #131313;
+  background-color: #333;
+  text-align: left;
+  padding: 1em;
+  font-size: 0.9em;
+}
+table tr.title-row td {
+  border: none;
+  background-color: #131313;
+  font-size: inherit;
+}
+
 /*# sourceMappingURL=style.css.map */
diff --git a/docs/style.css.map b/docs/style.css.map
index 1b26193..168ef92 100644
--- a/docs/style.css.map
+++ b/docs/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBAtCe;;;AAyCnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKZ;EACI;EACA;EACA,kBA3DQ;;;AA8DZ;EACI;EACA;;AACA;EACI,cAhEO;EAiEP;;;AAIR;EACI;EACA,kBAzEQ;EA0ER;EACA;EACA;EAIA;EACA;EACA;;AALA;EANJ;IAOQ;;;AAMA;EACI;EACA,OApFG;;AAuFX;EACI;EACA;;AACA;EACI,kBA9FO;EA+FP;EACA;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OA/GK;;AAiHT;EACI,kBAnHI;EAoHJ,OAlHO;EAmHP;EACA;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBA7Ce;;;AAiDnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;;AAKZ;EACI;EACA;EACA,kBAnEQ;;;AAsEZ;EACI;EACA;;AACA;EACI,cAxEO;EAyEP;;;AAGR;EACI;EACA,OA9EW;;;AAkFf;EACI;EACA,kBAtFQ;EAuFR;EACA;EACA;EAIA;EACA;EACA;;AALA;EANJ;IAOQ;;;AAKJ;EACI;EACA;;AACA;EACI,kBArGO;EAsGP;EACA;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OAtHK;;AAwHT;EACI,kBA1HI;EA2HJ,OAzHO;EA0HP;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AAEI;EACI;EACA,kBAzIA;EA0IA;EACA;EACA;;AAGA;EACI;EACA,kBAlJG;EAmJH","file":"style.css"}
\ No newline at end of file
diff --git a/sass/style.scss b/sass/style.scss
index 17b8c4f..27a6125 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -31,6 +31,13 @@ header {
     }
 }
 
+h2 {
+    font-family: 'Times New Roman', Times, serif;
+    letter-spacing: 0.1em;
+    text-decoration: underline $accent-color 1px;
+    margin: 1em;
+}
+
 nav {
     display: flex;
     justify-content: space-evenly;
@@ -39,6 +46,7 @@ nav {
     background-color: $background-color;
 }
 
+
 main {
     margin: 2em;
     min-height: calc(100vh - 108.8px - 25.6px - 25.6px - 32px - 32px);
@@ -69,6 +77,11 @@ a {
         color: lighten($color: $font-color, $amount: 10);
     }
 }
+h3 {
+    font-weight: 500;
+    color: $accent-color;
+}
+
 
 .work-card {
     padding: 2em;
@@ -82,12 +95,6 @@ a {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    .title-and-description, .info {
-        h3 {
-            font-weight: 500;
-            color: $accent-color;
-        }
-    }
     .info {
         display: flex;
         flex-flow: row wrap;
@@ -121,3 +128,25 @@ a {
         padding: 0.2em;
     }
 }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 1em;
+    tr {
+        td {
+            border: 1px solid $background-color;
+            background-color: $box-color;
+            text-align: left;
+            padding: 1em;
+            font-size: 0.9em;
+        }
+        &.title-row {
+            td {
+                border: none;
+                background-color: $background-color;
+                font-size: inherit;
+            }
+        }
+    }
+}
diff --git a/templates/base.html b/templates/base.html
index dfd975f..43117c3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,7 @@
 
 <body>
     <header>
-        <u><h1><a href="./index.html">Writer V2</a></h1></u>
+        <u><a href="./index.html"><h1>Writer V2</h1></a></u>
         Vithuran Vishnuthas
     </header>
     <nav>
diff --git a/templates/index.html b/templates/index.html
index 389a285..1067691 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,39 @@
 {% extends "base.html" %}
 {% block title %}Home{% endblock title %}
 {% block content %}
-<h2>Home</h1>
+<h2>About Me</h2>
+
+<table>
+    <tr class="title-row"><td><h3>Skills</h3></td></tr>
+    <tr>
+        <td>Spoken Languages:</td>
+        <td>German, English, Tamil</td>
+    </tr>
+    <tr>
+        <td>Programming Languages:</td>
+        <td>Rust, Python</td>
+    </tr>
+    <tr>
+        <td>Interests:</td>
+        <td>Software development, writing</td>
+    </tr>
+    <tr class="title-row"><td><h3>Education & Work</h3></td></tr>
+    <tr>
+        <td>2010 - 2018:</td>
+        <td>Abitur: Maria-Theresia-Gymnasium Munich</td>
+    </tr>
+    <tr>
+        <td>2022 - ?:</td>
+        <td>Software development apprenticeship at Dontenwill AG</td>
+    </tr>
+    <tr class="title-row"><td><h3>Contact & Social Media</h3></td></tr>
+    <tr>
+        <td>E-Mail:</td>
+        <td><a href="mailto:primary-v2@protonmail.com">primary-v2@protonmail.com</a></td>
+    </tr>
+    <tr>
+        <td>Github:</td>
+        <td><a href="https://github.com/WriterV2">WriterV2</a></td>
+    </tr>
+</table>
 {% endblock content %}