coalmedia.eu/mobile.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Coal Community . Under Construction</title>
  <meta charset="UTF-8">
  <meta name="author" content="Victor Giers">
  <meta name="title" content="Coal Media Community">
  <meta name="type" content="website" />
  <meta name="description" content="Convenient open European place for collaboration on the web">
  <meta name="url" content="https://coalmedia.eu/">
  <meta name="image" content="https://coalmedia.eu/coal.png">
  <meta name="date" content="" scheme="2019-06-01">

  <meta property="og:title" content="Coal Media Community">
  <meta property="og:description" content="Convenient open European place for collaboration on the web">
  <meta property="og:image" content="https://coalmedia.eu/style/coal.png">
  <meta property="og:url" content="https://coalmedia.eu/">
  <meta name="twitter:card" content="https://coalmedia.eu/style/coal.png">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="libraries/p5.min.js"></script>

  <link rel="shortcut icon" type="image/png" href="style/coal.png"/>
  <style>
  @media(min-width:60em){html{font-size: 100%}}
  html {height: 100%; font-size:100%;}
  body {
    font-size: 16px;
    height: 100%;
    margin: 0;
    /*"Hot coal" by Surukai is licensed under CC BY-NC-SA 2.0 https://www.flickr.com/photos/39113645@N08/4872013756*/
    background-image: url(potemkin.jpg);
    background-size: auto 100%;
    background-repeat:no-repeat;
    background-position: center;
    background-position-y: 0;
    background-attachment: fixed;
    overflow-x: hidden;
  }
  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%;}

  #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;
  }
  </style>

</head>
<body>
  <div id="content">
    <h1>Coal Media Community</h1>
    <h2>Under Construction</h2>
    <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 and hosted 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 to hear from you!</b><br><br>
      <center><h3><a href="https://discord.gg/nGDYYKE">Discord invitation</a></h3></center>
    </p>
    <h3>Impressum</h3>
    <p>
      <a href="impressum/Victor Giers.vcf">Download vCard</a><br>
      Victor Giers<br>
      Badmauer 14<br>
      73525 Schwäbisch Gmünd<br>
      +49 160 977 0 7979<br>
      <a href="mailto:mail@giers.io">mail@giers.io</a><br>
      <a href="https://giers.io/">https://giers.io/</a>
    </p>
  </div>
</body>
</html>