diff options
| -rw-r--r-- | docs/index.html | 38 | ||||
| -rw-r--r-- | docs/stories.html | 2 | ||||
| -rw-r--r-- | docs/style.css | 34 | ||||
| -rw-r--r-- | docs/style.css.map | 2 | ||||
| -rw-r--r-- | sass/style.scss | 41 | ||||
| -rw-r--r-- | templates/base.html | 2 | ||||
| -rw-r--r-- | templates/index.html | 36 |
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 %} |