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="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>

4
script.js
View File

@ -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');

13
style.css
View File

@ -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 {