<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>sajed's homepage</title>
    <meta name="author" content="S. S.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="my homepage!">
    <style>
        img {
            image-rendering: pixelated;
        }

        html {
            font-family: Roboto Mono, monospace;
            font-size: 14px;
            line-height: 1.2em;
            height: 100%;
        }

        body {
            max-width: 768px;
            margin: 1em auto;
            color: var(--text-color);
        }

        li {
            list-style-type: square;
            list-style-position: inside;
            margin-top: .25em;
        }

        #navbar {
            display: flex;
            justify-content: space-between;
        }

        #navbar-links b:after {
            content: "|";
            margin: 0 .5rem;
        }

        #navbar-links b:last-child:after {
            content: "";
        }

        :root {
            --text-color: #000000;
            --link-color: #0000ee;
        }

        a,
        a:visited {
            color: var(--link-color);
        }

        a:active,
        a:hover {
            color: #fff;
            background-color: var(--link-color);
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --text-color: #eeeeee;
                --link-color: #0392da;
            }

            body {
                background: #000;
                color: var(--text-color);
            }

            hr {
                filter: brightness(.3);
            }
        }

        *,
        *:before,
        *:after {
            box-sizing: inherit;
        }

        * {
            padding: 0;
            margin: 0;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr {
            font-size: 1em;
            position: relative;
            margin: 1em 0;
        }

        h1:first-child {
            margin-top: 0;
        }

        h1:after {
            content: "=================================================";
            position: absolute;
            left: 0;
            top: 1em;
        }

        h1 {
            padding-bottom: 1em;
            overflow-x: hidden;
        }

        h2:before {
            content: "### ";
        }
    </style>
</head>

<body>
    <div id="navbar">
        <div>
            <h1>sajed's homepage</h1>
        </div>
        <div id="navbar-links">
            <b><a href="/">home</a></b>
            <b><a href="/redirect">links</a></b>
            <b><a href="/music">music</a></b>
            <b><a href="/cat">cat</a></b>
            <b><a href="/batman">secret</a></b>
        </div>
    </div>

    <p>
        Hey, I'm Sajed (S. S.) — a programmer and student. This is my little corner of the
        internet.<br><br>
        I focus on low-level code, reverse engineering, and network-driven systems.<br><br>
        Right now, I'm diving into server programming, reverse engineering, and exploring machine learning from a grounded systems perspective.<br>
        I care about clarity, control, and designs that make sense at every layer.<br><br>
        Outside of code, I’m into photography, and I take my tea and coffee seriously — brewing both with intention, like everything else I do :P ;)
    </p>

    <h2>Projects</h2>
    <ul>
        <li><a href="https://github.com/novastosha/rustmine" target="_blank" rel="noreferrer">Rustmine</a> - A
            work-in-progress barebones Minecraft server implementation written in Rust</li>
        <li>More coming soon...</li>
    </ul>

    <h2>Programming Languages</h2>
    <ul>
        <li>Experienced: Rust, Java, C, Python</li>
        <li>Intermediate: Go, F#</li>
        <li>Beginner: Haskell</li>
    </ul>

    <h2>Contact Information</h2>
    <p>
        Feel free to reach me through the following channels and ask about anything you want:
        <br>
        I prefer email, but you can also find me on Discord or GitHub.
    </p>
    <ul>
        <li>Email: <a id="email">reveal</a> <span id="click_text"></li>
        <li>Discord: <a href="https://discord.com/users/566296365651722251" target="_blank"
                rel="noreferrer">@earthspecie</a></li>
        <li>GitHub: <a href="https://github.com/novastosha" target="_blank" rel="noreferrer">@novastosha</a></li>
    </ul>

    <h2>Favorite Artists</h2>
    <ul>
        <li>CAS, TV Girl, Arctic Monkeys, Tame Impala, Videoclub</li>
        <li>Guns N' Roses <3, Metallica, AC/DC, Nirvana, ABBA, A-ha</li>
        <li>C418, and my fair share of lo-fi beats and countless Jazz artists</li><br>
        <li>Check out my recently listened-to songs on <a href="/music">my music page</a>.</li>
    </ul>

    <hr>

    <marquee id="badges" direction="right"></marquee>
    
    <script src="assets/index.js"></script>
    <script src="assets/oneko.js"></script>

    <br>
    Website design was basically stolen from golden @ <a href="https://goldenstack.net">goldenstack.net</a>
    <br>
</body>

</html>