Reworked the pages to accomodate for stuff I did in the other branch

This commit is contained in:
Yessiest 2022-10-12 23:18:45 +04:00
parent 023f59a247
commit 446dbe8323
6 changed files with 403 additions and 406 deletions

View File

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

View File

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

View File

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"><head> <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"> <meta charset="utf-8">
<title>512mb group</title> <title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -13,50 +13,75 @@
<style> <style>
body { body {
padding-top: 20px; padding-top: 20px;
padding-bottom: 60px; padding-bottom: 60px;
} }
/* Custom container */ /* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
}
.container > hr {
margin: 60px 0;
}
/* Main marketing message and sign up button */ .container {
.jumbotron { margin: 0 auto;
margin: 80px 0; max-width: 1000px;
text-align: center; }
} .container > hr {
.jumbotron h1 { margin: 60px 0;
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 */ /* Main marketing message and sign up button */
.marketing { .jumbotron {
margin: 60px 0; margin: 80px 0;
} text-align: center;
.marketing p + h4 { }
margin-top: 28px; .jumbotron h1 {
} font-size: 100px;
line-height: 1;
.pissbigger h1 { }
.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; font-size: 42px;
line-height: 1; 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 {
margin: 0 auto;
display: -webkit-flex;
display: flex;
}
.memcomment {
position: relative;
padding-bottom: 50px;
}
.memcomment .author {
position: absolute;
bottom: 0;
left: 0;
}
</style> </style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet"> <link href="assets/bootstrap-responsive.css" rel="stylesheet">
@ -71,7 +96,6 @@
</head> </head>
<body> <body>
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
@ -98,7 +122,7 @@
<div class="container"> <div class="container">
<!-- Jumbotron --> <!-- Jumbotron -->
<div class="jumbotron"> <div class="jumbotron">
<h1>512mb group</h1> <h1>512mb group</h1>
<p>Very little storage indeed</p> <p>Very little storage indeed</p>
@ -117,64 +141,61 @@
<!-- Who runs this madness start --> <!-- Who runs this madness start -->
<hr> <hr>
<div class="pissbigger"> <div class="pissbigger">
<h1>Current projects</h1> <br><br> <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> </div>
<div class="row-fluid flextape">
<!-- Top row -->
<!-- Template:
<div class="span4 memcomment">
<h2> header </h2>
<p> text </p>
<p class="author"> author name </p>
</div>
-->
<div class="span4 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="span4 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="span4 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>
</div>
<div class = "row-fluid flextape">
<!-- Bottom row -->
<div class="span4 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="span4 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="span4 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> <hr>
<div class="pissbigger"> <div class="pissbigger">
<h1>Who runs this madness?</h1> <br><br> <h1>Who runs this madness?</h1> <br><br>
</div> </div>
<div class="row-fluid"> <div class="row-fluid">
<div class="span4"> <div class="span4">
<h2>crt</h2> <h2>crt</h2>
@ -187,30 +208,30 @@
<div class="span4"> <div class="span4">
<h2>512mb members</h2> <h2>512mb members</h2>
<p>Big thanks to Yessiest for developing the 512mb discord bot and keeping the community active. <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>
</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 --> <!-- 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> <footer>
<p>512mb group 2017-2022</p> <p>512mb group 2017-2022</p>
</footer> </footer>
@ -218,8 +239,8 @@ Also big thanks to all our members as well. You make up most of what 512mb is.</
</div> <!-- /container --> </div> <!-- /container -->
<!-- Le javascript <!-- 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/jquery.js"></script>
<script src="assets/bootstrap-transition.js"></script> <script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script> <script src="assets/bootstrap-alert.js"></script>
@ -234,6 +255,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-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script> <script src="assets/bootstrap-typeahead.js"></script>
</body></html> </body></html>

View File

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

View File

@ -1,206 +1,196 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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> <!-- Le styles -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link href="assets/bootstrap.css" rel="stylesheet">
<meta charset="utf-8"> <style>
<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>
body { body {
padding-top: 20px; padding-top: 20px;
padding-bottom: 60px; padding-bottom: 60px;
} }
/* Custom container */ /* Custom container */
.container { .container {
margin: 0 auto; margin: 0 auto;
max-width: 1000px; max-width: 1000px;
} }
.container>hr { .container>hr {
margin: 60px 0; margin: 60px 0;
} }
/* Main marketing message and sign up button */ /* Main marketing message and sign up button */
.jumbotron { .jumbotron {
margin: 80px 0; margin: 80px 0;
text-align: center; text-align: center;
} }
.jumbotron h1 { .jumbotron h1 {
font-size: 100px; font-size: 100px;
line-height: 1; line-height: 1;
} }
.jumbotron .lead { .jumbotron .lead {
font-size: 24px; font-size: 24px;
line-height: 1.25; line-height: 1.25;
} }
.jumbotron .btn { .jumbotron .btn {
font-size: 21px; font-size: 21px;
padding: 14px 24px; padding: 14px 24px;
} }
/* Supporting marketing content */ /* Supporting marketing content */
.marketing { .marketing {
margin: 60px 0; margin: 60px 0;
} }
.marketing p+h4 { .marketing p+h4 {
margin-top: 28px; margin-top: 28px;
} }
.pissbigger h1 { .pissbigger h1 {
font-size: 42px; font-size: 42px;
line-height: 1; line-height: 1;
} }
.hero-unit { .hero-unit {
text-align: center; 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 --> </style>
<!--[if lt IE 9]> <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]--> <![endif]-->
<!-- Fav and touch icons --> <!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico"> <link rel="icon" type="image/x-icon" href="./favicon.ico">
</head> </head>
<body> <body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner">
<div class="navbar-inner"> <div class="container">
<div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<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>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> </button>
</button> <a class="brand" href="index.html">512mb group</a>
<a class="brand" href="index.html">512mb group</a> <div class="nav-collapse collapse">
<div class="nav-collapse collapse"> <ul class="nav">
<ul class="nav"> <li><a href="index.html">Home</a></li>
<li><a href="index.html">Home</a></li> <li class="active"><a href="services.html">Services</a></li>
<li class="active"><a href="services.html">Services</a></li> <li><a href="irc.html">IRC rules</a></li>
<li><a href="irc.html">IRC rules</a></li> <li><a href="files">Files</a></li>
<li><a href="files">Files</a></li> <li><a href="https://wiki.512mb.org/">Wiki</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://yt.512mb.org/">Invidious</a></li> <li><a href="https://search.512mb.org/">Searx</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li> </ul>
</ul> </div>
<!--/.nav-collapse -->
</div> </div>
<!--/.nav-collapse -->
</div> </div>
</div> </div>
</div>
<div class="container"> <div class="container">
<hr> <hr>
<div class="pissbigger"> <div class="pissbigger">
<h1>Public services</h1> <br><br> <h1>Services</h1> <br><br>
</div> </div>
<div class="row-fluid"> <div class="grid">
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Speedtest</h1> <h1>Speedtest</h1>
<p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>
</div>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Wiki</h1> <h1>Wiki</h1>
<p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>
</div>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Status page</h1> <h1>Status page</h1>
<p>Various Mirrors for Linux and other things</p> <p>Various Mirrors for Linux and other things</p>
<br> <br>
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>
</div>
<div class="span4" style="margin-left: 0%;">
<div class="hero-unit"> <div class="hero-unit">
<h1>Translator</h1> <h1>Translator</h1>
<p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>
<!--
</div>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Tests/Unfinished</h1> <h1>Tests/Unfinished</h1>
<p>Things currently being worked on</p> <p>Things currently being worked on</p>
<br> <br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>
</div>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Related Sites</h1> <h1>Related Sites</h1>
<p>Sites made by 512mb or hosted here</p> <p>Sites made by 512mb or hosted here</p>
<br> <br>
<p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </div>-->
</div> </div>
</div>
<!-- Who runs this madness end --> <hr>
<footer>
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container -->
<hr> <!-- Le javascript
================================================== -->
<footer> <!-- Placed at the end of the document so the pages load faster -->
<p>512mb group 2017-2022</p> <script src="assets/jquery.js"></script>
</footer> <script src="assets/bootstrap-transition.js"></script>
<script src="assets/bootstrap-alert.js"></script>
</div> <!-- /container --> <script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-dropdown.js"></script>
<!-- Le javascript <script src="assets/bootstrap-scrollspy.js"></script>
================================================== --> <script src="assets/bootstrap-tab.js"></script>
<!-- Placed at the end of the document so the pages load faster --> <script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/jquery.js"></script> <script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-transition.js"></script> <script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-alert.js"></script> <script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-modal.js"></script> <script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-dropdown.js"></script> <script src="assets/bootstrap-typeahead.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script> </body>
<script src="assets/bootstrap-tab.js"></script> </html>
<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> <!DOCTYPE html>
<html lang="en"> <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> <!-- Le styles -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link href="assets/bootstrap.css" rel="stylesheet">
<meta charset="utf-8"> <style>
<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 { body {
padding-top: 20px; padding-top: 20px;
padding-bottom: 60px; padding-bottom: 60px;
} }
/* Custom container */ /* Custom container */
.container { .container {
margin: 0 auto; margin: 0 auto;
max-width: 1000px; max-width: 1000px;
} }
.container>hr { .container>hr {
margin: 60px 0; margin: 60px 0;
} }
/* Main marketing message and sign up button */ /* Main marketing message and sign up button */
.jumbotron { .jumbotron {
margin: 80px 0; margin: 80px 0;
text-align: center; text-align: center;
} }
.jumbotron h1 { .jumbotron h1 {
font-size: 100px; font-size: 100px;
line-height: 1; line-height: 1;
} }
.jumbotron .lead { .jumbotron .lead {
font-size: 24px; font-size: 24px;
line-height: 1.25; line-height: 1.25;
} }
.jumbotron .btn { .jumbotron .btn {
font-size: 21px; font-size: 21px;
padding: 14px 24px; padding: 14px 24px;
} }
/* Supporting marketing content */ /* Supporting marketing content */
.marketing { .marketing {
margin: 60px 0; margin: 60px 0;
} }
.marketing p+h4 { .marketing p+h4 {
margin-top: 28px; margin-top: 28px;
} }
.pissbigger h1 { .pissbigger h1 {
font-size: 42px; font-size: 42px;
line-height: 1; line-height: 1;
} }
.hero-unit { .hero-unit {
text-align: center; 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 --> </style>
<!--[if lt IE 9]> <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]--> <![endif]-->
<!-- Fav and touch icons --> <!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico"> <link rel="icon" type="image/x-icon" href="./favicon.ico">
</head> </head>
<body> <body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner">
<div class="navbar-inner"> <div class="container">
<div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<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>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> </button>
</button> <a class="brand" href="index.html">512mb group</a>
<a class="brand" href="index.html">512mb group</a> <div class="nav-collapse collapse">
<div class="nav-collapse collapse"> <ul class="nav">
<ul class="nav"> <li><a href="index.html">Home</a></li>
<li><a href="index.html">Home</a></li> <li class="active"><a href="services.html">Services</a></li>
<li class="active"><a href="services.html">Services</a></li> <li><a href="irc.html">IRC rules</a></li>
<li><a href="irc.html">IRC rules</a></li> <li><a href="files">Files</a></li>
<li><a href="files">Files</a></li> <li><a href="https://wiki.512mb.org/">Wiki</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://yt.512mb.org/">Invidious</a></li> <li><a href="https://search.512mb.org/">Searx</a></li>
<li><a href="https://search.512mb.org/">Searx</a></li> </ul>
</ul> </div>
<!--/.nav-collapse -->
</div> </div>
<!--/.nav-collapse -->
</div> </div>
</div> </div>
</div>
<div class="container"> <div class="container">
<hr> <hr>
<div class="pissbigger"> <div class="pissbigger">
<h1>Services</h1> <br><br> <h1>Services</h1> <br><br>
</div> </div>
<div class="row-fluid"> <div class="grid">
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Public Services</h1> <h1>Public Services</h1>
<p>Services you can access without having an account created for you</p> <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>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Member Services</h1> <h1>Member Services</h1>
<p>Services you will need an account made by an admin</p> <p>Services you will need an account made by an admin</p>
<br> <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>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Mirrors</h1> <h1>Mirrors</h1>
<p>Various Mirrors for Linux and other things</p> <p>Various Mirrors for Linux and other things</p>
<br> <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>
<div class="span4" style="margin-left: 0%;">
<div class="hero-unit"> <div class="hero-unit">
<h1>Archives</h1> <h1>Archives</h1>
<p>Websites/Services that are archived or nolonger maintained</p> <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>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Tests/Unfinished</h1> <h1>Tests/Unfinished</h1>
<p>Things currently being worked on</p> <p>Things currently being worked on</p>
<br> <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>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Related Sites</h1> <h1>Related Sites</h1>
<p>Sites made by 512mb or hosted here</p> <p>Sites made by 512mb or hosted here</p>
<br> <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> </div>
</div>
<!-- Who runs this madness end --> <hr>
<hr> <footer>
<p>512mb group 2017-2022</p>
</footer>
<footer> </div> <!-- /container -->
<p>512mb group 2017-2022</p>
</footer>
</div> <!-- /container --> <!-- Le javascript
================================================== -->
<!-- Le javascript <!-- Placed at the end of the document so the pages load faster -->
================================================== --> <script src="assets/jquery.js"></script>
<!-- Placed at the end of the document so the pages load faster --> <script src="assets/bootstrap-transition.js"></script>
<script src="assets/jquery.js"></script> <script src="assets/bootstrap-alert.js"></script>
<script src="assets/bootstrap-transition.js"></script> <script src="assets/bootstrap-modal.js"></script>
<script src="assets/bootstrap-alert.js"></script> <script src="assets/bootstrap-dropdown.js"></script>
<script src="assets/bootstrap-modal.js"></script> <script src="assets/bootstrap-scrollspy.js"></script>
<script src="assets/bootstrap-dropdown.js"></script> <script src="assets/bootstrap-tab.js"></script>
<script src="assets/bootstrap-scrollspy.js"></script> <script src="assets/bootstrap-tooltip.js"></script>
<script src="assets/bootstrap-tab.js"></script> <script src="assets/bootstrap-popover.js"></script>
<script src="assets/bootstrap-tooltip.js"></script> <script src="assets/bootstrap-button.js"></script>
<script src="assets/bootstrap-popover.js"></script> <script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-button.js"></script> <script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-collapse.js"></script> <script src="assets/bootstrap-typeahead.js"></script>
<script src="assets/bootstrap-carousel.js"></script> </body>
<script src="assets/bootstrap-typeahead.js"></script> </html>
</body>
</html>