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);
    }
   }