index.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  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="msvalidate.01" content="E7F67DC0A96E1B4B82A133B38600F151">
  15. <meta property="og:title" content="Sv443 Network">
  16. <meta property="og:url" content="https://sv443.net/">
  17. <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.">
  18. <meta property="og:image" content="https://sv443.net/resources/images/Sv443NetworkIcon.png">
  19. <meta property="og:type" content="profile">
  20. <meta property="og:locale" content="en_US">
  21. <meta property="og:locale:alternate" content="en_GB">
  22. <meta name="application-name" content="Sv443 Network">
  23. <link rel="stylesheet" href="./css/global.css">
  24. <link rel="stylesheet" href="./css/index.css">
  25. <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
  26. <script src="js/index.js"></script>
  27. <!-- Generated with https://realfavicongenerator.net/ -->
  28. <link rel="apple-touch-icon" sizes="180x180" href="./resources/favicons/apple-touch-icon.png">
  29. <link rel="icon" type="image/png" sizes="32x32" href="./resources/favicons/favicon-32x32.png">
  30. <link rel="icon" type="image/png" sizes="16x16" href="./resources/favicons/favicon-16x16.png">
  31. <link rel="manifest" href="./resources/favicons/site.webmanifest">
  32. <link rel="mask-icon" href="./resources/favicons/safari-pinned-tab.svg" color="#101747">
  33. <link rel="shortcut icon" href="./resources/favicons/favicon.ico">
  34. <meta name="msapplication-TileColor" content="#101747">
  35. <meta name="msapplication-config" content="./resources/favicons/browserconfig.xml">
  36. <meta name="theme-color" content="#101747">
  37. </head>
  38. <body onload="indexonload()">
  39. <header>
  40. <div id="options">
  41. <div id="themebtn" onclick="theme.change()" title="Switch to dark theme">
  42. <img id="themeimg" src="./resources/images/moon.svg">
  43. </div>
  44. <!--div id="langbtn" title="Wechsle zu Deutsch" onclick="switchLang();">
  45. <i class="ph-translate icon"></i>
  46. </div-->
  47. </div>
  48. <p id="title">Sv443 Network</p>
  49. </header>
  50. <main>
  51. <div id="synopsis">
  52. <div>
  53. <div id="logo" title="Hello :)"></div>
  54. </div>
  55. <div style="display: flex; flex-direction: column;">
  56. <p>A small network offering free to use and open source applications and services.</p>
  57. <div>
  58. <a href="https://github.com/sponsors/Sv443" id="support-link" class="img-link no-margin" target="_blank">
  59. <img id="support-img" style="max-width: 100%;" src="./resources/images/support_button.png" alt="Please consider supporting us">
  60. </a>
  61. </div>
  62. </div>
  63. </div>
  64. <div id="projects">
  65. <div id="scripts-websites">
  66. <div class="list-header">
  67. <h1>Projects</h1>
  68. </div>
  69. <div class="list">
  70. <a href="https://jokeapi.dev/" id="jokeapi" rel="noopener noreferrer" class="img-link" title="Visit the JokeAPI Website" target="_blank">
  71. <div class="list-item-container">
  72. <img src="./resources/images/jokeapi.png" alt="JokeAPI" class="square"></img>
  73. <h4>JokeAPI</h4>
  74. </div>
  75. </a>
  76. <!-- geniURL -->
  77. <!-- BetterYTM -->
  78. <a href="https://github.com/Sv443/SvCoreLib" id="svcorelib" rel="noopener noreferrer" class="img-link" title="Visit the SvCoreLib GitHub Repository" target="_blank">
  79. <div class="list-item-container">
  80. <img src="./resources/images/svcorelib_small.png" alt="SvCoreLib" class="square"></img>
  81. <h4>SvCoreLib</h4>
  82. </div>
  83. </a>
  84. </div>
  85. </div>
  86. <div class="horFlexSpacer"></div>
  87. <div id="games">
  88. <div class="list-header">
  89. <h1 id="gamestitle">Games</h1>
  90. </div>
  91. <div class="list">
  92. <a href="https://github.com/Sv443/Node-Hangman#readme" id="nodehangman" rel="noopener noreferrer" class="img-link" title="Download Node-Hangman" target="_blank">
  93. <div class="list-item-container">
  94. <img src="./resources/images/node_hangman.png" alt="Node-Hangman" class="rounded square"></img>
  95. <h4>Node-Hangman</h4>
  96. </div>
  97. </a>
  98. <a href="https://sv443.github.io/TextAdventureGame/TextAdventureGame" id="textisland" rel="noopener noreferrer" class="img-link" title="Play Text Island" target="_blank">
  99. <div class="list-item-container">
  100. <img src="https://raw.githubusercontent.com/Sv443/TextAdventureGame/master/icon_160x160.png" alt="Text Island" class="rounded square"></img>
  101. <h4>Text Island</h4>
  102. </div>
  103. </a>
  104. </div>
  105. </div>
  106. </div>
  107. <div id="contact">
  108. <div class="list-header">
  109. <h1>Contact&nbsp;/ Platforms</h1>
  110. </div>
  111. <div class="list">
  112. <a href="https://dc.sv443.net/" id="discord" class="img-link" title="Join the Sv443 Network Discord server" target="_blank">
  113. <div class="list-item-container">
  114. <img src="./resources/images/discord.png" alt="Discord" class="circle"></img>
  115. <h4>Discord</h4>
  116. </div>
  117. </a>
  118. <a href="#" onclick="copyemail();" id="email" class="img-link" title="Copies our contact E-Mail address to your clipboard">
  119. <div class="list-item-container">
  120. <img src="./resources/images/email.png" alt="Email" class="circle"></img>
  121. <h4>E-Mail</h4>
  122. </div>
  123. </a>
  124. <a href="https://github.com/Sv443" id="github" rel="noopener noreferrer" class="img-link" title="Sv443 on GitHub" target="_blank">
  125. <div class="list-item-container">
  126. <img src="./resources/images/github.png" alt="GitHub" class="circle"></img>
  127. <h4>GitHub</h4>
  128. </div>
  129. </a>
  130. <a href="https://www.npmjs.com/~sv443" id="npm" rel="noopener noreferrer" class="img-link" title="Sv443 on npm" target="_blank">
  131. <div class="list-item-container">
  132. <img src="./resources/images/npm.png" alt="npm" class="circle"></img>
  133. <h4>npm</h4>
  134. </div>
  135. </a>
  136. <a href="https://sv443.itch.io/" id="itch" rel="noopener noreferrer" class="img-link" title="Sv443 on Itch.io" target="_blank">
  137. <div class="list-item-container">
  138. <img src="./resources/images/itch.png" alt="Itch.io" class="circle"></img>
  139. <h4>itch.io</h4>
  140. </div>
  141. </a>
  142. <a href="https://profile.codersrank.io/user/sv443" rel="noopener noreferrer" class="img-link" title="My CodersRank profile" target="_blank">
  143. <div class="list-item-container">
  144. <img src="./resources/images/codersrank.png" alt="CodersRank" class="circle"></img>
  145. <h4>CodersRank</h4>
  146. </div>
  147. </a>
  148. </div>
  149. </div>
  150. </main>
  151. <div id="cookie-consent">
  152. <div class="big">
  153. <h3>This feature requires cookies</h3>
  154. <p class="left-align">
  155. We use cookies to store site settings such as the theme.<br>
  156. Please accept the usage of functional cookies to enable these features.
  157. </p>
  158. </div>
  159. <div id="consentButtonWrapper">
  160. <div id="consent-button" class="img-link cookieButton g" onclick="consentGranted();"><span>Accept</span></div>
  161. <div id="deny-button" class="img-link cookieButton r" onclick="consentDenied();"><span>Deny</span></div>
  162. </div>
  163. </div>
  164. <footer>
  165. <div></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>