<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>DJ Ledda's Homepage</title>
        <meta name="description" content="the coolest homepage in the whole galaxy" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <link rel="manifest" href="site.webmanifest" />
        <link rel="icon" href="img/dj.gif" />

        <link rel="stylesheet" href="css/main.css" />
        <link
            href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@600&display=swap"
            rel="stylesheet"
        />

        <meta name="theme-color" content="#fafafa" />
    </head>

    <body>
        <!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->

        <!-- Site Content -->
        <div class="supercontainer">
            <div class="shakeable">
                <div class="title_name">
                    <img src="img/dj.gif" alt="dj legt krasse Mucke auf" class="dude" />
                    <span class="tooltip">I wonder what he's listening to?</span>
                    <span>DJ Ledda</span>
                    <span class="tooltip">Easily the coolest guy out there.</span>
                    <img src="img/dj.gif" alt="dj laying down some sick beats" class="dude" />
                    <span class="tooltip">I once heard this guy played at revs.</span>
                </div>
                <div class="main">
                    <div class="subject">
                        <div class="resourcelist">
                            <a class="resource" href="https://drum-slayer.com">
                                Drum Slayer
                            </a>
                            <span class="tooltip"
                            >Small app for designing multitrack looped rhythms with local save and multiple files.
                                Originally built using just vanilla TypeScript and CSS, now with Vue.</span>
                            <a class="resource" href="/somaesque">
                                Somaesque
                            </a>
                            <span class="tooltip"
                            >Puzzle solver app for puzzle cubes resembling the original Soma Cube puzzle. Save and edit
                                your own puzzles! Built with Svelte, THREE.js and AssemblyScript.</span>
                            <a class="resource" href="/generative-energy">
                                Generative Energy - Ray Peat Resources
                            </a>
                            <span class="tooltip">Thyroid calculator, German translations, and more...</span>
                            <a class="resource" href="/muenchen-auf-englisch.html">
                                München auf Englisch - Munich in English
                            </a>
                            <span class="tooltip"
                            >Authentic historically accurate translations of all of Munich's S-Bahn and U-Bahn stations,
                                as well as the main municipalities, into English. You live in Allach? It's Axleigh now.
                                Giesing? Nope! Kyesing! This is a WIP.</span>
                            <a class="resource" href="/kadi/">
                                K A D I: Online Yatzy Scoresheets
                            </a>
                            <span class="tooltip"
                            >Make an account and start saving paper and tracking your Yatzy stats with your friends!
                                Make your own rulesets, and more. Built with React, express.js, and MongoDB. Currently
                                inactive.</span>
                            <a class="resource" href="http://git.djledda.de/Ledda">
                                My git projects
                            </a>
                            <span class="tooltip">Check out what I'm coding!</span>
                            <a id="emailLink" class="resource">
                                Click here to get in touch
                            </a>
                            <span class="tooltip">You'll see my address when you click here.</span>
                        </div>
                    </div>
                </div>
                <div id="tooltipCarrier"></div>
            </div>
        </div>
        <!-- End Content -->

        <script src="js/main.js" type="module"></script>
    </body>
</html>