diff options
| author | WriterV2 <primary-v2@protonmail.com> | 2023-01-29 14:05:48 +0100 |
|---|---|---|
| committer | WriterV2 <primary-v2@protonmail.com> | 2023-01-29 14:05:48 +0100 |
| commit | f2e448849e2917f33fcf11f22c48c40c434ba228 (patch) | |
| tree | d62ca16a69e69c6c97af4ecb232902a0b47d1dd6 /templates | |
| parent | 24be060b61625c8ec35b44d4445483be9f384fa5 (diff) | |
Add responsive style adjustments to home page content
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 80 | ||||
| -rw-r--r-- | templates/stories.html | 2 |
2 files changed, 48 insertions, 34 deletions
diff --git a/templates/index.html b/templates/index.html index 1067691..efb0295 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3,37 +3,51 @@ {% block content %} <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> + <div class="about-me"> + <div class="card"> + <h3>Skills</h3> + <table> + <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> + </table> + </div> + <div class="card"> + <h3>Education & Work</h3> + <table> + <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> + </table> + </div> + <div class="card"> + <h3>Contact & Social Media</h3> + <table> + <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> + </div> + </div> +</main> {% endblock content %} diff --git a/templates/stories.html b/templates/stories.html index d3047d9..07ebb40 100644 --- a/templates/stories.html +++ b/templates/stories.html @@ -18,7 +18,7 @@ Despite my linguistic difficulties to express myself, my love for story telling </div> <div class="works"> {% for work in works | sort(attribute="last_update") | reverse %} - <a href="{{work.path_to_document}}" class="work-card" download> + <a href="{{work.path_to_document}}" class="work-card card" download> <div class="title-and-description"> <h3>{{work.title}}</h3> <p>{{work.description}}</p> |