index.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  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 network of developers 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 network of developers 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 network of developers 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>
  45. <p id="title">Sv443 Network</p>
  46. </header>
  47. <main>
  48. <div id="synopsis">
  49. <div>
  50. <div id="logo" title="Hello :)"></div>
  51. </div>
  52. <div style="display: flex; flex-direction: column;">
  53. <p>A network of developers offering free to use and open source applications and services</p>
  54. <div>
  55. <a href="https://github.com/sponsors/Sv443" id="support-link" class="img-link no-margin" target="_blank">
  56. <img id="support-img" style="max-width: 100%;" src="./resources/images/support_button.png" alt="Please consider supporting us">
  57. </a>
  58. </div>
  59. </div>
  60. </div>
  61. <div id="projects">
  62. <div id="scripts-websites">
  63. <div class="list-header">
  64. <h1>Projects</h1>
  65. </div>
  66. <div class="list">
  67. <a href="https://v2.jokeapi.dev/" id="jokeapi" rel="noopener noreferrer" class="img-link" title="Visit the JokeAPI Website" target="_blank">
  68. <div class="list-item-container">
  69. <img src="./resources/images/jokeapi.png" alt="JokeAPI logo" class="square"></img>
  70. <h4>JokeAPI</h4>
  71. </div>
  72. </a>
  73. <!-- TODO: geniURL -->
  74. <a href="https://github.com/Sv443/BetterYTM" id="betterytm" rel="noopener noreferrer" class="img-link" title="Open BetterYTM on GitHub" target="_blank">
  75. <div class="list-item-container">
  76. <img src="./resources/images/betterytm.png" alt="BetterYTM logo" class="square"></img>
  77. <h4>BetterYTM</h4>
  78. </div>
  79. </a>
  80. <a href="https://github.com/Sv443-Network/SvCoreLib" id="svcorelib" rel="noopener noreferrer" class="img-link" title="Visit the SvCoreLib GitHub Repository" target="_blank">
  81. <div class="list-item-container">
  82. <img src="./resources/images/svcorelib_small.png" alt="SvCoreLib logo" class="square"></img>
  83. <h4>SvCoreLib</h4>
  84. </div>
  85. </a>
  86. </div>
  87. </div>
  88. <div class="horFlexSpacer"></div>
  89. <div id="games">
  90. <div class="list-header">
  91. <h1 id="gamestitle">Games</h1>
  92. </div>
  93. <div class="list">
  94. <a href="https://github.com/Sv443/Node-Hangman#readme" id="nodehangman" rel="noopener noreferrer" class="img-link" title="Download Node-Hangman" target="_blank">
  95. <div class="list-item-container">
  96. <img src="./resources/images/node_hangman.png" alt="Node-Hangman logo" class="rounded square"></img>
  97. <h4>Node-Hangman</h4>
  98. </div>
  99. </a>
  100. <a href="https://www.sv443.me/TextAdventureGame/latest_experimental/TextAdventureGame?cmd=dev_menu" id="textisland" rel="noopener noreferrer" class="img-link" title="Play Text Island" target="_blank">
  101. <div class="list-item-container">
  102. <img src="https://raw.githubusercontent.com/Sv443/TextAdventureGame/master/icon_160x160.png" alt="Text Island logo" class="rounded square"></img>
  103. <h4>Text Island</h4>
  104. </div>
  105. </a>
  106. </div>
  107. </div>
  108. </div>
  109. <div id="contact">
  110. <div class="list-header">
  111. <h1>Contact&nbsp;/ Platforms</h1>
  112. </div>
  113. <div class="list">
  114. <a href="https://dc.sv443.net/" id="discord" class="img-link" title="Join the Sv443 Network Discord server" target="_blank">
  115. <div class="list-item-container">
  116. <img src="./resources/images/discord.png" alt="Discord logo" class="circle"></img>
  117. <h4>Discord</h4>
  118. </div>
  119. </a>
  120. <a href="#" onclick="copyemail();" id="email" class="img-link" title="Copies our contact E-Mail address to your clipboard">
  121. <div class="list-item-container">
  122. <img src="./resources/images/email.png" alt="Email logo" class="circle"></img>
  123. <h4>E-Mail</h4>
  124. </div>
  125. </a>
  126. <a href="https://github.com/Sv443" id="github" rel="noopener noreferrer" class="img-link" title="Sv443 on GitHub" target="_blank">
  127. <div class="list-item-container">
  128. <img src="./resources/images/github.png" alt="GitHub logo" class="circle"></img>
  129. <h4>GitHub</h4>
  130. </div>
  131. </a>
  132. <a href="https://www.npmjs.com/~sv443" id="npm" rel="noopener noreferrer" class="img-link" title="Sv443 on npm" target="_blank">
  133. <div class="list-item-container">
  134. <img src="./resources/images/npm.png" alt="npm logo" class="circle"></img>
  135. <h4>npm</h4>
  136. </div>
  137. </a>
  138. <a href="https://sv443.itch.io/" id="itch" rel="noopener noreferrer" class="img-link" title="Sv443 on Itch.io" target="_blank">
  139. <div class="list-item-container">
  140. <img src="./resources/images/itch.png" alt="Itch.io logo" class="circle"></img>
  141. <h4>itch.io</h4>
  142. </div>
  143. </a>
  144. </div>
  145. </div>
  146. </main>
  147. <div id="cookie-consent">
  148. <div class="big">
  149. <h3>This feature requires cookies</h3>
  150. <p class="left-align">
  151. We use cookies to store site settings such as the theme.<br>
  152. Please accept the usage of functional cookies to enable these features.
  153. </p>
  154. </div>
  155. <div id="consentButtonWrapper">
  156. <div id="consent-button" class="img-link cookieButton g" onclick="consentGranted();"><span>Accept</span></div>
  157. <div id="deny-button" class="img-link cookieButton r" onclick="consentDenied();"><span>Deny</span></div>
  158. </div>
  159. </div>
  160. <footer>
  161. <div></div>
  162. <div id="legal">
  163. <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>
  164. </div>
  165. </footer>
  166. <div id="notif">
  167. <h3>Email copied</h3>
  168. </div>
  169. </body>
  170. </html>