sadorowo/personal-website
1
0
Fork 0
Code Pull Requests Projects Releases Activity

fix: scrolling

Browse Source
This commit is contained in:
sador 2023-09-15 16:57:22 +02:00
parent 7a6fda161c
commit c40fac021d
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -7,7 +7,7 @@
<link rel="shortcut icon" href="logo.png"> <link rel="shortcut icon" href="logo.png">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script defer src="script.js"></script> <script defer src="script.js"></script>
<title>sador.dev</title> <title>sador.me</title>
</head> </head>
<body> <body>
<div id="box"> <div id="box">
@ -45,9 +45,9 @@
</div> </div>
<h4>O mnie</h4> <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> <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>Wersja bota Zine przystosowana pod platformę Guilded.</li>
<li>Mini-komunikator Chatto napisany przy użyciu Fluttera.</li> <li>Mini-komunikator Chatto napisany przy użyciu Fluttera.</li>
<li>Moja personalna strona internetowa: właśnie ją oglądasz.</li> <li>Moja personalna strona internetowa: właśnie ją oglądasz.</li>

4
script.js
View File

@ -48,6 +48,10 @@ window.onload = async () => {
await updateOpacity(contentContainer, true); 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 // update theme
if (currentTheme === 'dark') if (currentTheme === 'dark')
document.body.classList.add('dark'); document.body.classList.add('dark');

13
style.css
View File

@ -17,6 +17,9 @@ body {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: auto;
max-width: 100%;
max-height: 100%;
transition: ease-in 0.2s; transition: ease-in 0.2s;
} }
@ -63,6 +66,10 @@ a {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
#age {
color: #ffd9a4;
}
button { button {
border: none; border: none;
padding: 10px; padding: 10px;
@ -239,7 +246,7 @@ body:not(.dark) .project-card {
background-color: rgb(185, 175, 255); background-color: rgb(185, 175, 255);
} }
body:not(.dark) #socials .social img { body.dark #socials .social img {
filter: invert(); filter: invert();
} }
@ -255,6 +262,10 @@ body:not(.dark) #content h4 {
color: #000; color: #000;
} }
body:not(.dark) #age {
color: #3b3b3b;
}
/* MOBILE */ /* MOBILE */
@media screen and (max-width: 798px) { @media screen and (max-width: 798px) {
#content { #content {