crt
/
512mb-website
1
0
Fork 1
Code Issues Pull Requests Projects Releases 1 Wiki Activity

Fixed indentation, fixed visual glitches, added aligned grids, replaced newline alignment with flex alignment, replaced my own comment.

This commit is contained in:
Yessiest 2022-10-12 22:46:38 +04:00
parent 75d5b0b7af
commit 8349cd4889
5 changed files with 406 additions and 385 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/bootstrap-responsive.css vendored
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;

7
assets/bootstrap.css vendored
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);
}

127
index.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>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,30 @@
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>
<link href="assets/bootstrap-responsive.css" rel="stylesheet">
@ -71,7 +96,6 @@
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
@ -120,57 +144,52 @@
<div class="pissbigger">
<h1>Current projects</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<h2>Rework of this website</h2>
<p>I've had enough of bootstrap studio and its annoying little perks which is why I've decided to redo the entire website which was what you're currently looking at.</p>
<br>
<br>
<p>- crt</p>
<h2>Waiting on servers</h2>
<p>Thanks to a friend of mine I will be getting some more server for my homelab, I do however have to find the time to go and pick them up. Their not new but their new enough for me to use them.</p>
<br>
<br>
<p>- crt</p>
<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">
-->
<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>
<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>
<div class="span4">
<h2>Waiting for employment</h2>
<p>Since I run this whole thing here at home and I currently still go to school, budget is tight. Therefore im looking forward to August when I will start working and my budget for 512mb increases.</p>
<br>
<p>- crt</p>
<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>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>
@ -189,29 +208,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>
@ -236,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-typeahead.js"></script>
</body></html>

5
irc.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>

72
services.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>512mb group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -62,6 +62,24 @@
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">
@ -107,25 +125,24 @@
<div class="pissbigger">
<h1>Services</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<div class="hero-unit">
<div class="grid">
<div class="hero-unit">
<h1>Nextcloud instance</h1>
<p><a href="https://cloud.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>
@ -137,71 +154,63 @@
<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>
</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>
</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>
@ -228,7 +237,4 @@
<script src="assets/bootstrap-collapse.js"></script>
<script src="assets/bootstrap-carousel.js"></script>
<script src="assets/bootstrap-typeahead.js"></script>
</body></html>