<!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>
        </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>
            <div class="accordion">
                <p>metalu</p>
                <div class="accordion-content">
                    <ul>
                        <li>heavy metalu</li>
                        <li>gothic metalu</li>
                        <li>metalu progresywnego</li>
                        <li>nu metalu</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>rocka</p>
                <div class="accordion-content">
                    <p>szczególnie:</p>
                    <ul>
                        <li>Foo Fighters</li>
                        <li>Evanescence</li>
                        <li>30 Seconds To Mars</li>
                        <li>HIM</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>części amerykańskiego rapu</p>
                <div class="accordion-content">
                    <p>szczególnie:</p>
                    <ul>
                        <li>Lil Peep</li>
                        <li>Lil Tracy</li>
                        <li>XXXTENTACION</li>
                        <li>Juice WRLD</li>
                        <li>Mackned</li>
                        <li>Fat Nick</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>zespołów/artystów</p>
                <div class="accordion-content">
                    <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>
                </div>
            </div>
            <p>sprzęt/oprogramowanie, który posiadam:</p>
            <div class="accordion">
                <p>sprzęt</p>
                <div class="accordion-content">
                    <ul>
                        <li>CPU: Intel i5-4590</li>
                        <li>GPU: NVIDIA GTX 970 + Radeon RX 5500 XT</li>
                        <li>Bluetooth: CSR 4.0</li>
                        <li>Wi-Fi: TP-LINK TL-WN722N V2</li>
                        <li>Klawiatura: Microsoft All-In-One Media Keyboard</li>
                        <li>Mysz: coś z defendera :)</li>
                        <li>Słuchawki: Beats Studio Buds</li>
                        <li>Monitor: LG M2450D</li>
                        <li>Płyta główna: ASRock H97M Pro4</li>
                        <li>RAM: 16GB DDR3</li>
                        <li>Dysk: ADATA 500GB</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>systemy operacyjne</p>
                <div class="accordion-content">
                    <ul>
                        <li>Hackintosh Sonoma</li>
                        <li>Windows 10 Pro</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>oprogramowanie</p>
                <div class="accordion-content">
                    <ul>
                        <li>DaVinci Resolve</li>
                        <li>Firefox</li>
                        <li>GIMP</li>
                        <li>OBS Studio</li>
                        <li>Handbrake</li>
                        <li>VSC (only product from ms trash that I'm using LMAO)</li>
                        <li>BitTorrent Web</li>
                        <li>Apple Music</li>
                        <li>JetBrains IDEs</li>
                    </ul>
                </div>
            </div>
            <div class="accordion">
                <p>subskrypcje</p>
                <div class="accordion-content">
                    <ul>
                        <li>Apple Music Individual</li>
                    </ul>
                </div>
            </div>
            <p>cenię sobie prywatność, nie korzystam m.in. z facebooka, wyszukiwarki google.</p>
        </div>
    </div>
</body>

</html>