personal-website/index.html
2024-02-25 17:20:23 +01:00

91 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="sadorro's personal website!">
<link rel="shortcut icon" href="logo.png">
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
<title>sador.me</title>
</head>
<body>
<div id="box">
<p>Kliknij mnie!</p>
</div>
<div id="content">
<div id="left-side">
<h1>Sador</h1>
<h2 id="points">Bonusowe punkty z minigry: <span>0</span></h2>
<button onclick="resetPoints()">Resetuj punkty</button>
<button onclick="toggleTheme()">Zmień motyw</button>
<button><a href="projects.html">Moje projekty</a></button>
<button id="swap">Odwróć strony :)</button>
<iframe height="450" style="width:100%;max-width:660px;overflow:hidden;border-radius:10px;" frameborder="0" src="https://embed.music.apple.com/pl/playlist/heavy-megamix/pl.u-Ymb0vyMiglN9ddW?l=pl"></iframe>
</div>
<div id="right-side">
<h4>Media społecznościowe/moje konta</h4>
<div id="socials">
<a class="social" href="https://github.com/sadorowo" target="_blank">
<img src="icons/github.png" alt="github">
<p>GitHub</p>
</a>
<a class="social" href="https://instagram.com/sadorowo" target="_blank">
<img src="icons/instagram.png" alt="instagram">
<p>Instagram</p>
</a>
<a class="social" href="https://youtube.com/c/Sadorowo" target="_blank">
<img src="icons/youtube.png" alt="youtube">
<p>YouTube</p>
</a>
</div>
<h4>O mnie</h4>
<p>hej, mam <span id="age">???</span> lat. mieszkam w okolicach Myślenic.</p>
<p>moje zainteresowania:</p>
<ul>
<li>programowanie</li>
<li>stara motoryzacja</li>
<li>elektronika</li>
<li>muzyka</li>
</ul>
<p>jestem fanem/po prostu słucham:</p>
<ul>
<li>
metalu
<ul>
<li>heavy metalu</li>
<li>gothic metalu</li>
<li>metalu progresywnego</li>
<li>nu metalu</li>
</ul>
</li>
<li>rocka</li>
<li>części amerykańskiego rapu</li>
<li>
zespołów/artystów:
<ul>
<li>Slipknot</li>
<li>Poisonblack</li>
<li>Beseech</li>
<li>To/Die/For</li>
<li>Entwine</li>
<li>Lacrimas Profundere</li>
<li>For My Pain...</li>
<li>Draconian</li>
<li>Charon</li>
<li>Lil Peep</li>
<li>Death</li>
<li>System of a Down</li>
<li>Evanescence</li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>