Merge pull request 'All of the stuff reformatted according to the stuff i did on the older branch' (#3) from Yessiest/512mb-website-selfupdate:pissnew into master

Reviewed-on: crt/512mb-website#3
This commit is contained in:
crt 2023-07-04 10:13:51 +00:00
commit 3ef6ceca81
7 changed files with 649 additions and 498 deletions

View File

@ -1108,7 +1108,7 @@
}
.navbar .btn-navbar.active,
.navbar .btn-navbar:active {
margin-bottom: 20px;
margin-bottom: 0;
color: #ffffff;
background: #000000;
outline: 0;

View File

@ -4447,9 +4447,10 @@ input[type="submit"].btn.btn-mini {
.navbar .btn-navbar {
display: none;
float: right;
padding: 0 12.4px;
margin-right: 12.4px;
margin-left: 12.4px;
padding: 0 12.4px 12.4px 12.4px;
margin-left: 8.2px;
margin-right: 8.2px;
margin-bottom: 0;
*background-color: #aeaeae;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -13,50 +13,87 @@
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
}
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Custom container */
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.pissbigger h1 {
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.pissbigger h1 {
font-size: 42px;
line-height: 1;
}
/* how to not fix your css part numba wuuun */
@media (min-width: 768px) and (max-width: 979px) {
.pantshitted {
float:right !important;
}
}
.flextape {
display: grid;
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 600px) and (max-width: 979px) {
.flextape {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.flextape {
grid-template-columns: 1fr;
}
}
.memcomment {
position: relative;
padding-bottom: 50px;
}
.memcomment .author {
position: absolute;
bottom: 0;
left: 0;
}
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
@ -71,7 +108,6 @@
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
@ -98,7 +134,7 @@
<div class="container">
<!-- Jumbotron -->
<!-- Jumbotron -->
<div class="jumbotron">
<h1>512mb group</h1>
<p>Very little storage indeed</p>
@ -117,64 +153,58 @@
<!-- Who runs this madness start -->
<hr>
<div class="pissbigger">
<h1>Current projects</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<h2>Rework of Network</h2>
<p>As of now 512mb's network is kinda messy, Which is why I'm planing on doing a full rework of 512mb's networks. These plans include things such as proper network seperation, less cable spaghetti, better documentation and much more </p>
<p>- crt</p>
<h2>Building a PBX</h2>
<p>FusionPBX is very nice and all but it is missing some features that would be necessary for it to be used at my workplace. Since I do have some knowledge of PHP I've decided to try and implement the missing features myself. You can view my progress on 512mb's gitea.</p>
<p>- crt</p>
</div>
<div class="span4">
<h2>Coding FPGAs</h2>
<p>Currently doing a distance measurement project with sub-micrometer precision using entry-level FPGAs and Fourier transform.</p>
<br>
<br>
<br>
<p>- Dalibor</p>
<h2>Finishing up the</h2>
<h2>desktop environment</h2>
<p>Been working on an AwesomeWM-based config that looks and feels like a proper desktop environment. Despite this, I haven't finished the v0.9 release. Looking forward to making it happen.</p>
<br>
<p>- Yessiest</p>
</div>
<div class="span4">
<h2>Offsite backup</h2>
<p>Since my old offsite backup solution is nolonger applicable I'm working on a new one which will either be on Hetzner servers or at someone elses place</p>
<br>
<br>
<p>- crt</p>
<h2>Building the tools</h2>
<p>From cybersec stuff to general utilities and configs, I'm optimizing my workflow wherever I can. Stuff that I find useful I maintain on </p>
<a href="git/explore/repos">512mb's gitea page.</a>
<br>
<br>
<br>
<br>
<p>- Yessiest</p>
</div>
<div class="pissbigger">
<h1>Current projects</h1> <br><br>
</div>
<div class="flextape">
<!-- Top row -->
<!-- Template:
<div class="span4 memcomment">
<h2> header </h2>
<p> text </p>
<p class="author"> author name </p>
</div>
-->
<div class="memcomment">
<h2>Building a PBX</h2>
<p>FusionPBX is very nice and all but it is missing some features that would be necessary for it to be used at my workplace. Since I do have some knowledge of PHP I've decided to try and implement the missing features myself. You can view my progress on <a href="git/crt/fusionpbx-ldap">512mb's gitea.</a></p>
<p class="author">- crt</p>
</div>
<div class="memcomment">
<h2>Rework of Network</h2>
<p>As of now 512mb's network is kinda messy, Which is why I'm planing on doing a full rework of 512mb's networks. These plans include things such as proper network seperation, less cable spaghetti, better documentation and much more.</p>
<p class="author">- crt</p>
</div>
<div class="memcomment">
<h2>Coding FPGAs</h2>
<p>Currently doing a distance measurement project with sub-micrometer precision using entry-level FPGAs and Fourier transform.</p>
<p class="author">- Dalibor</p>
</div>
<!-- Bottom row -->
<div class="memcomment">
<h2>Building Reno</h2>
<p><a href="git/Yessiest/reno">Reno</a> is my next big desktop project, which was initially a continuation of my previous AwesomeWM config. The functionality of Reno has been growing ever since, and eventually I'm planning to add a GTK configuration app for it.</p>
<p class="author">- Yessiest</p>
</div>
<div class="memcomment">
<h2>Offsite backup</h2>
<p>Since my old offsite backup solution is nolonger applicable I'm working on a new one which will either be on Hetzner servers or at someone elses place.</p>
<p class="author">- crt</p>
</div>
<div class="memcomment">
<h2>Building the tools</h2>
<p>I'm practically the most active person on 512mb in terms of uploading to gitea, so you can find most of the stuff I do on <a href="git/explore/repos">512mb's gitea page.</a> Currently I'm building Heimdall - the bridge for all of my bots to connect XMPP, Discord, IRC, Mumble and so on.</p>
<p class="author">- Yessiest</p>
</div>
</div>
<!-- Who runs this madness start -->
<!-- Who runs this madness start -->
<hr>
<div class="pissbigger">
<h1>Who runs this madness?</h1> <br><br>
</div>
<div class="pissbigger">
<h1>Who runs this madness?</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<h2>crt</h2>
@ -187,30 +217,30 @@
<div class="span4">
<h2>512mb members</h2>
<p>Big thanks to Yessiest for developing the 512mb discord bot and keeping the community active.
Also big thanks to all our members as well. You make up most of what 512mb is.</p>
Also big thanks to all our members as well. You make up most of what 512mb is.</p>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span4">
<iframe src="https://discord.com/widget?id=766606858667950091&theme=dark" height="400" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<div class="span4">
<h1>Here you can spy on whos online right now.</h1> <br>
<p>Why not join yourself and have a rant about which distro is better?</p>
<a class="btn btn-large btn-success" href="https://discord.gg/grG9AAPcyS">Join our discord</a>
</div>
</div>
<hr>
<!-- Who runs this madness end -->
<hr>
<!-- Dispiss panel start -->
<div class="row-fluid">
<div class="span4">
<iframe src="https://discord.com/widget?id=766606858667950091&theme=dark" height="400" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<div class="span4 pantshitted">
<h1>Here you can spy on whos online right now.</h1> <br>
<p>Why not join yourself and have a rant about which distro is better?</p>
<a class="btn btn-large btn-success" href="https://discord.gg/grG9AAPcyS">Join our discord</a>
</div>
</div>
<hr>
<!-- Dispiss panel end-->
<footer>
<p>512mb group 2017-2022</p>
</footer>
@ -218,8 +248,8 @@ Also big thanks to all our members as well. You make up most of what 512mb is.</
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
@ -234,6 +264,4 @@ Also big thanks to all our members as well. You make up most of what 512mb is.</
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body></html>

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>crt's page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -12,58 +12,57 @@
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
}
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.pissbigger h1 {
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.pissbigger h1 {
font-size: 42px;
line-height: 1;
}
}
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
@ -97,12 +96,12 @@
</div>
<div class="container">
<hr>
<hr>
<div class="pissbigger">
<h1>SO you wanna use the IRC?</h1> <br><br>
</div>
<div class="pissbigger">
<h1>SO you wanna use the IRC?</h1> <br><br>
</div>
<p>For that we ask you to please keep the following in mind since its mirrored to our discord server:</p>
<br>
@ -147,6 +146,4 @@
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body></html>

View File

@ -1,206 +1,196 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Service list of 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Public Services</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Public Services @ 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
<!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
<!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container>hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p+h4 {
margin-top: 28px;
}
.pissbigger h1 {
font-size: 42px;
line-height: 1;
}
.hero-unit {
text-align: center;
}
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
.grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 600px) and (max-width: 979px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.grid {
grid-template-columns: 1fr;
}
}
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">512mb group</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="irc.html">IRC rules</a></li>
<li><a href="files">Files</a></li>
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
<li><a href="https://yt.512mb.org/">Invidious</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li>
</ul>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">512mb group</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="irc.html">IRC rules</a></li>
<li><a href="files">Files</a></li>
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
<li><a href="https://yt.512mb.org/">Invidious</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="container">
<hr>
<hr>
<div class="pissbigger">
<h1>Public services</h1> <br><br>
</div>
<div class="pissbigger">
<h1>Services</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<div class="grid">
<div class="hero-unit">
<h1>Speedtest</h1>
<p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Wiki</h1>
<p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Status page</h1>
<p>Various Mirrors for Linux and other things</p>
<br>
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4" style="margin-left: 0%;">
<div class="hero-unit">
<h1>Translator</h1>
<p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<!--
<div class="hero-unit">
<h1>Tests/Unfinished</h1>
<p>Things currently being worked on</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Related Sites</h1>
<p>Sites made by 512mb or hosted here</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>-->
</div>
</div>
<!-- Who runs this madness end -->
<hr>
<footer>
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container -->
<hr>
<footer>
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</html>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</html>

View File

@ -1,95 +1,240 @@
<div class="row-fluid">
<div class="span4">
<div class="hero-unit">
<h1>Nextcloud instance</h1>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Webmail</h1>
<p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Speedtest</h1>
<p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Wekan</h1>
<p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Media server</h1>
<p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>invidious (youtube)</h1>
<p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Archlinux mirror</h1>
<p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Service list of 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
<!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
.pissbigger h1 {
font-size: 42px;
line-height: 1;
}
.hero-unit {
text-align: center;
}
.grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 600px) and (max-width: 979px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.grid {
grid-template-columns: 1fr;
}
}
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">512mb group</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="irc.html">IRC rules</a></li>
<li><a href="files">Files</a></li>
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
<li><a href="https://yt.512mb.org/">Invidious</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Password Manager</h1>
<p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Searx</h1>
<p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>H5ai</h1>
<p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Gitea</h1>
<p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Nectarine Proxy</h1>
<p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>libreddit (reddit)</h1>
<p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Manjaro mirror</h1>
<p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="container">
</div>
<div class="span4">
<div class="hero-unit">
<h1>Status Page</h1>
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Wiki</h1>
<p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Translator</h1>
<p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Solitair</h1>
<p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Picture Gallery</h1>
<p><a href="https://pics.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>dabr (twitter)</h1>
<p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Gentoo mirror</h1>
<p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<hr>
</div>
</div>
<div class="pissbigger">
<h1>Services</h1> <br><br>
</div>
<div class="grid">
<div class="hero-unit">
<h1>Nextcloud instance</h1>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Webmail</h1>
<p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Speedtest</h1>
<p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Wekan</h1>
<p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Media server</h1>
<p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>invidious (youtube)</h1>
<p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Archlinux mirror</h1>
<p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Password Manager</h1>
<p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Searx</h1>
<p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>H5ai</h1>
<p><a href="https://512mb.org/h5ai" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Gitea</h1>
<p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Nectarine Proxy</h1>
<p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>libreddit (reddit)</h1>
<p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Manjaro mirror</h1>
<p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Status Page</h1>
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Wiki</h1>
<p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Translator</h1>
<p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Solitair</h1>
<p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Picture Gallery</h1>
<p><a href="https://img.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>dabr (twitter)</h1>
<p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<h1>Gentoo mirror</h1>
<p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<!-- Who runs this madness end -->
<hr>
<footer>
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body></html>

View File

@ -1,210 +1,200 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Service list of 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Service list of 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
<!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
<!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container>hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 80px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 100px;
line-height: 1;
}
.jumbotron .lead {
font-size: 24px;
line-height: 1.25;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p+h4 {
margin-top: 28px;
}
.pissbigger h1 {
font-size: 42px;
line-height: 1;
}
.hero-unit {
text-align: center;
}
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
.grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 600px) and (max-width: 979px) {
.grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.grid {
grid-template-columns: 1fr;
}
}
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
</style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">512mb group</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="irc.html">IRC rules</a></li>
<li><a href="files">Files</a></li>
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
<li><a href="https://yt.512mb.org/">Invidious</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li>
</ul>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="index.html">512mb group</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li><a href="irc.html">IRC rules</a></li>
<li><a href="files">Files</a></li>
<li><a href="https://wiki.512mb.org/">Wiki</a></li>
<li><a href="https://yt.512mb.org/">Invidious</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="container">
<hr>
<hr>
<div class="pissbigger">
<h1>Services</h1> <br><br>
</div>
<div class="pissbigger">
<h1>Services</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<div class="grid">
<div class="hero-unit">
<h1>Public Services</h1>
<p>Services you can access without having an account created for you</p>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="public.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Member Services</h1>
<p>Services you will need an account made by an admin</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="members.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Mirrors</h1>
<p>Various Mirrors for Linux and other things</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="mirrors.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4" style="margin-left: 0%;">
<div class="hero-unit">
<h1>Archives</h1>
<p>Websites/Services that are archived or nolonger maintained</p>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="archives.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Tests/Unfinished</h1>
<p>Things currently being worked on</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="tests.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<h1>Related Sites</h1>
<p>Sites made by 512mb or hosted here</p>
<br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<p><a href="related.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
</div>
<!-- Who runs this madness end -->
<hr>
<hr>
<footer>
<p>512mb group 2017-2022</p>
</footer>
<footer>
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container -->
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</html>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</html>