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 {
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

@ -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,55 +144,52 @@
<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="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 class="span4">
</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>
<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="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,19 +210,19 @@
<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>
</div>
</div>
<!-- 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">
<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>
@ -209,7 +230,7 @@ Also big thanks to all our members as well. You make up most of what 512mb is.</
</div>
<hr>
<!-- Who runs this madness end -->
<!-- Dispiss panel end-->
<footer>
<p>512mb group 2017-2022</p>
@ -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-typeahead.js"></script>
</body></html>

View File

@ -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>
<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">
@ -79,7 +97,6 @@
</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>
</html>

View File

@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
@ -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">
@ -79,7 +97,6 @@
</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>
</html>