From 60e3a855cdfeb696db5d7f6b5e79cd38c3ed1df3 Mon Sep 17 00:00:00 2001
From: Lukas Winkler <git@lw1.at>
Date: Sat, 3 Feb 2024 21:25:22 +0100
Subject: [PATCH] update style

---
 assets/scss/_license.scss    |  2 +-
 assets/scss/_overview.scss   |  4 ++++
 assets/scss/_typography.scss |  3 ++-
 assets/scss/variables.scss   |  2 +-
 templates/intro.html         | 10 ++++------
 templates/overview.html      |  2 +-
 6 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/assets/scss/_license.scss b/assets/scss/_license.scss
index e1a35d4..8421b62 100644
--- a/assets/scss/_license.scss
+++ b/assets/scss/_license.scss
@@ -10,7 +10,7 @@
   }
 
   text {
-	font-family: Arial, sans-serif;
+	font-family: sans-serif;
 	fill: currentColor;
 	text-align: start;
 	line-height: 125%;
diff --git a/assets/scss/_overview.scss b/assets/scss/_overview.scss
index 582d20b..1e356ff 100644
--- a/assets/scss/_overview.scss
+++ b/assets/scss/_overview.scss
@@ -46,6 +46,10 @@
     align-content: center;
     justify-content: center;
 
+    .title{
+      text-wrap: balance;
+    }
+
     > div {
       padding: 0 10px
     }
diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss
index f547b54..f17c8a1 100644
--- a/assets/scss/_typography.scss
+++ b/assets/scss/_typography.scss
@@ -28,12 +28,13 @@ h6 {
   //letter-spacing: -.1rem;
   margin-bottom: 2.0rem;
   margin-top: 0;
-
 }
 
 h1 {
   font-size: 4.0rem;
   line-height: 1.2;
+  text-align: center;
+  text-wrap: balance;
 }
 
 h2 {
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index e1b5afe..9c5c150 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -20,7 +20,7 @@ $consoleFocus: $consoleBlue;
 $consoleText: $consoleWhite;
 $consoleFont: "Fira Code Retina", monospace, monospace;
 
-$fontFamily: -apple-system, "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Liberation Sans", "Roboto", Arial, sans-serif;
+$fontFamily: system-ui, -apple-system, "Helvetica Neue", "Inter", "Noto Sans", "Liberation Sans", "Roboto", Arial, sans-serif;
 
 @mixin dark() {
   @media (prefers-color-scheme: dark) {
diff --git a/templates/intro.html b/templates/intro.html
index 0184dd6..3f0063f 100644
--- a/templates/intro.html
+++ b/templates/intro.html
@@ -7,17 +7,15 @@
     {% if lang=="de" %}
         <div class="introduction">
             Hallo,<br>
-            ich bin ein Astronom aus Österreich und ein Open Source Programmierer.<br>
-            Im meiner Freizeit schreibe ich mehr oder weniger nützliche Programme und Webseiten und arbeite bei <a
-                href="https://matomo.org/">Matomo</a>.
+            ich bin ein Astrophysik PhD Student aus Österreich und ein Open Source Programmierer.<br>
+            Im meiner Freizeit schreibe ich mehr oder weniger nützliche Programme und Webseiten.
         </div>
     {% else %}
 
         <div class="introduction">
             Hi,<br>
-            I am an astronomer from Austria and an Open Source programmer.<br>
-            When I have time for it, I write more or less useful programs and websites and contribute to <a
-                href="https://matomo.org/" class="texttt">Matomo</a>.
+            I am an astrophysics PhD student from Austria and an Open Source programmer.<br>
+            When I have time for it, I write more or less useful programs and websites.
         </div>
     {% endif %}
 
diff --git a/templates/overview.html b/templates/overview.html
index d75bcec..beee308 100644
--- a/templates/overview.html
+++ b/templates/overview.html
@@ -21,7 +21,7 @@
                 <img src="{{ post.thumbnail_img.public_url }}" width="1200" height="600" loading="lazy">
             </div>
             <div class="textwrapper">
-                <div>{{ post.title }}</div>
+                <div class="title">{{ post.title }}</div>
                 {% if post.date %}
                     <div>{{ post.date_year_month }}</div>
                 {% endif %}