fix: scrolling
This commit is contained in:
parent
7a6fda161c
commit
c40fac021d
@ -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>
|
||||||
|
@ -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
13
style.css
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user