Browse Source

Added files

master
emile 4 years ago
parent
commit
a8dd8bd9ef
  1. 122
      index.html
  2. BIN
      spacee.jpg
  3. 358
      style.css

122
index.html

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Darknebu.la</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="navbar">
<ul id="nav_main">
<ul id="left">
<li>
<h1>darknebula</h1>
</li>
</ul>
<ul id="right">
<li><a href="#policies">Policies</a></li>
<li><a href="#tech">Tech</a></li>
<li><a href="#what">What</a></li>
</ul>
</ul>
</div>
<div class="hard_words">
<ul>
<li><a href="https://bin.darknebu.la/">bin</a></li>
<li><a href="https://git.darknebu.la/">git</a></li>
<li><a href="https://files.darknebu.la/index.php/login">files</a></li>
<li><a href="https://irc.darknebu.la/">irc</a></li>
</ul>
</div>
<div class="main">
<div class="container" id="what">
<h1>What?</h1>
<ul>
<li>A <a href="https://en.wikipedia.org/wiki/Pastebin">pastebin</a> implementation on <a href="https://bin.darknebu.la">bin.darknebu.la</a></li>
<li><a href="https://gogs.io/">Gogs</a>, a Git server with Web UI on <a href="https://git.darknebu.la">git.darknebu.la</a></li>
<li>A <a href="https://nextcloud.com/">Nextcloud</a> instance, containing plugins for Notes, Calendar, Contacts and Passwords (each with sync capabilities!) on <a href="https://files.darknebu.la">files.darknebu.la</a></li>
<li>An IRC bouncer (<a href="https://thelounge.github.io">Lounge</a>) running on <a href="https://irc.darknebu.la">irc.darknebu.la</a></li>
</ul>
</div>
<div class="words">
<ul>
<li><a href="">pastebin</a></li>
<li><a href="">gogs</a></li>
<li><a href="">nextcloud</a></li>
<li><a href="">lounge</a></li>
</ul>
</div>
<!-- <div class="background-image-b"></div> -->
<div class="container" id="tech">
<h1>Tech</h1>
<p>
All the services are currently running on a Root Server located at
Hetzners RZ19 in Falkenstein, DE.
The IP(s) in use are from Hetzner's AS block.
Owner of the Root Server and low-level administrator is
<a href="https://twitter.com/twink0r">twink0r</a>.
<br>
All the services are running in containers powered by Docker.
Authentication for each service is handled by OpenLDAP.
All the data is encrypted with
<a href="https://de.wikipedia.org/wiki/Dm-crypt#LUKS">LUKS</a>,
transport is encrypted with TLS and certificates from
<a href="https://en.wikipedia.org/wiki/Let%27s_Encrypt">Let's Encrypt</a>.
Higher level adminstration is done by
<a href="https://twitter.com/m4r1d3">maride</a>.
</p>
</div>
<!-- <div class="background-image-a"></div> -->
<div class="container" id="policies">
<h1>Policies</h1>
<p>
Policies and Rules;
Simply don't be an asshole.
Being more precise, that means you should comply to the hacker ethics
(e.g. as published by the CCC
<a href="http://ccc.de/en/hackerethik">here</a>) and try to
improve darknebula as far
as you can, and try to prevent darknebula from damage
(e.g. if you found a weakness in a service: report it!).
For example, darknebula has no rate limits
(amount of git repositories, space occupied by nextcloud, ...).
Don't overuse it.
We respect privacy. We won't monitor anything which is connected to
private data. And we won't do so, ever. We'll never sell your data.
Why should we...?
</p>
</div>
<div class="footer">
darknebu.la
<a href="https://twitter.com/hanemile">@hanemile</a>
<a href="https://twitter.com/twink0r">@twink0r</a>
<a href="https://twitter.com/m4r1d3">@m4r1d3</a>
</div>
</div>
</body>
</html>

BIN
spacee.jpg

After

Width: 2880  |  Height: 1800  |  Size: 1.3 MiB

358
style.css

