diff --git a/about.html b/about.html
new file mode 100644
index 0000000..82e4cfa
--- /dev/null
+++ b/about.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Pub Solar</title>
+    <meta name="theme-color" content="#000000" id="theme-color" />
+    <meta name="description" content="Fucking free">
+    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
+    <link rel="stylesheet" type="text/css" href="/style.css?1" media="all" />
+  </head>
+  <body class="ps-main">
+    <div id="background" class="ps-background ps-main--background">
+      <div id="x1312" class="ps-background--1312"></div>
+      <div id="logo" class="ps-logo ps-background--logo">
+        <svg data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 275.3 276.37" class="ps-logo--base"> <defs> <style> .cls-1, .cls-2{ fill:#ed1c24; } .cls-1{ stroke:#ed1c24; stroke-width:6.89px; } .cls-1, .cls-2, .cls-4{ stroke-miterlimit:10; } .cls-2{ stroke:#fff; stroke-width:4.72px; } .cls-3{ fill:#fff; } .cls-4{ stroke:#000; stroke-width:4.58px; } </style> </defs> <title>PubSolar logo</title> <path class="cls-1" d="M362.85,272.68v11.78l-4.39,1.84a18.38,18.38,0,0,0-11.24,15.8l-.59,9.43-7.92.61a18.38,18.38,0,0,0-15.53,11.22l-2.47,5.9H309.07a18.38,18.38,0,0,0-14.13,6.63l-6.8,8.17-10.58-3.17a18.38,18.38,0,0,0-14.89,1.95l-9.84,6-8.65-5.75a18.38,18.38,0,0,0-15.75-2.2l-10,3.17-5.88-7a18.38,18.38,0,0,0-15.43-6.51l-10.24.76-4.62-8.75a18.38,18.38,0,0,0-14.22-9.69l-9.7-1.08-1.89-10.65a18.38,18.38,0,0,0-11.06-13.77L134.7,283l.93-11.32a18.38,18.38,0,0,0-7-16l-6.52-5.06,3.55-8.77a18.38,18.38,0,0,0-1.77-17.13l-5.74-8.57,6.06-8a18.38,18.38,0,0,0,2.54-17.63l-3.93-10.34,5.12-2.87a18.38,18.38,0,0,0,9.31-17.78l-1.12-11.75,8.18-2.64a18.38,18.38,0,0,0,12.67-16l.75-9.5h6.44a18.38,18.38,0,0,0,17.59-13L184,99.13l12.19,1.25a18.38,18.38,0,0,0,17.27-8.25l4.11-6.3,8.21,3.79a18.38,18.38,0,0,0,20.12-3.14l5.85-5.36L261,88.21a18.38,18.38,0,0,0,18.23,2.32L287.76,87l6,7.67a18.38,18.38,0,0,0,15.32,7l11.25-.51,3.21,7.56a18.38,18.38,0,0,0,15.29,11.12l9.33.83.48,7.39A18.38,18.38,0,0,0,358.1,143l9.37,5.18-.71,11.41a18.38,18.38,0,0,0,7.43,15.93l7.14,5.26-3.79,10.66a18.38,18.38,0,0,0,2,16.27l5.57,8.45-6.46,10.31a18.38,18.38,0,0,0-2.11,14.77l2.66,9.38-9.63,7.93A18.38,18.38,0,0,0,362.85,272.68Z" transform="translate(-113.88 -76.62)"/> <circle class="cls-2" cx="137.72" cy="138.48" r="117.79"/> <path class="cls-3" d="M326.34,141.78A105.72,105.72,0,0,0,181.56,295.61,105.7,105.7,0,1,1,326.34,141.78Z" transform="translate(-113.88 -76.62)"/> <path class="cls-3" d="M180.73,231.12c.57,1.71,6.47,20.7,10,30s7.59,16.9,12.87,17.74,10.64-7.56,16.9-7.78c8.76-.31,13.68-1,18.13-8.12,3.56-5.67,9.9,1.76,25.87-7.49,8.71-5,26.56-4.08,43.4-11.91,20.26-9.42,6.82-12,6.83-24,0-3.84,3.66-4.88,9.42-7.17,3.82-1.52,9.75-4.8,8.63-8.92-1.24-4.55-.79-6.28-5.2-7.93-16.84-6.31-42.72,27-44.28-9.57-.55-13-13.2-15.39-21.5-15.55-4.33-.08-8,1.37-11-5.82-3.38-8.07-10.07-19.35-16.92-12s2,17.55,3.13,27c.19,1.55-.08,3-1.63,3.23a16.52,16.52,0,0,0-9.93,5.06c-4.27,4.41-8.18-2.59-15.09,3.8-6.32,5.85-13.27-.73-25.52-.41C164.19,191.84,180.73,231.12,180.73,231.12Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M200.74,254.41a27,27,0,0,0,1.31,3c2.16,4.33,1.11,2.86,3.11,6.36,1.22,2.13,4.06,6.21,2.11,6.86-1.68.56-4.06-1-4.75-3.08-.34-1-.59-2.08-.93-3.1-2.72-8.19-6.6-15.8-9.33-24-3-9-5.76-18.25-7.12-27.94-.46-3.57-3.28-10.18-.86-11,1.49-.49,2.14.53,2.48,1.55.74,2.23.09,2.45.5,3.66a1.31,1.31,0,0,0,1.7.78c1.68-.56,1.9-3.63,3.95-4.31,7.36-2.45,15.23,5.38,17.4,11.9,1.48,6-1.4,10.39-6.34,15.14a7.39,7.39,0,0,1-2.86,1.67c-2,.68-4.81.46-6.12.89s-1.61,1.36-1.15,2.76,1.21,2.7,1.67,4.1c.68,2,1.15,4.07,1.83,6.11a13.67,13.67,0,0,0,.71,1.83C198.94,249.94,200,252.18,200.74,254.41Zm-6.45-48.32c-6.52,2.17-4.88,13.31-3,19.08,1.3,3.91,4.19,5.44,8.09,4.14,5.59-1.86,9.23-8.65,7.37-14.24C205.11,211,199.22,204.45,194.29,206.09Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.34,197.41a.88.88,0,0,1,1.35.45c2.1,3.85,3.09,9.07,5.33,13.18,2.1,3.85,7.1,7,9.45,5.68,2.67-1.46,4.77-8.79,2.56-12.83-.64-1.17-1.64-2.24-2.5-3.8-1.32-2.41-2.15-6.11.13-7.35,1.37-.75,1.92-.2,2.31.52.07.13.08.29.15.43.25.46.59.78.84,1.23,1.1,2,1.14,4.88,1.54,6.86a21.85,21.85,0,0,0,2,6.08,14.16,14.16,0,0,0,4.19,4.74c.38.38,1,.73,1.24,1.18a1.24,1.24,0,0,1-.71,1.66c-.85.46-3.88-1.52-4.84-3.28-.21-.39-.3-.85-.55-1.31a.78.78,0,0,0-1.14-.23c-.65.36-.62,2.12-.83,2.82-.76,2-1.51,4.21-3.33,5.21-4,2.21-9.11-1.63-10.89-4.89-.43-.78-.79-1.6-1.25-2.45C219.43,207.58,215.43,197.91,216.34,197.41Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M251.1,184.25c.22.55.06,1.41,1.17,1,.62-.24.83-1.12,1.06-1.77a7.57,7.57,0,0,1,4.54-4.5c6.36-2.5,13.65,1.82,15.88,7.49,2.12,5.39,1,13.9-5.72,16.54a10.23,10.23,0,0,1-5.58.43,4,4,0,0,0-2-.18c-.9.35,0,2.33-1.08,2.74-1.94.76-3.25-.83-4.09-2.74-1.37-3.29-3.11-8.25-4.44-11.64s-2.43-7.19-3.84-10.79c-1.33-3.39-3-6.71-4.39-10.17-.6-1.52-1.13-3.07-1.7-4.52a17.75,17.75,0,0,0-2.25-4.31,1,1,0,0,1-.23-.39,1.46,1.46,0,0,1,1.06-1.77,1.54,1.54,0,0,1,2.14,1l.14.35a75.7,75.7,0,0,0,3.53,10.19c.35.9.8,1.84,1.15,2.74l-.07,0C247.73,177.34,249.77,180.86,251.1,184.25Zm8-3.06c-5.33,2.09-6.44,8.2-4.32,13.59a9.89,9.89,0,0,0,13,5.9c4.36-1.71,5.62-9.07,3.88-13.5C268.24,181.58,263.7,179.37,259.07,181.19Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.42,242.8c-.49-2.48,2.88-6.17,6.16-6.81,1.83-.36,4.94.47,5.28,2.22a1.91,1.91,0,0,1-1.12,2c-1.38.27-2.88-1.93-4.33-1.65s-3.39,2.41-3.13,3.72c.59,3,7.19,5.79,10.06,8.48a7,7,0,0,1,2.07,3.61,7.5,7.5,0,0,1-5.63,8.37c-5.76,1.13-9.07-3-11.63-6.81a2,2,0,0,1-.39-.83,1.4,1.4,0,0,1,1-1.71c.87-.17,1.43.7,1.86,1.38,1.5,3,4,6.41,8.28,5.57,2.7-.53,4.44-3.22,3.79-6.57C227.21,249.93,217.23,247,216.42,242.8Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M244.38,250.12c-6.18-5.9-6.33-14.67-2.63-18.54,2.46-2.58,9.1-4.36,13.13-.51,3.39,3.23,6.36,13.57,1.38,18.78a6.15,6.15,0,0,1-5.21,1.91,7.1,7.1,0,0,0-3.3.34c-.83.33-1,.34-1.85-.43-.27-.26-.59-.67-1.08-1.13Zm8.85-17.44a6.87,6.87,0,0,0-9.3.16c-2.62,2.74-1.09,12.22,1.38,14.58s7.16,2.94,9.68.3C258,244.55,257.58,236.83,253.23,232.67Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M269.24,237.75a63.21,63.21,0,0,0-2.83-6.39s-1-2.71-1.6-4.88c-.76-1.94-1.59-3.84-2.35-5.78-2.09-5.33-10.17-21.45-6.49-20.18,1.83.63,2.79.82,3.06,1.52a28.65,28.65,0,0,1,1,4.84c1.23,4.66,4.57,13.94,6.83,19.68.9,2.28,1.89,4.61,2.93,6.83,2,4.46,4.33,9.33,4.18,10.25C273.94,243.64,272.62,248.25,269.24,237.75Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M288.05,226.57c1-.37,1.51-1,1.29-2.58-.3-2.13-2.48-6.48-4.62-6.18-1.84.26-3.45,3.78-4.85,4-.59.08-1.23-.73-1.29-1.17-.26-1.84,4.38-4.66,5.92-4.88,5.22-.73,7.52,9.3,9.65,15.91.44,1.52,1,2.41,2.74,2.39.68.06,1.72,0,1.83.72A2.08,2.08,0,0,1,297,237c-1.25.17-2.61-1.51-3.64-1.37-2.06.29-3.5,3.94-6.3,4.33a4.31,4.31,0,0,1-4.94-3.66c0-.22,0-.45,0-.67C281.56,230.56,283.06,228.39,288.05,226.57ZM284.42,235c.21,1.47.62,2.84,2.54,2.57s5.26-4.26,5-6.32c-.33-2.36-2.1-2.71-3.91-2.76C285.44,228.81,284,231.64,284.42,235Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M306.07,208c2.38-.87,14.61-5.28,16.95-6.05.86-.23,1.94-.52,2.28.78.92,3.45-22.71,6-20.38,14.81,1.28,4.81,2.85,9.55,4,14.3.25.93.1,1.82-1,2.11-2.08.56-4.25-10.17-4.27-10.24C301.92,216.9,299.43,210.42,306.07,208Z" transform="translate(-113.88 -76.62)"/> </svg>
+      </div>
+    </div>
+    <main class="ps-main--page ps-page">
+      <section lang="de" class="ps-page--section">
+        <p class="mobile-only">English version below</p>
+        <h1>Hi! Wir sind pub.solar</h1>
+        <p>Wir sind ein nicht eingetragener Verein mit Sitz in Köln. Unser Ziel ist es mehr Menschen zu ermöglichen Freie Software zu benutzen, sicher digital zu kommunizieren, und Datensparsamer zu leben. Wir stellen für dich und alle Menschen die du lieb hast auf transparente und demokratische Weise Freie Software zur verfügung.</p>
+
+        <p>Momentan haben wir vier größere Projekte:</p>
+        <ul>
+          <li><a href="https://element.pub.solar">Matrix</a>: dezentraler, end-to-end verschlüsselter Chat, ähnlich wie Slack oder Discord</li>
+          <li><a href="https://mastodon.pub.solar">Mastodon</a>: dezentrale Mikrobloggingplattform, ähnlich wie Twitter</li>
+          <li><a href="https://cloud.pub.solar">Nextcloud</a>: Cloud mit Office Möglichkeiten, ähnlich wie Teile der Google Suite und office365</li>
+          <li><a href="https://get.pub.solar">PubSolarOS</a>, eine Linux Distribution die auf NixOS basiert</li>
+        </ul>
+        <p>Unsere Mastodon und Matrix Instanzen sind offen für alle zum registrieren. Wenn du (oder dein Verein, oder deine Familie) gerne Unsere Nextcloud benutzen möchte, rede gerne mal mit uns.</p>
+
+        <p>Du kannst mit uns per Matrix und Mastodon reden, oder eine mail an <a href="mailto:admins@pub.solar">admins@pub.solar</a> schicken.</p>
+
+        <h2>Impressum</h2>
+        <p>
+          pub.solar n.e.V.<br>
+          Benjamin Bädorf, Jhonas Wernery, Hendrik Sokolowki<br><br>
+          c/o MiOM 202,<br>
+          Wilhelm-Mauser-Straße 47 Halle 5,<br>
+          D-50827 Köln,<br><br>
+          <a href="mailto:admins@pub.solar">admins@pub.solar</a>
+        </p>
+
+        <h3>Satzung</h3>
+        <p>Findest du <href="https://cloud.pub.solar/s/2KErtaYeLn5d6MZ">hier</a>.</p>
+
+        <h2>Datenschutzerklärung</h2>
+        <p>Findest du <a href="https://pub.solar/privacy">hier</a>.</p>
+      </section>
+      <section lang="en" class="ps-page--section">
+        <h1>Hi! We're pub.solar</h1>
+        <p>We are a non-registered association seated in Cologne, Germany. Our goal is to enable more people to use free software, have secure digital communications, and to have more private data. We offer free software for you and all the people you love. We do this transparently and democratically.</p>
+
+        <p> We currently have four larger projects:</p>
+        <ul>
+          <li><a href="https://element.pub.solar">Matrix</a>: a decentralized, end-to-end encrypted chat, similar to Slack or Discord.</li>
+          <li><a href="https://mastodon.pub.solar">Mastodon</a>: a decentralized microblogging platform, similar to Twitter.</li>
+          <li><a href="https://cloud.pub.solar">Nextcloud</a>: a cloud with office capabilities, similar to the Google suite and Office 365.</li>
+          <li><a href="https://get.pub.solar">PubSolarOS</a>, a GNU+Linux Distribution that is based on NixOS</li>
+        </ul>
+        <p>Our Mastodon and Matrix instances are publicly open for registration. If you (or your non profit, or your family) wants to use our Nextcloud, talk to us.</p>
+
+        <p>You can talk to us via Matrix and Mastodon, or send a mail to <a href="mailto:admins@pub.solar">admins@pub.solar</a>.</p>
+
+        <h2>Imprint</h2>
+        <p>
+          pub.solar n.e.V.<br>
+          Benjamin Bädorf, Jhonas Wernery, Hendrik Sokolowki<br><br>
+          c/o MiOM 202,<br>
+          Wilhelm-Mauser-Straße 47 Halle 5,<br>
+          D-50827 Köln,<br><br>
+          <a href="mailto:admins@pub.solar">admins@pub.solar</a>
+        </p>
+
+        <h3>Statutes</h3>
+        <p>Are over <href="https://cloud.pub.solar/s/2KErtaYeLn5d6MZ">here</a>.</p>
+
+        <h2>Privacy Policy</h2>
+        <p>Is over <a href="https://pub.solar/privacy">here</a>.</p>
+      </section>
+    </main>
+    <script>
+      document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
+      const background = document.getElementById("background");
+      const logo = document.getElementById("logo").cloneNode(true);
+      logo.id = "";
+      (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
+        .fill(null)
+        .map(_ => logo.cloneNode(true))
+        .forEach(l => {
+          background.appendChild(l);
+        });
+    </script>
+  </body>
+</html>
diff --git a/index.html b/index.html
index e98a38a..68a60a0 100644
--- a/index.html
+++ b/index.html
@@ -5,226 +5,26 @@
     <title>Pub Solar</title>
     <meta name="theme-color" content="#000000" id="theme-color" />
     <meta name="description" content="Fucking free">
-    <style lang="scss">
-    /* latin-ext */
-    @font-face {
-      font-family: 'Open Sans';
-      font-style: italic;
-      font-weight: 800;
-      font-display: swap;
-      src: url(/assets/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2) format('woff2');
-      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-    }
-    /* latin */
-    @font-face {
-      font-family: 'Open Sans';
-      font-style: italic;
-      font-weight: 800;
-      font-display: swap;
-      src: url(/assets/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format('woff2');
-      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-    }
-    /* latin-ext */
-    @font-face {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 800;
-      font-display: swap;
-      src: url(/assets/opensans/v20/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');
-      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-    }
-    /* latin */
-    @font-face {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 800;
-      font-display: swap;
-      src: url(/assets/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
-      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-    }
-
-    html {
-      --accent: #ed1c24;
-      --foreground: #000;
-      --background: #fff;
-
-      font-family: 'Open Sans', Arial, sans-serif;
-      font-weight: 900;
-      background: var(--background);
-      color: var(--foreground);
-      -ms-text-size-adjust: 100%;
-      -webkit-text-size-adjust: 100%;
-      -moz-osx-font-smoothing: grayscale;
-      -webkit-font-smoothing: antialiased;
-      box-sizing: border-box;
-      width: 100vw;
-      height: 100vh;
-      margin: 0;
-      font-size: max(1vw, 1vh);
-    }
-
-    body {
-      margin: 0;
-      height: 100vw;
-      width: 100vw;
-      overflow: hidden;
-    }
-
-    .ps-main {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100vh;
-      width: 100vw;
-      position: relative;
-    }
-
-    .ps-main--background {
-      position: fixed;
-      height: 100vh;
-      width: 100vw;
-      overflow: hidden;
-    }
-
-    .ps-main--page {
-      color: grey;
-      z-index: 1;
-    }
-
-    .ps-page {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      width: min(100vw, 100vh);
-      margin-top: 10vh;
-
-      transform: rotate(-25deg);
-    }
-
-    @media screen and (orientation: landscape) {
-      .ps-page {
-        transform: rotate(-65deg);
-      }
-    }
-
-    .ps-page--link {
-      color: var(--foreground);
-      background: white;
-      margin-bottom: 6rem;
-      line-height: 3rem;
-      text-decoration: none;
-      text-align: center;
-      font-weight: 900;
-      font-size: 8rem;
-      padding: 0 200vw;
-      text-shadow: 5px 0px 0px white;
-      transition: text-shadow 0.1s ease;
-      white-space: nowrap;
-    }
-
-    .ps-page--link:hover {
-      text-shadow: 10px 0px 0px var(--accent);
-    }
-
-    .ps-background {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: flex-start;
-      justify-content: space-between;
-      speak: none;
-    }
-
-    .ps-background--logo {
-      width: calc(100vw / 9);
-      // height: 4rem;
-      margin: 0.1rem;
-    }
-
-    @media screen and (orientation: landscape) {
-      .ps-background--logo {
-        width: calc(100vw / 16);
-      }
-    }
-
-    .ps-background--1312 {
-      transform: rotate(34deg);
-      transform-origin: center center;
-      color: #eee;
-      position: fixed;
-      z-index: 1;
-      top: -50vh;
-      left: -50vw;
-      font-weight: 900;
-      font-size: 7rem;
-      line-height: 6rem;
-      width: 200vw;
-      height: 200vh;
-    }
-
-    .ps-logo {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      position: relative;
-      z-index: 1;
-      width: 100px;
-    }
-
-    .ps-logo--base {
-      animation-name: rotate;
-      animation-duration: 0.3s;
-      animation-timing-function: linear;
-      animation-play-state: paused;
-      animation-iteration-count: infinite;
-    }
-
-    .ps-logo--base:hover {
-      animation-play-state: running;
-    }
-
-    .ps-logo:nth-child(2n) .ps-logo--base { animation-delay: -0.1s; }
-    .ps-logo:nth-child(3n) .ps-logo--base { animation-delay: -0.3s; }
-    .ps-logo:nth-child(5n) .ps-logo--base { animation-delay: -0.5s; }
-    .ps-logo:nth-child(7n) .ps-logo--base { animation-delay: -7s; }
-    .ps-logo:nth-child(11n) .ps-logo--base { animation-delay: -0.9s; }
-    .ps-logo:nth-child(13n) .ps-logo--base { animation-delay: -1s; }
-
-    .ps-logo--base::before {
-      position: absolute;
-      display: block;
-      content: '';
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-
-    @keyframes rotate {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-    </style>
+    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
+    <link rel="stylesheet" type="text/css" href="/style.css?1" media="all" />
   </head>
-  <body>
-    <div class="ps-main">
-      <div id="background" class="ps-background ps-main--background">
-        <div id="x1312" class="ps-background--1312"></div>
-        <div id="logo" class="ps-logo ps-background--logo">
-          <svg data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 275.3 276.37" class="ps-logo--base"> <defs> <style> .cls-1, .cls-2{ fill:#ed1c24; } .cls-1{ stroke:#ed1c24; stroke-width:6.89px; } .cls-1, .cls-2, .cls-4{ stroke-miterlimit:10; } .cls-2{ stroke:#fff; stroke-width:4.72px; } .cls-3{ fill:#fff; } .cls-4{ stroke:#000; stroke-width:4.58px; } </style> </defs> <title>PubSolar logo</title> <path class="cls-1" d="M362.85,272.68v11.78l-4.39,1.84a18.38,18.38,0,0,0-11.24,15.8l-.59,9.43-7.92.61a18.38,18.38,0,0,0-15.53,11.22l-2.47,5.9H309.07a18.38,18.38,0,0,0-14.13,6.63l-6.8,8.17-10.58-3.17a18.38,18.38,0,0,0-14.89,1.95l-9.84,6-8.65-5.75a18.38,18.38,0,0,0-15.75-2.2l-10,3.17-5.88-7a18.38,18.38,0,0,0-15.43-6.51l-10.24.76-4.62-8.75a18.38,18.38,0,0,0-14.22-9.69l-9.7-1.08-1.89-10.65a18.38,18.38,0,0,0-11.06-13.77L134.7,283l.93-11.32a18.38,18.38,0,0,0-7-16l-6.52-5.06,3.55-8.77a18.38,18.38,0,0,0-1.77-17.13l-5.74-8.57,6.06-8a18.38,18.38,0,0,0,2.54-17.63l-3.93-10.34,5.12-2.87a18.38,18.38,0,0,0,9.31-17.78l-1.12-11.75,8.18-2.64a18.38,18.38,0,0,0,12.67-16l.75-9.5h6.44a18.38,18.38,0,0,0,17.59-13L184,99.13l12.19,1.25a18.38,18.38,0,0,0,17.27-8.25l4.11-6.3,8.21,3.79a18.38,18.38,0,0,0,20.12-3.14l5.85-5.36L261,88.21a18.38,18.38,0,0,0,18.23,2.32L287.76,87l6,7.67a18.38,18.38,0,0,0,15.32,7l11.25-.51,3.21,7.56a18.38,18.38,0,0,0,15.29,11.12l9.33.83.48,7.39A18.38,18.38,0,0,0,358.1,143l9.37,5.18-.71,11.41a18.38,18.38,0,0,0,7.43,15.93l7.14,5.26-3.79,10.66a18.38,18.38,0,0,0,2,16.27l5.57,8.45-6.46,10.31a18.38,18.38,0,0,0-2.11,14.77l2.66,9.38-9.63,7.93A18.38,18.38,0,0,0,362.85,272.68Z" transform="translate(-113.88 -76.62)"/> <circle class="cls-2" cx="137.72" cy="138.48" r="117.79"/> <path class="cls-3" d="M326.34,141.78A105.72,105.72,0,0,0,181.56,295.61,105.7,105.7,0,1,1,326.34,141.78Z" transform="translate(-113.88 -76.62)"/> <path class="cls-3" d="M180.73,231.12c.57,1.71,6.47,20.7,10,30s7.59,16.9,12.87,17.74,10.64-7.56,16.9-7.78c8.76-.31,13.68-1,18.13-8.12,3.56-5.67,9.9,1.76,25.87-7.49,8.71-5,26.56-4.08,43.4-11.91,20.26-9.42,6.82-12,6.83-24,0-3.84,3.66-4.88,9.42-7.17,3.82-1.52,9.75-4.8,8.63-8.92-1.24-4.55-.79-6.28-5.2-7.93-16.84-6.31-42.72,27-44.28-9.57-.55-13-13.2-15.39-21.5-15.55-4.33-.08-8,1.37-11-5.82-3.38-8.07-10.07-19.35-16.92-12s2,17.55,3.13,27c.19,1.55-.08,3-1.63,3.23a16.52,16.52,0,0,0-9.93,5.06c-4.27,4.41-8.18-2.59-15.09,3.8-6.32,5.85-13.27-.73-25.52-.41C164.19,191.84,180.73,231.12,180.73,231.12Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M200.74,254.41a27,27,0,0,0,1.31,3c2.16,4.33,1.11,2.86,3.11,6.36,1.22,2.13,4.06,6.21,2.11,6.86-1.68.56-4.06-1-4.75-3.08-.34-1-.59-2.08-.93-3.1-2.72-8.19-6.6-15.8-9.33-24-3-9-5.76-18.25-7.12-27.94-.46-3.57-3.28-10.18-.86-11,1.49-.49,2.14.53,2.48,1.55.74,2.23.09,2.45.5,3.66a1.31,1.31,0,0,0,1.7.78c1.68-.56,1.9-3.63,3.95-4.31,7.36-2.45,15.23,5.38,17.4,11.9,1.48,6-1.4,10.39-6.34,15.14a7.39,7.39,0,0,1-2.86,1.67c-2,.68-4.81.46-6.12.89s-1.61,1.36-1.15,2.76,1.21,2.7,1.67,4.1c.68,2,1.15,4.07,1.83,6.11a13.67,13.67,0,0,0,.71,1.83C198.94,249.94,200,252.18,200.74,254.41Zm-6.45-48.32c-6.52,2.17-4.88,13.31-3,19.08,1.3,3.91,4.19,5.44,8.09,4.14,5.59-1.86,9.23-8.65,7.37-14.24C205.11,211,199.22,204.45,194.29,206.09Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.34,197.41a.88.88,0,0,1,1.35.45c2.1,3.85,3.09,9.07,5.33,13.18,2.1,3.85,7.1,7,9.45,5.68,2.67-1.46,4.77-8.79,2.56-12.83-.64-1.17-1.64-2.24-2.5-3.8-1.32-2.41-2.15-6.11.13-7.35,1.37-.75,1.92-.2,2.31.52.07.13.08.29.15.43.25.46.59.78.84,1.23,1.1,2,1.14,4.88,1.54,6.86a21.85,21.85,0,0,0,2,6.08,14.16,14.16,0,0,0,4.19,4.74c.38.38,1,.73,1.24,1.18a1.24,1.24,0,0,1-.71,1.66c-.85.46-3.88-1.52-4.84-3.28-.21-.39-.3-.85-.55-1.31a.78.78,0,0,0-1.14-.23c-.65.36-.62,2.12-.83,2.82-.76,2-1.51,4.21-3.33,5.21-4,2.21-9.11-1.63-10.89-4.89-.43-.78-.79-1.6-1.25-2.45C219.43,207.58,215.43,197.91,216.34,197.41Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M251.1,184.25c.22.55.06,1.41,1.17,1,.62-.24.83-1.12,1.06-1.77a7.57,7.57,0,0,1,4.54-4.5c6.36-2.5,13.65,1.82,15.88,7.49,2.12,5.39,1,13.9-5.72,16.54a10.23,10.23,0,0,1-5.58.43,4,4,0,0,0-2-.18c-.9.35,0,2.33-1.08,2.74-1.94.76-3.25-.83-4.09-2.74-1.37-3.29-3.11-8.25-4.44-11.64s-2.43-7.19-3.84-10.79c-1.33-3.39-3-6.71-4.39-10.17-.6-1.52-1.13-3.07-1.7-4.52a17.75,17.75,0,0,0-2.25-4.31,1,1,0,0,1-.23-.39,1.46,1.46,0,0,1,1.06-1.77,1.54,1.54,0,0,1,2.14,1l.14.35a75.7,75.7,0,0,0,3.53,10.19c.35.9.8,1.84,1.15,2.74l-.07,0C247.73,177.34,249.77,180.86,251.1,184.25Zm8-3.06c-5.33,2.09-6.44,8.2-4.32,13.59a9.89,9.89,0,0,0,13,5.9c4.36-1.71,5.62-9.07,3.88-13.5C268.24,181.58,263.7,179.37,259.07,181.19Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.42,242.8c-.49-2.48,2.88-6.17,6.16-6.81,1.83-.36,4.94.47,5.28,2.22a1.91,1.91,0,0,1-1.12,2c-1.38.27-2.88-1.93-4.33-1.65s-3.39,2.41-3.13,3.72c.59,3,7.19,5.79,10.06,8.48a7,7,0,0,1,2.07,3.61,7.5,7.5,0,0,1-5.63,8.37c-5.76,1.13-9.07-3-11.63-6.81a2,2,0,0,1-.39-.83,1.4,1.4,0,0,1,1-1.71c.87-.17,1.43.7,1.86,1.38,1.5,3,4,6.41,8.28,5.57,2.7-.53,4.44-3.22,3.79-6.57C227.21,249.93,217.23,247,216.42,242.8Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M244.38,250.12c-6.18-5.9-6.33-14.67-2.63-18.54,2.46-2.58,9.1-4.36,13.13-.51,3.39,3.23,6.36,13.57,1.38,18.78a6.15,6.15,0,0,1-5.21,1.91,7.1,7.1,0,0,0-3.3.34c-.83.33-1,.34-1.85-.43-.27-.26-.59-.67-1.08-1.13Zm8.85-17.44a6.87,6.87,0,0,0-9.3.16c-2.62,2.74-1.09,12.22,1.38,14.58s7.16,2.94,9.68.3C258,244.55,257.58,236.83,253.23,232.67Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M269.24,237.75a63.21,63.21,0,0,0-2.83-6.39s-1-2.71-1.6-4.88c-.76-1.94-1.59-3.84-2.35-5.78-2.09-5.33-10.17-21.45-6.49-20.18,1.83.63,2.79.82,3.06,1.52a28.65,28.65,0,0,1,1,4.84c1.23,4.66,4.57,13.94,6.83,19.68.9,2.28,1.89,4.61,2.93,6.83,2,4.46,4.33,9.33,4.18,10.25C273.94,243.64,272.62,248.25,269.24,237.75Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M288.05,226.57c1-.37,1.51-1,1.29-2.58-.3-2.13-2.48-6.48-4.62-6.18-1.84.26-3.45,3.78-4.85,4-.59.08-1.23-.73-1.29-1.17-.26-1.84,4.38-4.66,5.92-4.88,5.22-.73,7.52,9.3,9.65,15.91.44,1.52,1,2.41,2.74,2.39.68.06,1.72,0,1.83.72A2.08,2.08,0,0,1,297,237c-1.25.17-2.61-1.51-3.64-1.37-2.06.29-3.5,3.94-6.3,4.33a4.31,4.31,0,0,1-4.94-3.66c0-.22,0-.45,0-.67C281.56,230.56,283.06,228.39,288.05,226.57ZM284.42,235c.21,1.47.62,2.84,2.54,2.57s5.26-4.26,5-6.32c-.33-2.36-2.1-2.71-3.91-2.76C285.44,228.81,284,231.64,284.42,235Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M306.07,208c2.38-.87,14.61-5.28,16.95-6.05.86-.23,1.94-.52,2.28.78.92,3.45-22.71,6-20.38,14.81,1.28,4.81,2.85,9.55,4,14.3.25.93.1,1.82-1,2.11-2.08.56-4.25-10.17-4.27-10.24C301.92,216.9,299.43,210.42,306.07,208Z" transform="translate(-113.88 -76.62)"/> </svg>
-        </div>
+  <body class="ps-main">
+    <div id="background" class="ps-background ps-main--background">
+      <div id="x1312" class="ps-background--1312"></div>
+      <div id="logo" class="ps-logo ps-background--logo">
+        <svg data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 275.3 276.37" class="ps-logo--base"> <defs> <style> .cls-1, .cls-2{ fill:#ed1c24; } .cls-1{ stroke:#ed1c24; stroke-width:6.89px; } .cls-1, .cls-2, .cls-4{ stroke-miterlimit:10; } .cls-2{ stroke:#fff; stroke-width:4.72px; } .cls-3{ fill:#fff; } .cls-4{ stroke:#000; stroke-width:4.58px; } </style> </defs> <title>PubSolar logo</title> <path class="cls-1" d="M362.85,272.68v11.78l-4.39,1.84a18.38,18.38,0,0,0-11.24,15.8l-.59,9.43-7.92.61a18.38,18.38,0,0,0-15.53,11.22l-2.47,5.9H309.07a18.38,18.38,0,0,0-14.13,6.63l-6.8,8.17-10.58-3.17a18.38,18.38,0,0,0-14.89,1.95l-9.84,6-8.65-5.75a18.38,18.38,0,0,0-15.75-2.2l-10,3.17-5.88-7a18.38,18.38,0,0,0-15.43-6.51l-10.24.76-4.62-8.75a18.38,18.38,0,0,0-14.22-9.69l-9.7-1.08-1.89-10.65a18.38,18.38,0,0,0-11.06-13.77L134.7,283l.93-11.32a18.38,18.38,0,0,0-7-16l-6.52-5.06,3.55-8.77a18.38,18.38,0,0,0-1.77-17.13l-5.74-8.57,6.06-8a18.38,18.38,0,0,0,2.54-17.63l-3.93-10.34,5.12-2.87a18.38,18.38,0,0,0,9.31-17.78l-1.12-11.75,8.18-2.64a18.38,18.38,0,0,0,12.67-16l.75-9.5h6.44a18.38,18.38,0,0,0,17.59-13L184,99.13l12.19,1.25a18.38,18.38,0,0,0,17.27-8.25l4.11-6.3,8.21,3.79a18.38,18.38,0,0,0,20.12-3.14l5.85-5.36L261,88.21a18.38,18.38,0,0,0,18.23,2.32L287.76,87l6,7.67a18.38,18.38,0,0,0,15.32,7l11.25-.51,3.21,7.56a18.38,18.38,0,0,0,15.29,11.12l9.33.83.48,7.39A18.38,18.38,0,0,0,358.1,143l9.37,5.18-.71,11.41a18.38,18.38,0,0,0,7.43,15.93l7.14,5.26-3.79,10.66a18.38,18.38,0,0,0,2,16.27l5.57,8.45-6.46,10.31a18.38,18.38,0,0,0-2.11,14.77l2.66,9.38-9.63,7.93A18.38,18.38,0,0,0,362.85,272.68Z" transform="translate(-113.88 -76.62)"/> <circle class="cls-2" cx="137.72" cy="138.48" r="117.79"/> <path class="cls-3" d="M326.34,141.78A105.72,105.72,0,0,0,181.56,295.61,105.7,105.7,0,1,1,326.34,141.78Z" transform="translate(-113.88 -76.62)"/> <path class="cls-3" d="M180.73,231.12c.57,1.71,6.47,20.7,10,30s7.59,16.9,12.87,17.74,10.64-7.56,16.9-7.78c8.76-.31,13.68-1,18.13-8.12,3.56-5.67,9.9,1.76,25.87-7.49,8.71-5,26.56-4.08,43.4-11.91,20.26-9.42,6.82-12,6.83-24,0-3.84,3.66-4.88,9.42-7.17,3.82-1.52,9.75-4.8,8.63-8.92-1.24-4.55-.79-6.28-5.2-7.93-16.84-6.31-42.72,27-44.28-9.57-.55-13-13.2-15.39-21.5-15.55-4.33-.08-8,1.37-11-5.82-3.38-8.07-10.07-19.35-16.92-12s2,17.55,3.13,27c.19,1.55-.08,3-1.63,3.23a16.52,16.52,0,0,0-9.93,5.06c-4.27,4.41-8.18-2.59-15.09,3.8-6.32,5.85-13.27-.73-25.52-.41C164.19,191.84,180.73,231.12,180.73,231.12Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M200.74,254.41a27,27,0,0,0,1.31,3c2.16,4.33,1.11,2.86,3.11,6.36,1.22,2.13,4.06,6.21,2.11,6.86-1.68.56-4.06-1-4.75-3.08-.34-1-.59-2.08-.93-3.1-2.72-8.19-6.6-15.8-9.33-24-3-9-5.76-18.25-7.12-27.94-.46-3.57-3.28-10.18-.86-11,1.49-.49,2.14.53,2.48,1.55.74,2.23.09,2.45.5,3.66a1.31,1.31,0,0,0,1.7.78c1.68-.56,1.9-3.63,3.95-4.31,7.36-2.45,15.23,5.38,17.4,11.9,1.48,6-1.4,10.39-6.34,15.14a7.39,7.39,0,0,1-2.86,1.67c-2,.68-4.81.46-6.12.89s-1.61,1.36-1.15,2.76,1.21,2.7,1.67,4.1c.68,2,1.15,4.07,1.83,6.11a13.67,13.67,0,0,0,.71,1.83C198.94,249.94,200,252.18,200.74,254.41Zm-6.45-48.32c-6.52,2.17-4.88,13.31-3,19.08,1.3,3.91,4.19,5.44,8.09,4.14,5.59-1.86,9.23-8.65,7.37-14.24C205.11,211,199.22,204.45,194.29,206.09Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.34,197.41a.88.88,0,0,1,1.35.45c2.1,3.85,3.09,9.07,5.33,13.18,2.1,3.85,7.1,7,9.45,5.68,2.67-1.46,4.77-8.79,2.56-12.83-.64-1.17-1.64-2.24-2.5-3.8-1.32-2.41-2.15-6.11.13-7.35,1.37-.75,1.92-.2,2.31.52.07.13.08.29.15.43.25.46.59.78.84,1.23,1.1,2,1.14,4.88,1.54,6.86a21.85,21.85,0,0,0,2,6.08,14.16,14.16,0,0,0,4.19,4.74c.38.38,1,.73,1.24,1.18a1.24,1.24,0,0,1-.71,1.66c-.85.46-3.88-1.52-4.84-3.28-.21-.39-.3-.85-.55-1.31a.78.78,0,0,0-1.14-.23c-.65.36-.62,2.12-.83,2.82-.76,2-1.51,4.21-3.33,5.21-4,2.21-9.11-1.63-10.89-4.89-.43-.78-.79-1.6-1.25-2.45C219.43,207.58,215.43,197.91,216.34,197.41Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M251.1,184.25c.22.55.06,1.41,1.17,1,.62-.24.83-1.12,1.06-1.77a7.57,7.57,0,0,1,4.54-4.5c6.36-2.5,13.65,1.82,15.88,7.49,2.12,5.39,1,13.9-5.72,16.54a10.23,10.23,0,0,1-5.58.43,4,4,0,0,0-2-.18c-.9.35,0,2.33-1.08,2.74-1.94.76-3.25-.83-4.09-2.74-1.37-3.29-3.11-8.25-4.44-11.64s-2.43-7.19-3.84-10.79c-1.33-3.39-3-6.71-4.39-10.17-.6-1.52-1.13-3.07-1.7-4.52a17.75,17.75,0,0,0-2.25-4.31,1,1,0,0,1-.23-.39,1.46,1.46,0,0,1,1.06-1.77,1.54,1.54,0,0,1,2.14,1l.14.35a75.7,75.7,0,0,0,3.53,10.19c.35.9.8,1.84,1.15,2.74l-.07,0C247.73,177.34,249.77,180.86,251.1,184.25Zm8-3.06c-5.33,2.09-6.44,8.2-4.32,13.59a9.89,9.89,0,0,0,13,5.9c4.36-1.71,5.62-9.07,3.88-13.5C268.24,181.58,263.7,179.37,259.07,181.19Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M216.42,242.8c-.49-2.48,2.88-6.17,6.16-6.81,1.83-.36,4.94.47,5.28,2.22a1.91,1.91,0,0,1-1.12,2c-1.38.27-2.88-1.93-4.33-1.65s-3.39,2.41-3.13,3.72c.59,3,7.19,5.79,10.06,8.48a7,7,0,0,1,2.07,3.61,7.5,7.5,0,0,1-5.63,8.37c-5.76,1.13-9.07-3-11.63-6.81a2,2,0,0,1-.39-.83,1.4,1.4,0,0,1,1-1.71c.87-.17,1.43.7,1.86,1.38,1.5,3,4,6.41,8.28,5.57,2.7-.53,4.44-3.22,3.79-6.57C227.21,249.93,217.23,247,216.42,242.8Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M244.38,250.12c-6.18-5.9-6.33-14.67-2.63-18.54,2.46-2.58,9.1-4.36,13.13-.51,3.39,3.23,6.36,13.57,1.38,18.78a6.15,6.15,0,0,1-5.21,1.91,7.1,7.1,0,0,0-3.3.34c-.83.33-1,.34-1.85-.43-.27-.26-.59-.67-1.08-1.13Zm8.85-17.44a6.87,6.87,0,0,0-9.3.16c-2.62,2.74-1.09,12.22,1.38,14.58s7.16,2.94,9.68.3C258,244.55,257.58,236.83,253.23,232.67Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M269.24,237.75a63.21,63.21,0,0,0-2.83-6.39s-1-2.71-1.6-4.88c-.76-1.94-1.59-3.84-2.35-5.78-2.09-5.33-10.17-21.45-6.49-20.18,1.83.63,2.79.82,3.06,1.52a28.65,28.65,0,0,1,1,4.84c1.23,4.66,4.57,13.94,6.83,19.68.9,2.28,1.89,4.61,2.93,6.83,2,4.46,4.33,9.33,4.18,10.25C273.94,243.64,272.62,248.25,269.24,237.75Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M288.05,226.57c1-.37,1.51-1,1.29-2.58-.3-2.13-2.48-6.48-4.62-6.18-1.84.26-3.45,3.78-4.85,4-.59.08-1.23-.73-1.29-1.17-.26-1.84,4.38-4.66,5.92-4.88,5.22-.73,7.52,9.3,9.65,15.91.44,1.52,1,2.41,2.74,2.39.68.06,1.72,0,1.83.72A2.08,2.08,0,0,1,297,237c-1.25.17-2.61-1.51-3.64-1.37-2.06.29-3.5,3.94-6.3,4.33a4.31,4.31,0,0,1-4.94-3.66c0-.22,0-.45,0-.67C281.56,230.56,283.06,228.39,288.05,226.57ZM284.42,235c.21,1.47.62,2.84,2.54,2.57s5.26-4.26,5-6.32c-.33-2.36-2.1-2.71-3.91-2.76C285.44,228.81,284,231.64,284.42,235Z" transform="translate(-113.88 -76.62)"/> <path class="cls-4" d="M306.07,208c2.38-.87,14.61-5.28,16.95-6.05.86-.23,1.94-.52,2.28.78.92,3.45-22.71,6-20.38,14.81,1.28,4.81,2.85,9.55,4,14.3.25.93.1,1.82-1,2.11-2.08.56-4.25-10.17-4.27-10.24C301.92,216.9,299.43,210.42,306.07,208Z" transform="translate(-113.88 -76.62)"/> </svg>
       </div>
-      <main class="ps-main--page ps-page">
-        <a href="https://en.wikipedia.org/wiki/Free_software" target="_blank" class="ps-page--link">Fucking Free</a>
-        <a href="https://get.pub.solar/" target="_blank" class="ps-page--link">PubSolarOS</a>
-        <a href="https://element.pub.solar/" target="_blank" class="ps-page--link">Matrix</a>
-        <a href="https://mastodon.pub.solar/" target="_blank" class="ps-page--link">Mastodon</a>
-        <a href="https://matrix.to/#/@teutat3s:pub.solar" target="_blank" class="ps-page--link">@teutat3s</a>
-        <a href="https://matrix.to/#/@b12f:pub.solar/" target="_blank" class="ps-page--link">@b12f</a>
-      </main>
     </div>
+    <main class="ps-main--page ps-page ps-page_home">
+      <a href="https://en.wikipedia.org/wiki/Free_software" target="_blank" class="ps-page--link">Fucking Free</a>
+      <a href="https://get.pub.solar/" target="_blank" class="ps-page--link">PubSolarOS</a>
+      <a href="https://element.pub.solar/" target="_blank" class="ps-page--link">Matrix</a>
+      <a href="https://mastodon.pub.solar/" target="_blank" class="ps-page--link">Mastodon</a>
+      <a href="https://cloud.pub.solar/" target="_blank" class="ps-page--link">Nextcloud</a>
+      <a href="./about" target="_blank" class="ps-page--link">About</a>
+      <a href="./about" target="_blank" class="ps-page--link">Imprint</a>
+      <a href="./about" target="_blank" class="ps-page--link">Privacy policy</a>
+    </main>
     <script>
       document.getElementById('x1312').innerHTML = (new Array(400)).fill("0x1312").join(" ");
       const background = document.getElementById("background");
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..1ab23f9
--- /dev/null
+++ b/style.css
@@ -0,0 +1,271 @@
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(/assets/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url(/assets/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(/assets/opensans/v20/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url(/assets/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  --accent: #ed1c24;
+  --foreground: #000;
+  --background: #fff;
+
+  font-family: 'Open Sans', Arial, sans-serif;
+  font-weight: 900;
+  background: var(--background);
+  color: var(--foreground);
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  box-sizing: border-box;
+  width: 100vw;
+  height: 100vh;
+  margin: 0;
+  font-size: 1vw;
+}
+
+.ps-main {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  height: 100vh;
+  width: 100vw;
+  margin: 0;
+  overflow: hidden;
+  position: relative;
+}
+
+.ps-main--background {
+  position: fixed;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+}
+
+.ps-main--page {
+  color: grey;
+  z-index: 1;
+}
+
+.ps-page {
+  display: flex;
+  overflow: auto;
+  width: 100vw;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 0;
+  padding-top: 10vw;
+  padding-bottom: 10vw;
+}
+
+@media screen and (min-width: 1000px) {
+  .ps-page {
+    pointer-events: none;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .ps-page {
+    padding: 1vw;
+    flex-direction: row;
+    align-items: flex-start;
+  }
+}
+
+.ps-page_home {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.ps-page--section {
+  margin-top: 10vh;
+  margin-bottom: 10vh;
+  padding: 5vw;
+  max-width: 700px;
+  flex-basis: 100%;
+  font-size: 16px;
+  flex-shrink: 1;
+  pointer-events: all;
+  color: var(--foreground);
+  background: white;
+  word-break: break-word;
+}
+
+@media screen and (min-width: 1200px) {
+  .ps-page--section {
+    margin: 1vw;
+  }
+}
+
+.ps-page--section a {
+  color: var(--accent);
+  border-bottom: 1px solid white;
+  transition: border-bottom 0.1s ease;
+  text-decoration: none;
+}
+
+.ps-page--section a:hover {
+  border-bottom: 4px solid var(--accent);
+}
+
+.ps-page--link {
+  pointer-events: all;
+  color: var(--foreground);
+  background: white;
+  text-decoration: none;
+  text-align: center;
+  font-weight: 900;
+  font-size: 12rem;
+  line-height: 1em;
+  padding: 0.2vw;
+  margin: 2vw;
+  text-shadow: 0.15vw 0px 0px white;
+  transition: text-shadow 0.1s ease;
+  border: 12px solid black;
+}
+
+.ps-page--link:hover {
+  text-shadow: 0.3vw 0px 0px var(--accent);
+}
+
+@media screen and (min-width: 700px) {
+  .ps-page--link {
+    font-size: 8rem;
+  }
+}
+
+@media screen and (min-width: 1000px) {
+  .ps-page--link {
+    font-size: 4rem;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .mobile-only {
+    display: none;
+  }
+}
+
+@media screen and (min-width: 1000px) {
+  .ps-page--link {
+    font-size: 4rem;
+  }
+}
+
+.ps-background {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  speak: none;
+}
+
+.ps-background--logo {
+  width: calc(100vw / 9);
+  // height: 4rem;
+  margin: 0.1rem;
+}
+
+@media screen and (orientation: landscape) {
+  .ps-background--logo {
+    width: calc(100vw / 16);
+  }
+}
+
+.ps-background--1312 {
+  transform: rotate(34deg);
+  transform-origin: center center;
+  color: #eee;
+  position: fixed;
+  z-index: 1;
+  top: -50vh;
+  left: -50vw;
+  font-weight: 900;
+  font-size: 7rem;
+  line-height: 6rem;
+  width: 200vw;
+  height: 200vh;
+}
+
+.ps-logo {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  z-index: 1;
+  width: 100px;
+}
+
+.ps-logo--base {
+  animation-name: rotate;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-play-state: paused;
+  animation-iteration-count: infinite;
+}
+
+.ps-logo--base:hover {
+  animation-play-state: running;
+}
+
+.ps-logo:nth-child(2n) .ps-logo--base { animation-delay: -0.1s; }
+.ps-logo:nth-child(3n) .ps-logo--base { animation-delay: -0.3s; }
+.ps-logo:nth-child(5n) .ps-logo--base { animation-delay: -0.5s; }
+.ps-logo:nth-child(7n) .ps-logo--base { animation-delay: -7s; }
+.ps-logo:nth-child(11n) .ps-logo--base { animation-delay: -0.9s; }
+.ps-logo:nth-child(13n) .ps-logo--base { animation-delay: -1s; }
+
+.ps-logo--base::before {
+  position: absolute;
+  display: block;
+  content: '';
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
