new file: FuturaLT-Heavy.ttf

new file: Sputnik/index.html new file: Sputnik/style.css new file: index.html new file: style.css
3 weeks ago · d3cbb4c528
commit d3cbb4c528
5 changed files with 114 additions and 0 deletions
--- a/FuturaLT-Heavy.ttf
+++ b/FuturaLT-Heavy.ttf
--- a/Sputnik/index.html
+++ b/Sputnik/index.html
@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel="stylesheet" href="style.css">
+        <title>SputnikOS</title>
+    </head>
+    <body>
+        <div class="name">
+            <h1>SputnikOS</h1>
+        </div>
+        <div class="text">
+            <p>Our objective is to make the Internet a decentralized and surveilance free place for everyone out there. Let's speak out for everybody out there who gets opressed. Otherwise it will be you one day.</p>
+        </div>
+    </body>
+    <footer>
+        <div class="flag-text">
+            <p>🇵🇸Free Palestine🇵🇸 🇺🇦Слава Україні🇺🇦 🇾🇪الموت لأمريكا🇾🇪</p>
+        </div>
+    </footer>
+</html>
--- a/Sputnik/style.css
+++ b/Sputnik/style.css
@ -0,0 +1,43 @@
+body {
+    display: flex;
+    flex-wrap:wrap;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background: #55052c;
+  }
+  .name{
+    font-weight: 700;
+    text-align: center;
+    font-size: 40px;
+    font-weight:600;
+    font-family: Hack, sans-serif;
+    text-transform: uppercase;
+    background: linear-gradient(90deg, #55052c, #00d791, #00d791, #55052c);
+    letter-spacing: 5px;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-repeat: no-repeat;
+    background-size: 80%;
+    animation: shine 5s linear infinite;
+    position: relative;
+  }
+  
+  @keyframes shine {
+    0% {
+      background-position: -500%;
+    }
+    100% {
+      background-position: 500%;
+    }
+  }
+
+  .text{
+    color: white;
+    font-family: sans-serif;
+  }
+
+  .flag-text{
+    color: #00d791;
+    font-family: sans-serif;
+  }
--- a/index.html
+++ b/index.html
@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link rel="stylesheet" href="./style.css">
+        <title>Communist Internet Federation</title>
+    </head>
+    <body>
+        <h1 class="slidefadein">Communist Internet Federation</h1>
+        <p class="slidefadein">This side is still heavily under construction</p>
+        <p class="slidefadein">In the meantime check out our <a href="https://lemmy.cif.su/">Lemmy Instance</a></p>
+    
+
+      <footer>
+            <p><a href="https://search.cif.su/">Search</a></p>
+            <p><a href="https://lemmy.cif.su/">Lemmy</a></p>
+            <p><a href="https://code.cif.su">Code</a></p>
+        </footer> 
+    </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,32 @@
+@font-face {
+  font-family: "Futura";
+  src: url("./FuturaLT-Heavy.ttf") format("truetype");
+}
+
+body{
+  position:absolute;
+  margin-top: 10px;
+  font-family: "Futura";
+}
+
+footer{ 
+  position: fixed; 
+  bottom: 0px; 
+  width:100%; 
+  height: 75px;
+  display: flex;
+  justify-content: space-around;
+}
+
+.slidefadein {
+    opacity: 0;
+    transform: translateY(100px);
+    animation: slideAndFade 0.5s ease-in-out forwards;
+   }
+ 
+   @keyframes slideAndFade {
+    to {
+     opacity: 1;
+     transform: translateY(0);
+    }
+   }