From c40fac021d3a7a64e691635b087b3b1d804f4a09 Mon Sep 17 00:00:00 2001
From: sador <sadorowo@gmail.com>
Date: Fri, 15 Sep 2023 16:57:22 +0200
Subject: [PATCH] fix: scrolling

---
 index.html |  6 +++---
 script.js  |  4 ++++
 style.css  | 13 ++++++++++++-
 3 files changed, 19 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 56f9f53..9d86dfd 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <link rel="shortcut icon" href="logo.png">
     <link rel="stylesheet" href="style.css">
     <script defer src="script.js"></script>
-    <title>sador.dev</title>
+    <title>sador.me</title>
 </head>
 <body>
     <div id="box">
@@ -45,9 +45,9 @@
         </div>
 
         <h4>O mnie</h4>
-        <p>Cześć! Jestem Franek i mam 16 lat. Interesuję się programowaniem, muzyką oraz motoryzacją (niekoniecznie tą nowoczesną). Potrafię grać na keyboardzie. Moje przykładowe projekty, które napisałem własnoręcznie:</p>
+        <p>Cześć! Jestem Franek i mam <span id="age">...</span> lat. Interesuję się programowaniem, muzyką oraz motoryzacją (niekoniecznie tą nowoczesną). Potrafię grać na keyboardzie. Moje przykładowe projekty, które napisałem własnoręcznie:</p>
         <ul>
-            <li>Zine - mój własny bot na Discorda napisany w języku Rust.</li>
+            <li>Zine — mój własny bot na Discorda napisany w języku Rust.</li>
             <li>Wersja bota Zine przystosowana pod platformę Guilded.</li>
             <li>Mini-komunikator Chatto napisany przy użyciu Fluttera.</li>
             <li>Moja personalna strona internetowa: właśnie ją oglądasz.</li>
diff --git a/script.js b/script.js
index 622eab9..bdeb084 100644
--- a/script.js
+++ b/script.js
@@ -48,6 +48,10 @@ window.onload = async () => {
     await updateOpacity(contentContainer, true);
 }
 
+// update age
+const difference = (Date.now() - 1182722400000) / (1000 * 60 * 60 * 24 * 365);
+document.getElementById('age').innerText = difference.toFixed(4);
+
 // update theme
 if (currentTheme === 'dark')
     document.body.classList.add('dark');
\ No newline at end of file
diff --git a/style.css b/style.css
index e994b3b..54da7fd 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,9 @@ body {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    margin: auto;
+    max-width: 100%;
+    max-height: 100%;
     transition: ease-in 0.2s;
 }
 
@@ -63,6 +66,10 @@ a {
     transform: translate(-50%, -50%);
 }
 
+#age {
+    color: #ffd9a4;
+}
+
 button {
     border: none;
     padding: 10px;
@@ -239,7 +246,7 @@ body:not(.dark) .project-card {
     background-color: rgb(185, 175, 255);
 }
 
-body:not(.dark) #socials .social img {
+body.dark #socials .social img {
     filter: invert();
 }
 
@@ -255,6 +262,10 @@ body:not(.dark) #content h4 {
     color: #000;
 }
 
+body:not(.dark) #age {
+    color: #3b3b3b;
+}
+
 /* MOBILE */
 @media screen and (max-width: 798px) {
     #content {
