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.

61 lines
2.7 KiB

11 months ago
  1. <!--Oh nice! You found the source code :)-->
  2. <!--You can make your life miserable or watch it right here: https://git.thiemoo.at-->
  3. <!--Attention! Licensed under Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) License -->
  4. <!--View: https://creativecommons.org/licenses/by-sa/4.0/-->
  5. <!--Made by Givou(https://thiemoo.at)-->
  6. <!DOCTYPE html>
  7. <html lang="de">
  8. <head>
  9. <title>Thiemoo.at - Home</title>
  10. <meta charset="utf-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  13. <link type="text/css" rel="stylesheet" href="css/style.css" />
  14. <link type="text/css" rel="stylesheet" href="css/animations.css" />
  15. <link type="text/css" rel="stylesheet" href="css/font-awesome/css/font-awesome.css" />
  16. </head>
  17. <body>
  18. <!--Avatar-->
  19. <div class="avatar">
  20. <img class="avatar-img" src="img/profile.png" alt="Avatar" />
  21. <h1 class="avatar-text">Thiemo Tiziani</h1>
  22. <p class="avatar-subtext">Autodiktatischer Programmierer und Systemadministrator</p>
  23. <p class="avatar-subtext">HTML/CSS/JS/PHP | SQL | Java | C</p>
  24. </div>
  25. <!--Links-->
  26. <div class="links-block">
  27. <div class="block block-1">
  28. <i class="fa fa-git"></i>
  29. <p id="git" class="block-subtext">Auf meiner Git-Page findet ihr alle Projekte, welche ich programmiert habe und veröffentlicht habe! Diese sind zumeist unter CC-BY-SA 4.0 Lizenziert.</p><p></p>
  30. <a aria-labelledby="git" target="_blank" href="https://git.thiemoo.at/Givou" class="button">Aufrufen</a>
  31. </div>
  32. <div class="block block-2">
  33. <i class="fa fa-server"></i>
  34. <p id="nerdcity" class="block-subtext">NerdCity.at wird ein Hosting unternehmen sein, welches viele Freiheiten und kostenlose Services bereitstellen wird. Datenschutz spielt dabei eine wichtige Rolle.</p>
  35. <a aria-labelledby="nerdcity" target="_blank" href="https://nerdcity.at" class="button">Aufrufen</a>
  36. </div>
  37. <div class="block block-3">
  38. <i class="fa fa-comment-o"></i>
  39. <p id="ts" class="block-subtext">Ihr könnt gerne auf meinen Teamspeak kommen, um mich zu kontaktieren. Meistens könnt ihr mich ab 18:00 dort antreffen. Ich helfe gerne weiter.</p><p></p>
  40. <a aria-labelledby="ts" href="ts3server://nerdcity.at?port=9987" class="button">Verbinden</a>
  41. </div>
  42. </div>
  43. <!--Footer-->
  44. <div class="footer">
  45. <p>&copy; <script>date=new Date(); document.write(date.getFullYear())</script> | Made with <i class="footer-heart fa fa-heart"></i> by Givou</p>
  46. <p><a class="links" href="impressum.html">Impressum</a> | <a class="links" href="privacy.html">Datenschutzerklärung</a></p>
  47. <a style="display: none; visibility: hidden;" rel="me" href="https://social.tchncs.de/@lorddoctor">Mastodon</a>
  48. </div>
  49. </body>
  50. </html>