fix typo + mobile page revert

This commit is contained in:
sadorowo 2024-02-22 09:54:05 +01:00
parent eb19d8c5a6
commit f274c1a6e7
3 changed files with 21 additions and 8 deletions

View File

@ -45,7 +45,6 @@
<h4>O mnie</h4> <h4>O mnie</h4>
<p>hej, mam <span id="age">???</span> lat. mieszkam w okolicach Myślenic.</p> <p>hej, mam <span id="age">???</span> lat. mieszkam w okolicach Myślenic.</p>
<p>do niedawna byłem dość aspołeczny, jednak wiele ludzi uważa, że zmieniam się na lepsze.</p>
<p>moje zainteresowania:</p> <p>moje zainteresowania:</p>
<ul> <ul>
<li>programowanie</li> <li>programowanie</li>
@ -53,13 +52,13 @@
<li>elektronika</li> <li>elektronika</li>
<li>muzyka</li> <li>muzyka</li>
</ul> </ul>
<p>jestem fanem/entuzjastą:</p> <p>jestem fanem/po prostu słucham:</p>
<ul> <ul>
<li> <li>
metalu metalu
<ul> <ul>
<li>heavy metalu</li> <li>heavy metalu</li>
<li>groove metalu</li> <li>gothic metalu</li>
<li>metalu progresywnego</li> <li>metalu progresywnego</li>
<li>nu metalu</li> <li>nu metalu</li>
</ul> </ul>
@ -71,11 +70,14 @@
<ul> <ul>
<li>Slipknot</li> <li>Slipknot</li>
<li>Poisonblack</li> <li>Poisonblack</li>
<li>Beseech</li>
<li>To/Die/For</li>
<li>Entwine</li>
<li>Charon</li>
<li>Lil Peep</li> <li>Lil Peep</li>
<li>Death</li> <li>Death</li>
<li>System of a Down</li> <li>System of a Down</li>
<li>Judas Priest</li> <li>Evanescence</li>
<li>Iron Maiden</li>
</ul> </ul>
</li> </li>
</ul> </ul>

View File

@ -39,8 +39,13 @@ function resetPoints() {
} }
function swapContent() { function swapContent() {
contentContainer.style.flexDirection = if (window.innerWidth < 768) {
contentContainer.style.flexDirection === 'row-reverse' ? 'row' : 'row-reverse'; contentContainer.style.flexDirection =
contentContainer.style.flexDirection === 'column-reverse' ? 'column' : 'column-reverse';
} else {
contentContainer.style.flexDirection =
contentContainer.style.flexDirection === 'row-reverse' ? 'row' : 'row-reverse';
}
} }
// listeners // listeners

View File

@ -317,4 +317,10 @@ body:not(.dark) #age {
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
} }
#socials {
display: flex;
flex-direction: column;
justify-content: center;
}
} }