88 lines
3.3 KiB
HTML
88 lines
3.3 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>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> |