@ -0,0 +1,358 @@
html{
margin: 0;
padding: 0;
overflow-y: scroll;
}
body{
margin: 0;
padding: 0;
background: url(https://darknebu.la/background.jpg) no-repeat center center fixed;
background: url(spacee.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Navigation Bar */
/* Navigation Bar / General */
.navbar{
margin: 0;
padding: 0;
width: 100vw;
height: 50px;
background-color: rgba(255, 255, 255, 1);
}
.navbar ul{
margin: 0;
padding: 0;
display: inline;
width: 100vw;
}
/* Navigation Bar / Left */
.navbar ul#left{
margin: 5px 0 0 0;
padding: 0;
width: auto;
float: left;
list-style-type: none;
}
.navbar ul#left li{
margin: 0;
padding: 0;
display: inline;
}
@media screen and (min-width: 1000px) {
.navbar ul#left li h1{
margin: 0 0 0 25vw;
padding: 0;
font-family: monospace;
font-size: 2.75em;
vertical-align: center;
display: inline;
}
}
@media screen and (max-width: 1000px) {
.navbar ul#left li h1{
margin: 0 0 0 15vw;
padding: 0;
font-family: monospace;
font-size: 2.75em;
vertical-align: center;
display: inline;
}
}
/* Navigation Bar / Right */
@media screen and (min-width: 1000px) {
.navbar ul#right{
margin: 0 25vw 0 0;
padding: 0;
width: auto;
float: right;
list-style-type: none;
}
}
@media screen and (max-width: 1000px) {
.navbar ul#right{
margin: 0 15vw 0 0;
padding: 0;
width: auto;
float: right;
list-style-type: none;
}
}
.navbar ul#right li{
margin: 15px 0 0 0;
padding: 0;
float:right;
display: inline;
}
.navbar ul#right li a{
margin: 0;
padding: 1em;
text-align: center;
font-size: 1.125em;
text-decoration: none;
color: rgba(0, 0, 0, 1);
}
.navbar ul#right li:hover{
padding: 0 0 10px 0;
border-bottom: 3px solid rgba(50, 155, 255, 1);
}
/* Hard Words */
.hard_words{
margin: 20vh 25vw 20vh 25vw;
padding: 0;
}
@media screen and (max-width: 1000px) {
.hard_words{
margin: 20vh 15vw 20vh 15vw;
padding: 0;
}
}
.hard_words ul{
margin: 0;
padding: 0;
background-color: rgba(255, 255, 2555, 0);
display: table;
}
.hard_words ul li{
margin: 0;
padding: 0;
list-style-type: none;
display: table-cell;
width: 100vw;
text-align: center;
}
.hard_words ul li a{
margin: 0;
padding: 1.5em;
background-color: rgba(255, 255, 255, 1);
border-radius: 2.5%;
color: rgba(0, 0, 0, 1);
text-decoration: none;
font-size: 2em;
font-family: monospace;
}
/* Main */
.main{
margin: 10vh 0 0 0;
padding: 0;
/*background-color: rgba(255, 255, 255, 1);*/
}
/* Main / Container */
.container{
margin: 0;
padding: 1em 0 4em 25vw;
background-color: rgba(255, 255, 255, 1);
border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1000px) {
.container{
margin: 0;
padding: 1em 0 2em 15vw;
background-color: rgba(255, 255, 255, 1);
}
}
.container h1{
margin: 0;
padding: 1em 0 1em 0;
font-size: 2.75em;
font-family: monospace;
}
.container ul{
margin: 0;
padding: 0;
}
@media screen and (min-width: 1000px) {
.container ul li{
margin: 0 0 1em 0;
padding: 0 25vw 0 0;
hyphens: auto;
list-style-type: none;
}
}
@media screen and (max-width: 1000px) {
.container ul li{
margin: 0 0 1em 0;
padding: 0 15vw 0 0;
hyphens: auto;
list-style-type: none;
}
}
.container ul li a{
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 1);
1}
@media screen and (min-width: 1000px) {
.container p{
margin: 0;
padding: 0 25vw 0 0;
line-height: 2;
}
}
@media screen and (max-width: 1000px) {
.container p{
margin: 0;
padding: 0 15vw 0 0;
line-height: 2;
}
}
.container p a{
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 1);
}
/* Background - Image */
.background-image-a{
margin: 10vh;
padding: 10vh;
/*background: url(https://darknebu.la/background.jpg) no-repeat center center fixed;*/
background: url(spacee.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
}
.background-image-b{
margin: 0vh;
padding: 10vh;
background: url(https://darknebu.la/background.jpg) no-repeat center center fixed;
/*background: url(spacee.jpg) no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
}
/* Words */
.words{
margin: 20vh 25vw 20vh 25vw;
padding: 0;
}
@media screen and (max-width: 1000px) {
.words{
margin: 20vh 15vw 20vh 15vw;
padding: 0;
}
}
.words ul{
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 0);
display: table;
}
.words ul li{
margin: 0;
padding: 0;
list-style-type: none;
display: table-cell;
width: 100vw;
text-align: center;
}
.words ul li a{
margin: 0;
padding: 1.5em;
background-color: rgba(255, 255, 255, 1);
border-radius: 2.5%;
color: rgba(0, 0, 0, 1);
text-decoration: none;
font-size: 2em;
font-family: monospace;
}
/* Footer */
.footer{
margin: 0;
padding: 0 25vw 0 25vw;
background-color: rgba(255, 255, 255, 1);
}
.footer a{
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 1);
float: right;
text-decoration: none;
}
.footer a::after{
content: "\0000a0\0000a0\0000a0"
}