djledda.de main
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

пре 2 месеци
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>DJ Ledda's Homepage</title>
  6. <meta name="description" content="the coolest homepage in the whole galaxy" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <link rel="manifest" href="site.webmanifest" />
  9. <link rel="icon" href="img/dj.gif" />
  10. <link rel="stylesheet" href="css/main.css" />
  11. <link
  12. href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@600&display=swap"
  13. rel="stylesheet"
  14. />
  15. <meta name="theme-color" content="#fafafa" />
  16. </head>
  17. <body>
  18. <!--[if IE]>
  19. <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>
  20. <![endif]-->
  21. <!-- Site Content -->
  22. <div class="supercontainer">
  23. <div class="shakeable">
  24. <div class="title_name">
  25. <img src="img/dj.gif" alt="dj legt krasse Mucke auf" class="dude" />
  26. <span class="tooltip">I wonder what he's listening to?</span>
  27. <span>DJ Ledda</span>
  28. <span class="tooltip">Easily the coolest guy out there.</span>
  29. <img src="img/dj.gif" alt="dj laying down some sick beats" class="dude" />
  30. <span class="tooltip">I once heard this guy played at revs.</span>
  31. </div>
  32. <div class="main">
  33. <div class="subject">
  34. <div class="resourcelist">
  35. <a class="resource" href="https://drum-slayer.com">
  36. Drum Slayer
  37. </a>
  38. <span class="tooltip"
  39. >Small app for designing multitrack looped rhythms with local save and multiple files.
  40. Originally built using just vanilla TypeScript and CSS, now with Vue.</span>
  41. <a class="resource" href="/somaesque">
  42. Somaesque
  43. </a>
  44. <span class="tooltip"
  45. >Puzzle solver app for puzzle cubes resembling the original Soma Cube puzzle. Save and edit
  46. your own puzzles! Built with Svelte, THREE.js and AssemblyScript.</span>
  47. <a class="resource" href="/generative-energy">
  48. Generative Energy - Ray Peat Resources
  49. </a>
  50. <span class="tooltip">Thyroid calculator, German translations, and more...</span>
  51. <a class="resource" href="/muenchen-auf-englisch.html">
  52. München auf Englisch - Munich in English
  53. </a>
  54. <span class="tooltip"
  55. >Authentic historically accurate translations of all of Munich's S-Bahn and U-Bahn stations,
  56. as well as the main municipalities, into English. You live in Allach? It's Axleigh now.
  57. Giesing? Nope! Kyesing! This is a WIP.</span>
  58. <a class="resource" href="/kadi/">
  59. K A D I: Online Yatzy Scoresheets
  60. </a>
  61. <span class="tooltip"
  62. >Make an account and start saving paper and tracking your Yatzy stats with your friends!
  63. Make your own rulesets, and more. Built with React, express.js, and MongoDB. Currently
  64. inactive.</span>
  65. <a class="resource" href="http://git.djledda.de/Ledda">
  66. My git projects
  67. </a>
  68. <span class="tooltip">Check out what I'm coding!</span>
  69. <a id="emailLink" class="resource">
  70. Click here to get in touch
  71. </a>
  72. <span class="tooltip">You'll see my address when you click here.</span>
  73. </div>
  74. </div>
  75. </div>
  76. <div id="tooltipCarrier"></div>
  77. </div>
  78. </div>
  79. <!-- End Content -->
  80. <script src="js/main.js" type="module"></script>
  81. </body>
  82. </html>