index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="pagename" content="Sv443 Network - Homepage">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="HandheldFriendly" content="true">
  8. <meta name="description" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
  9. <meta name="twitter:card" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
  10. <meta name="subject" content="Video Games">
  11. <meta name="copyright" content="Sv443 - Licensed under the MIT license ( https://sv443.net/LICENSE )">
  12. <meta name="author" content="Sv443 ( [email protected] - https://sv443.net/ )">
  13. <meta name="msvalidate.01" content="E7F67DC0A96E1B4B82A133B38600F151">
  14. <meta property="og:title" content="Sv443 Network - Homepage">
  15. <meta property="og:url" content="https://sv443.net/">
  16. <meta property="og:description" content="Sv443 Network Homepage - This is the main page of Sv443 and the Sv443 Network. Here you will find all my projects and contact information.">
  17. <meta property="og:image" content="https://sv443.net/favicon.png">
  18. <meta property="og:type" content="profile">
  19. <meta property="og:locale" content="en_US">
  20. <meta property="og:locale:alternate" content="en_GB">
  21. <meta property="og:locale:alternate" content="de_DE">
  22. <meta property="og:locale:alternate" content="de_CH">
  23. <meta property="og:locale:alternate" content="de_AT">
  24. <meta name="application-name" content="Sv443 Network - Homepage">
  25. <meta name="theme-color" content="#101747">
  26. <link rel="stylesheet" href="css/global.css">
  27. <link rel="stylesheet" href="css/index.css">
  28. <title>Sv443 Network - Homepage</title>
  29. <script src="https://unpkg.com/phosphor-icons"></script>
  30. <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
  31. <script type="text/javascript" src="js/index.js"></script>
  32. <link rel="apple-touch-icon" sizes="180x180" href="./resources/favicons/apple-touch-icon.png">
  33. <link rel="icon" type="image/png" sizes="32x32" href="./resources/favicons/favicon-32x32.png">
  34. <link rel="icon" type="image/png" sizes="194x194" href="./resources/favicons/favicon-194x194.png">
  35. <link rel="icon" type="image/png" sizes="192x192" href="./resources/favicons/android-chrome-192x192.png">
  36. <link rel="icon" type="image/png" sizes="16x16" href="./resources/favicons/favicon-16x16.png">
  37. <link rel="mask-icon" href="./resources/favicons/safari-pinned-tab.svg" color="#101747">
  38. <link rel="shortcut icon" href="./resources/favicons/favicon.ico">
  39. <meta name="msapplication-TileColor" content="#000000">
  40. <meta name="msapplication-config" content="./resources/favicons/browserconfig.xml">
  41. <meta name="theme-color" content="#101747">
  42. </head>
  43. <body onload="indexonload();">
  44. <header>
  45. <div id="options">
  46. <div id="themebtn" onclick="theme.change();">
  47. <i class="ph-moon icon"></i>
  48. </div>
  49. <div id="langbtn" title="Wechsle zu Deutsch" onclick="switchLang();">
  50. <i class="ph-translate icon"></i>
  51. </div>
  52. </div>
  53. <p id="title">Sv443 Network</p>
  54. </header>
  55. <main>
  56. <div id="synopsis">
  57. <div>
  58. <div id="logo"></div>
  59. </div>
  60. <div style="display: flex; flex-direction: column;">
  61. <p>A small network offering free to use and open source applications and services</p>
  62. <a href="./ko-fi" class="img-link" target="_blank"><div>
  63. <img style="max-width: 100%;" src="./resources/images/ko-fi_button.webp" alt="Ko-fi button">
  64. </div></a>
  65. </div>
  66. </div>
  67. <div id="projects">
  68. <div id="scripts-websites">
  69. <div class="list-header">
  70. <h1>Projects</h1>
  71. </div>
  72. <div class="list">
  73. <a href="https://sv443.net/jokeapi/v2/" id="jokeapi" rel="noopener" class="img-link" title="Visit the JokeAPI Website" target="_blank"><div class="list-item-container">
  74. <img src="./resources/images/jokeapi.webp" alt="JokeAPI icon" class="square"></img>
  75. <h4>JokeAPI</h4>
  76. </div></a>
  77. <a href="https://github.com/Sv443/SvCoreLib" id="svcorelib" rel="noopener" class="img-link" title="Visit the SvCoreLib Github Repository" target="_blank"><div class="list-item-container">
  78. <img src="./resources/images/svcorelib.webp" alt="SvCoreLib icon" class="square"></img>
  79. <h4>SvCoreLib</h4>
  80. </div></a>
  81. <a href="https://github.com/Sv443/LangApplier" id="langapplier" rel="noopener" class="img-link" title="Visit the LangApplier Gitub Repository" target="_blank"><div class="list-item-container">
  82. <img src="./resources/images/langapplier.webp" alt="LangApplier icon" class="rounded square"></img>
  83. <h4>LangApplier</h4>
  84. </div></a>
  85. <a href="https://github.com/Sv443/TamperTubePlus" id="ttp" rel="noopener" class="img-link" title="Visit the TamperTubePlus Github Repository" target="_blank"><div class="list-item-container">
  86. <img src="./resources/images/ttp.webp" alt="TamperTubePlus icon" class="square"></img>
  87. <h4>TamperTubePlus</h4>
  88. </div></a>
  89. <a href="https://github.com/Sv443/skribbl.io-plus" id="skribbl" rel="noopener" class="img-link" title="Visit the Skribbl.io+ Github Repository" target="_blank"><div class="list-item-container">
  90. <img src="https://raw.githubusercontent.com/Sv443/code/master/resources/favicons/skribbl.io%2B%20icon.png" alt="Skribbl.io icon" class="square"></img>
  91. <h4>Skribbl.io+</h4>
  92. </div></a>
  93. </div>
  94. </div>
  95. <div class="horFlexSpacer"></div>
  96. <div id="games">
  97. <div class="list-header">
  98. <h1 id="gamestitle">Games</h1>
  99. </div>
  100. <div class="list">
  101. <a href="https://sv443.net/games/flappy_switch/index.html" id="flappyswitch" rel="noopener" class="img-link" title="Play Flappy Switch" target="_blank"><div class="list-item-container">
  102. <img src="./resources/images/flappy_switch.webp" alt="Flappy Switch icon" class="rounded square"></img>
  103. <h4>Flappy Switch</h4>
  104. </div></a>
  105. <a href="https://sv443.github.io/TextAdventureGame/TextAdventureGame" id="textisland" rel="noopener" class="img-link" title="Play Text Island" target="_blank"><div class="list-item-container">
  106. <img src="https://raw.githubusercontent.com/Sv443/TextAdventureGame/master/icon_160x160.png" alt="Text Island icon" class="rounded square"></img>
  107. <h4>Text Island</h4>
  108. </div></a>
  109. </div>
  110. </div>
  111. </div>
  112. <div id="contact">
  113. <div class="list-header">
  114. <h1>Contact</h1>
  115. </div>
  116. <div class="list">
  117. <a href="https://github.com/Sv443" id="github" rel="noopener" class="img-link" title="Sv443 on Github" target="_blank"><div class="list-item-container">
  118. <img src="./resources/images/github.webp" alt="Github icon" class="circle"></img>
  119. <h4>Github</h4>
  120. </div></a>
  121. <a href="https://www.npmjs.com/~sv443" id="npm" rel="noopener" class="img-link" title="Sv443 on npm" target="_blank"><div class="list-item-container">
  122. <img src="./resources/images/npm.webp" alt="npm icon" class="circle"></img>
  123. <h4>npm</h4>
  124. </div></a>
  125. <a href="https://sv443.itch.io/" id="itch" rel="noopener" class="img-link" title="Sv443 on Itch.io" target="_blank"><div class="list-item-container">
  126. <img src="./resources/images/itch.webp" alt="Itch.io icon" class="circle"></img>
  127. <h4>itch.io</h4>
  128. </div></a>
  129. <a href="https://www.linkedin.com/in/sven-fehler/" rel="noopener" class="img-link" title="My LinkedIn profile" target="_blank"><div class="list-item-container">
  130. <img src="./resources/images/linkedin.webp" alt="LinkedIn icon" class="circle"></img>
  131. <h4>LinkedIn</h4>
  132. </div></a>
  133. <a href="https://profile.codersrank.io/user/sv443" rel="noopener" class="img-link" title="My CodersRank profile" target="_blank"><div class="list-item-container">
  134. <img src="./resources/images/codersrank.webp" alt="CodersRank icon" class="circle"></img>
  135. <h4>CodersRank</h4>
  136. </div></a>
  137. <a href="https://twitter.com/Sv443_dev" id="twitter" rel="noopener" class="img-link" title="Sv443 on Twitter" target="_blank"><div class="list-item-container">
  138. <img src="./resources/images/twitter.webp" alt="Twitter icon" class="circle"></img>
  139. <h4>Twitter</h4>
  140. </div></a>
  141. <a onclick="copyemail();" id="email" class="img-link" title="Copies Sv443's E-Mail address to your clipboard"><div class="list-item-container">
  142. <img src="./resources/images/email.webp" alt="Email icon" class="circle"></img>
  143. <h4>Email</h4>
  144. </div></a>
  145. <a href="/discord" id="discord" class="img-link" title="Join The Sv443 Network Discord Server" target="_blank"><div class="list-item-container">
  146. <img src="./resources/images/discord.webp" alt="Discord icon" class="circle"></img>
  147. <h4>Discord</h4>
  148. </div></a>
  149. </div>
  150. </div>
  151. </main>
  152. <footer>
  153. <div id="cookie-consent">
  154. <div>
  155. <h4>This website uses cookies</h4>
  156. <p>We use cookies to store site settings such as theme and language.<br>
  157. You consent to our cookies if you continue to use our website.</p>
  158. </div>
  159. <div id="consent-button" class="img-link" onclick="consentGranted();"><span>Accept Cookies</span></div>
  160. </div>
  161. <div id="cloudflare">
  162. <a href="https://www.cloudflare.com" rel="noopener" class="img-link" target="_blank">
  163. <img src="./resources/images/cloudflare-light.svg" alt="Cloudflare icon" width="150px"></img>
  164. </a>
  165. </div>
  166. <div id="legal">
  167. <h4><a id="privacypolicy" href="./privacypolicy_en" target="_blank">Privacy Policy</a> &bull; <a id="imprint" href="./imprint_en" target="_blank">Legal Information</a> &bull; <a id="license" href="./LICENSE" target="_blank">License</a></h4>
  168. </div>
  169. </footer>
  170. <div id="notif">
  171. <h3>Email copied</h3>
  172. </div>
  173. </body>
  174. </html>