service page rework in progress

This commit is contained in:
crt 2022-09-12 20:52:01 +02:00
parent 8f262ac5a7
commit 0c279f5e6f
9 changed files with 468 additions and 191 deletions

0
all.html Normal file
View File

0
archives.html Normal file
View File

0
members.html Normal file
View File

0
mirrors.html Normal file
View File

206
public.html Normal file
View File

@ -0,0 +1,206 @@
<!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>
<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 {
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">
<!-- 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>Public services</h1> <br><br>
</div>
<div class="row-fluid">
<div class="span4">
<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>
<!-- 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>

0
related.html Normal file
View File

95
services-old.html Normal file
View File

@ -0,0 +1,95 @@
<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>
</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>
<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>
</div>
</div>

View File

@ -1,5 +1,7 @@
<!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>
@ -11,8 +13,6 @@
<!-- Le styles --> <!-- Le styles -->
<link href="assets/bootstrap.css" rel="stylesheet"> <link href="assets/bootstrap.css" rel="stylesheet">
<style> <style>
body { body {
padding-top: 20px; padding-top: 20px;
padding-bottom: 60px; padding-bottom: 60px;
@ -23,6 +23,7 @@
margin: 0 auto; margin: 0 auto;
max-width: 1000px; max-width: 1000px;
} }
.container>hr { .container>hr {
margin: 60px 0; margin: 60px 0;
} }
@ -32,14 +33,17 @@
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;
@ -49,6 +53,7 @@
.marketing { .marketing {
margin: 60px 0; margin: 60px 0;
} }
.marketing p+h4 { .marketing p+h4 {
margin-top: 28px; margin-top: 28px;
} }
@ -61,7 +66,6 @@
.hero-unit { .hero-unit {
text-align: center; text-align: center;
} }
</style> </style>
<link href="assets/bootstrap-responsive.css" rel="stylesheet"> <link href="assets/bootstrap-responsive.css" rel="stylesheet">
@ -95,7 +99,8 @@
<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>
<!--/.nav-collapse -->
</div> </div>
</div> </div>
</div> </div>
@ -107,101 +112,70 @@
<div class="pissbigger"> <div class="pissbigger">
<h1>Services</h1> <br><br> <h1>Services</h1> <br><br>
</div> </div>
<div class="row-fluid"> <div class="row-fluid">
<div class="span4"> <div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Nextcloud instance</h1> <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="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
</div> </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> </div>
<div class="span4"> <div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Password Manager</h1> <h1>Member Services</h1>
<p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <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>
</div> </div>
</div>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Searx</h1> <h1>Mirrors</h1>
<p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <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>
</div> </div>
</div>
<div class="span4" style="margin-left: 0%;">
<div class="hero-unit"> <div class="hero-unit">
<h1>H5ai</h1> <h1>Archives</h1>
<p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p> <p>Websites/Services that are archived or nolonger maintained</p>
</div> <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<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>
</div> </div>
<div class="span4"> <div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Status Page</h1> <h1>Tests/Unfinished</h1>
<p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <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>
<div class="span4">
<div class="hero-unit"> <div class="hero-unit">
<h1>Wiki</h1> <h1>Related Sites</h1>
<p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p> <p>Sites made by 512mb or hosted here</p>
</div> <br>
<div class="hero-unit"> <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
<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> </div>
</div> </div>
</div> </div>
<!-- Who runs this madness end --> <!-- Who runs this madness end -->
<hr> <hr>
@ -231,4 +205,6 @@
</body></html> </body>
</html>

0
tests.html Normal file
View File