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.

240 lines
8.9 KiB

  1. <!DOCTYPE html>
  2. <html lang="en"><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4. <meta charset="utf-8">
  5. <title>512mb group</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Service list of 512mb group">
  8. <meta name="author" content="crt">
  9. <meta name="keywords" content="Linux, Servers, Networking, Coding">
  10. <!-- Le styles -->
  11. <link href="assets/bootstrap.css" rel="stylesheet">
  12. <style>
  13. body {
  14. padding-top: 20px;
  15. padding-bottom: 60px;
  16. }
  17. /* Custom container */
  18. .container {
  19. margin: 0 auto;
  20. max-width: 1000px;
  21. }
  22. .container > hr {
  23. margin: 60px 0;
  24. }
  25. /* Main marketing message and sign up button */
  26. .jumbotron {
  27. margin: 80px 0;
  28. text-align: center;
  29. }
  30. .jumbotron h1 {
  31. font-size: 100px;
  32. line-height: 1;
  33. }
  34. .jumbotron .lead {
  35. font-size: 24px;
  36. line-height: 1.25;
  37. }
  38. .jumbotron .btn {
  39. font-size: 21px;
  40. padding: 14px 24px;
  41. }
  42. /* Supporting marketing content */
  43. .marketing {
  44. margin: 60px 0;
  45. }
  46. .marketing p + h4 {
  47. margin-top: 28px;
  48. }
  49. .pissbigger h1 {
  50. font-size: 42px;
  51. line-height: 1;
  52. }
  53. .hero-unit {
  54. text-align: center;
  55. }
  56. .grid {
  57. display: grid;
  58. gap: 1rem;
  59. grid-template-columns: 1fr 1fr 1fr;
  60. }
  61. @media (min-width: 600px) and (max-width: 979px) {
  62. .grid {
  63. grid-template-columns: 1fr 1fr;
  64. }
  65. }
  66. @media (max-width: 600px) {
  67. .grid {
  68. grid-template-columns: 1fr;
  69. }
  70. }
  71. </style>
  72. <link href="assets/bootstrap-responsive.css" rel="stylesheet">
  73. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  74. <!--[if lt IE 9]>
  75. <script src="../assets/js/html5shiv.js"></script>
  76. <![endif]-->
  77. <!-- Fav and touch icons -->
  78. <link rel="icon" type="image/x-icon" href="./favicon.ico">
  79. </head>
  80. <body>
  81. <div class="navbar navbar-inverse navbar-fixed-top">
  82. <div class="navbar-inner">
  83. <div class="container">
  84. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  85. <span class="icon-bar"></span>
  86. <span class="icon-bar"></span>
  87. <span class="icon-bar"></span>
  88. </button>
  89. <a class="brand" href="index.html">512mb group</a>
  90. <div class="nav-collapse collapse">
  91. <ul class="nav">
  92. <li><a href="index.html">Home</a></li>
  93. <li class="active"><a href="services.html">Services</a></li>
  94. <li><a href="irc.html">IRC rules</a></li>
  95. <li><a href="files">Files</a></li>
  96. <li><a href="https://wiki.512mb.org/">Wiki</a></li>
  97. <li><a href="https://yt.512mb.org/">Invidious</a></li>
  98. <li><a href="https://search.512mb.org/">Searx</a></li>
  99. </ul>
  100. </div><!--/.nav-collapse -->
  101. </div>
  102. </div>
  103. </div>
  104. <div class="container">
  105. <hr>
  106. <div class="pissbigger">
  107. <h1>Services</h1> <br><br>
  108. </div>
  109. <div class="grid">
  110. <div class="hero-unit">
  111. <h1>Nextcloud instance</h1>
  112. <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
  113. </div>
  114. <div class="hero-unit">
  115. <h1>Webmail</h1>
  116. <p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
  117. </div>
  118. <div class="hero-unit">
  119. <h1>Speedtest</h1>
  120. <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  121. </div>
  122. <div class="hero-unit">
  123. <h1>Wekan</h1>
  124. <p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  125. </div>
  126. <div class="hero-unit">
  127. <h1>Media server</h1>
  128. <p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  129. </div>
  130. <div class="hero-unit">
  131. <h1>invidious (youtube)</h1>
  132. <p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  133. </div>
  134. <div class="hero-unit">
  135. <h1>Archlinux mirror</h1>
  136. <p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
  137. </div>
  138. <div class="hero-unit">
  139. <h1>Password Manager</h1>
  140. <p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  141. </div>
  142. <div class="hero-unit">
  143. <h1>Searx</h1>
  144. <p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  145. </div>
  146. <div class="hero-unit">
  147. <h1>H5ai</h1>
  148. <p><a href="https://512mb.org/h5ai" class="btn btn-primary btn-large">Take me there</a></p>
  149. </div>
  150. <div class="hero-unit">
  151. <h1>Gitea</h1>
  152. <p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
  153. </div>
  154. <div class="hero-unit">
  155. <h1>Nectarine Proxy</h1>
  156. <p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
  157. </div>
  158. <div class="hero-unit">
  159. <h1>libreddit (reddit)</h1>
  160. <p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  161. </div>
  162. <div class="hero-unit">
  163. <h1>Manjaro mirror</h1>
  164. <p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
  165. </div>
  166. <div class="hero-unit">
  167. <h1>Status Page</h1>
  168. <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  169. </div>
  170. <div class="hero-unit">
  171. <h1>Wiki</h1>
  172. <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  173. </div>
  174. <div class="hero-unit">
  175. <h1>Translator</h1>
  176. <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  177. </div>
  178. <div class="hero-unit">
  179. <h1>Solitair</h1>
  180. <p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
  181. </div>
  182. <div class="hero-unit">
  183. <h1>Picture Gallery</h1>
  184. <p><a href="https://img.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  185. </div>
  186. <div class="hero-unit">
  187. <h1>dabr (twitter)</h1>
  188. <p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  189. </div>
  190. <div class="hero-unit">
  191. <h1>Gentoo mirror</h1>
  192. <p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
  193. </div>
  194. </div>
  195. <!-- Who runs this madness end -->
  196. <hr>
  197. <footer>
  198. <p>512mb group 2017-2022</p>
  199. </footer>
  200. </div> <!-- /container -->
  201. <!-- Le javascript
  202. ================================================== -->
  203. <!-- Placed at the end of the document so the pages load faster -->
  204. <script src="assets/jquery.js"></script>
  205. <script src="assets/bootstrap-transition.js"></script>
  206. <script src="assets/bootstrap-alert.js"></script>
  207. <script src="assets/bootstrap-modal.js"></script>
  208. <script src="assets/bootstrap-dropdown.js"></script>
  209. <script src="assets/bootstrap-scrollspy.js"></script>
  210. <script src="assets/bootstrap-tab.js"></script>
  211. <script src="assets/bootstrap-tooltip.js"></script>
  212. <script src="assets/bootstrap-popover.js"></script>
  213. <script src="assets/bootstrap-button.js"></script>
  214. <script src="assets/bootstrap-collapse.js"></script>
  215. <script src="assets/bootstrap-carousel.js"></script>
  216. <script src="assets/bootstrap-typeahead.js"></script>
  217. </body></html>