89 lines
4.5 KiB
HTML
89 lines
4.5 KiB
HTML
<!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>
|