forked from crt/512mb-website
Browse Source
Fixed indentation, fixed visual glitches, added aligned grids, replaced newline alignment with flex alignment, replaced my own comment.
pissupdate
Fixed indentation, fixed visual glitches, added aligned grids, replaced newline alignment with flex alignment, replaced my own comment.
pissupdate
Yessiest
2 years ago
5 changed files with 417 additions and 396 deletions
-
2assets/bootstrap-responsive.css
-
7assets/bootstrap.css
-
243index.html
-
101irc.html
-
460services.html
@ -1,234 +1,240 @@ |
|||
<!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; |
|||
} |
|||
|
|||
</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"> |
|||
<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="row-fluid"> |
|||
<div class="span4"> |
|||
<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"> |
|||
<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> |
|||
<!-- 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> |
|||
|
|||
|
|||
|
|||
<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://cloud.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 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 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> |
|||
<!-- 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> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue