All of the stuff reformatted according to the stuff i did on the older branch #3

Merged
crt merged 5 commits from Yessiest/512mb-website-selfupdate:pissnew into master 2023-07-04 10:13:52 +00:00
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">
@ -19,6 +19,7 @@
}
/* Custom container */
.container {
margin: 0 auto;
max-width: 1000px;
@ -58,6 +59,42 @@
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">
@ -120,55 +156,49 @@
<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 class="flextape">
<!-- Top row -->
<!-- Template:
<div class="span4 memcomment">
<h2> header </h2>
<p> text </p>
<p class="author"> author name </p>
</div>
<div class="span4">
-->
<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>
<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>
<p class="author">- Dalibor</p>
</div>
<div class="span4">
<!-- 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>
<br>
<br>
<p>- crt</p>
<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>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>
<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 -->
<hr>
@ -187,29 +217,29 @@
<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>
</div>
<!-- Who runs this madness end -->
<hr>
<!-- Dispiss panel start -->
<div class="row-fluid">
<div class="span4">
<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">
</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>
</div>
<hr>
<!-- Who runs this madness end -->
<!-- Dispiss panel end-->
<footer>
<p>512mb group 2017-2022</p>
@ -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,7 +12,6 @@
<link href="assets/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 20px;
padding-bottom: 60px;
@ -147,6 +146,4 @@
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body></html>

View File

@ -1,12 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Public Services</title>
<title>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Public Services @ 512mb group">
<meta name="description" content="Service list of 512mb group">
<meta name="author" content="crt">
<meta name="keywords" content="Linux, Servers, Networking, Coding">
@ -66,6 +65,25 @@
.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">
@ -76,10 +94,9 @@
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
@ -110,29 +127,20 @@
<hr>
<div class="pissbigger">
<h1>Public services</h1> <br><br>
<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>
@ -140,17 +148,11 @@
<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>
@ -158,22 +160,14 @@
<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>
@ -198,9 +192,5 @@
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</body>
</html>

View File

@ -1,22 +1,148 @@
<div class="row-fluid">
<div class="span4">
<div class="hero-unit">
<!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 class="container">
<hr>
<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">
<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">
<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">
<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">
<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>
@ -28,68 +154,87 @@
<h1>Archlinux mirror</h1>
<p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<div class="span4">
<div class="hero-unit">
<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">
<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">
<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>
<p><a href="https://512mb.org/h5ai" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<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">
<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">
<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">
<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>
<div class="span4">
<div class="hero-unit">
<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">
<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">
<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">
<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">
<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>
<p><a href="https://img.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div>
<div class="hero-unit">
<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">
<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>
</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,7 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>512mb group</title>
@ -66,6 +65,25 @@
.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">
@ -76,10 +94,9 @@
<!-- Fav and touch icons -->
<link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>
<body>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
@ -113,71 +130,48 @@
<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>
</div>
<p><a href="related.html" class="btn btn-primary btn-large">Take me there</a></p>
</div>
</div>
<!-- Who runs this madness end -->
<hr>
<footer>
@ -202,9 +196,5 @@
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body>
</body>
</html>