initial commit

mobile.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Coal Community . Under Construction</title>
+  <meta charset="UTF-8">
+  <meta name="author" content="Victor Giers">
+  <meta name="date" content="" scheme="2019-06-01">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+  html {
+    height: 100%;font-size:100%;
+  }
+
+  @media(min-width:60em){html{font-size: 100%}}
+  body {
+    font-size: 16px;
+    height: 100%;
+    margin: 0;
+    background-image: url(potemkin.png);
+    background-size: auto 100%;
+    background-repeat:no-repeat;
+    background-position: center;
+    background-position-y: 0;
+    background-attachment: fixed;
+    overflow-x: hidden;
+  }
+  #content {
+    position: absolute;
+    z-index: 1;
+    display: block;
+    width: 80%;
+    height: 100%;
+    margin-left: 30px;
+    margin-right:30px;
+
+    color: rgb(255,255,255);
+    font-family: Verdana;
+  }
+  p {
+    font-size:120%;
+  }
+  h1 {
+    font-size: 250%;
+  }
+  a {
+    color: rgb(255,255,255);
+    text-decoration: underline;
+  }
+  a:hover {
+    text-decoration: none;
+  }
+  ul{line-height:200%;}
+  </style>
+
+</head>
+<body>
+  <div id="content">
+    <h1>Under Construction</h1>
+    <p>
+      This place is going to be a hub for <b>collaborative work</b> in the fields of <b>media art</b> and <b>design</b> regarding <b>knowledge</b> and <b>social interaction</b> on the <b>internet</b>.<br>
+      The community is based on <b>European standards</b>, <b>the whole world is invited</b> to collaborate.<br>
+      It is registered at <a href="https://www.manitu.de/" target="_blank"><b>Manitu</b></a>, a web host service based in <b>Saarland, Germany</b>.<br><br>
+      <b>We'd love you to get in contact with us!</b><br><br>
+      <center><h3><a href="https://discord.gg/nGDYYKE">Discord invitation</a></h3></center>
+    </p>
+  </div>
+</body>
+</html>