index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <!-- Made by @IllusionMan1212 and @Sv443 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <title>Sv443 Network</title>
  6. <meta charset="UTF-8">
  7. <meta name="pagename" content="Sv443 Network">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta name="HandheldFriendly" content="true">
  10. <meta name="description" content="This is the main page of Sv443 and the Sv443 Network, a small network offering free to use and open source applications and services.">
  11. <meta name="twitter:card" content="This is the main page of Sv443 and the Sv443 Network, a small network offering free to use and open source applications and services.">
  12. <meta name="subject" content="Video Games">
  13. <meta name="copyright" content="Sv443 Network">
  14. <meta name="author" content="Sv443 ( [email protected] - https://sv443.net/ )">
  15. <meta name="msvalidate.01" content="E7F67DC0A96E1B4B82A133B38600F151">
  16. <meta property="og:title" content="Sv443 Network">
  17. <meta property="og:url" content="https://sv443.net/">
  18. <meta property="og:description" content="This is the main page of Sv443 and the Sv443 Network, a small network offering free to use and open source applications and services.">
  19. <meta property="og:image" content="https://sv443.net/favicon.png">
  20. <meta property="og:type" content="profile">
  21. <meta property="og:locale" content="en_US">
  22. <meta property="og:locale:alternate" content="en_GB">
  23. <meta property="og:locale:alternate" content="de_DE">
  24. <meta property="og:locale:alternate" content="de_CH">
  25. <meta property="og:locale:alternate" content="de_AT">
  26. <meta name="application-name" content="Sv443 Network">
  27. <link rel="stylesheet" href="./css/global.css">
  28. <link rel="stylesheet" href="./css/index.css">
  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 src="js/index.js"></script>
  32. <!-- Thanks to https://realfavicongenerator.net/ -->
  33. <link rel="apple-touch-icon" sizes="180x180" href="./resources/favicons/apple-touch-icon.png">
  34. <link rel="icon" type="image/png" sizes="32x32" href="./resources/favicons/favicon-32x32.png">
  35. <link rel="icon" type="image/png" sizes="16x16" href="./resources/favicons/favicon-16x16.png">
  36. <link rel="manifest" href="./resources/favicons/site.webmanifest">
  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="#101747">
  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()" title="Switch to dark theme">
  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. <div>
  63. <a href="https://github.com/sponsors/Sv443" id="support-link" class="img-link" target="_blank">
  64. <img id="support-img" style="max-width: 100%;" src="./resources/images/support_button.png" alt="Please consider supporting us">
  65. </a>
  66. </div>
  67. </div>
  68. </div>
  69. <div id="projects">
  70. <div id="scripts-websites">
  71. <div class="list-header">
  72. <h1>Projects</h1>
  73. </div>
  74. <div class="list">
  75. <a href="https://sv443.net/jokeapi/v2/" id="jokeapi" rel="noopener noreferrer" class="img-link" title="Visit the JokeAPI Website" target="_blank">
  76. <div class="list-item-container">
  77. <img src="./resources/images/jokeapi.png" alt="JokeAPI icon" class="square"></img>
  78. <h4>JokeAPI</h4>
  79. </div>
  80. </a>
  81. <a href="https://github.com/Sv443/SvCoreLib" id="svcorelib" rel="noopener noreferrer" class="img-link" title="Visit the SvCoreLib GitHub Repository" target="_blank">
  82. <div class="list-item-container">
  83. <img src="./resources/images/svcorelib_small.png" alt="SvCoreLib icon" class="square"></img>
  84. <h4>SvCoreLib</h4>
  85. </div>
  86. </a>
  87. <a href="https://github.com/Sv443/LangApplier" id="langapplier" rel="noopener noreferrer" class="img-link" title="Visit the LangApplier GitHub Repository" target="_blank">
  88. <div class="list-item-container">
  89. <img src="./resources/images/langapplier.png" alt="LangApplier icon" class="rounded square"></img>
  90. <h4>LangApplier</h4>
  91. </div>
  92. </a>
  93. <a href="https://github.com/Sv443/TamperTubePlus" id="ttp" rel="noopener noreferrer" class="img-link" title="Visit the TamperTubePlus GitHub Repository" target="_blank">
  94. <div class="list-item-container">
  95. <img src="./resources/images/ttp.png" alt="TamperTubePlus icon" class="square"></img>
  96. <h4>TamperTubePlus</h4>
  97. </div>
  98. </a>
  99. <a href="https://github.com/Sv443/skribbl.io-plus" id="skribbl" rel="noopener noreferrer" class="img-link" title="Visit the Skribbl.io+ GitHub Repository" target="_blank">
  100. <div class="list-item-container">
  101. <img src="https://raw.githubusercontent.com/Sv443/code/master/resources/favicons/skribbl.io%2B%20icon.png" alt="Skribbl.io icon" class="square"></img>
  102. <h4>Skribbl.io+</h4>
  103. </div>
  104. </a>
  105. </div>
  106. </div>
  107. <div class="horFlexSpacer"></div>
  108. <div id="games">
  109. <div class="list-header">
  110. <h1 id="gamestitle">Games</h1>
  111. </div>
  112. <div class="list">
  113. <a href="https://github.com/Sv443/Townly#readme" id="townly" rel="noopener noreferrer" class="img-link" title="Play Townly" target="_blank">
  114. <div class="list-item-container">
  115. <img src="./resources/images/townly.png" alt="Townly icon" class="rounded square"></img>
  116. <h4>Townly</h4>
  117. </div>
  118. </a>
  119. <a href="https://github.com/Sv443/Node-Hangman#readme" id="nodehangman" rel="noopener noreferrer" class="img-link" title="Download Node-Hangman" target="_blank">
  120. <div class="list-item-container">
  121. <img src="./resources/images/node_hangman.png" alt="Node-Hangman icon" class="rounded square"></img>
  122. <h4>Node-Hangman</h4>
  123. </div>
  124. </a>
  125. <a href="https://sv443.github.io/TextAdventureGame/TextAdventureGame" id="textisland" rel="noopener noreferrer" class="img-link" title="Play Text Island" target="_blank">
  126. <div class="list-item-container">
  127. <img src="https://raw.githubusercontent.com/Sv443/TextAdventureGame/master/icon_160x160.png" alt="Text Island icon" class="rounded square"></img>
  128. <h4>Text Island</h4>
  129. </div>
  130. </a>
  131. </div>
  132. </div>
  133. </div>
  134. <div id="contact">
  135. <div class="list-header">
  136. <h1>Contact</h1>
  137. </div>
  138. <div class="list">
  139. <a href="https://github.com/Sv443" id="github" rel="noopener noreferrer" class="img-link" title="Sv443 on GitHub" target="_blank">
  140. <div class="list-item-container">
  141. <img src="./resources/images/github.png" alt="GitHub" class="circle"></img>
  142. <h4>GitHub</h4>
  143. </div>
  144. </a>
  145. <a href="https://www.npmjs.com/~sv443" id="npm" rel="noopener noreferrer" class="img-link" title="Sv443 on npm" target="_blank">
  146. <div class="list-item-container">
  147. <img src="./resources/images/npm.png" alt="npm" class="circle"></img>
  148. <h4>npm</h4>
  149. </div>
  150. </a>
  151. <a href="https://sv443.itch.io/" id="itch" rel="noopener noreferrer" class="img-link" title="Sv443 on Itch.io" target="_blank">
  152. <div class="list-item-container">
  153. <img src="./resources/images/itch.png" alt="Itch.io" class="circle"></img>
  154. <h4>itch.io</h4>
  155. </div>
  156. </a>
  157. <a href="https://www.linkedin.com/in/sven-fehler/" rel="noopener noreferrer" class="img-link" title="My LinkedIn profile" target="_blank">
  158. <div class="list-item-container">
  159. <img src="./resources/images/linkedin.png" alt="LinkedIn" class="circle"></img>
  160. <h4>LinkedIn</h4>
  161. </div>
  162. </a>
  163. <a href="https://profile.codersrank.io/user/sv443" rel="noopener noreferrer" class="img-link" title="My CodersRank profile" target="_blank">
  164. <div class="list-item-container">
  165. <img src="./resources/images/codersrank.png" alt="CodersRank" class="circle"></img>
  166. <h4>CodersRank</h4>
  167. </div>
  168. </a>
  169. <a href="https://twitter.com/Sv443_dev" id="twitter" rel="noopener noreferrer" class="img-link" title="Sv443 on Twitter" target="_blank">
  170. <div class="list-item-container">
  171. <img src="./resources/images/twitter.png" alt="Twitter" class="circle"></img>
  172. <h4>Twitter</h4>
  173. </div>
  174. </a>
  175. <a href="#" onclick="copyemail();" id="email" class="img-link" title="Copies our contact E-Mail address to your clipboard">
  176. <div class="list-item-container">
  177. <img src="./resources/images/email.png" alt="Email" class="circle"></img>
  178. <h4>E-Mail</h4>
  179. </div>
  180. </a>
  181. <a href="https://dc.sv443.net/" id="discord" class="img-link" title="Join the Sv443 Network Discord server" target="_blank">
  182. <div class="list-item-container">
  183. <img src="./resources/images/discord.png" alt="Discord" class="circle"></img>
  184. <h4>Discord</h4>
  185. </div>
  186. </a>
  187. </div>
  188. </div>
  189. </main>
  190. <div id="cookie-consent">
  191. <div class="big">
  192. <h3>This feature requires cookies</h3>
  193. <p>
  194. We use cookies to store site settings such as the theme.<br>
  195. Please accept the usage of functional cookies to enable these features.
  196. </p>
  197. </div>
  198. <div id="consentButtonWrapper">
  199. <div id="consent-button" class="img-link cookieButton g" onclick="consentGranted();"><span>Accept</span></div>
  200. <div id="deny-button" class="img-link cookieButton r" onclick="consentDenied();"><span>Deny</span></div>
  201. </div>
  202. </div>
  203. <footer>
  204. <div></div>
  205. <div id="legal">
  206. <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>
  207. </div>
  208. </footer>
  209. <div id="notif">
  210. <h3>Email copied</h3>
  211. </div>
  212. </body>
  213. </html>