new file: FuturaLT-Heavy.ttf

new file: index.html new file: style.css
3 weeks ago · 5a728445b5
parent c0897ef317
commit 5a728445b5
3 changed files with 49 additions and 0 deletions
--- a/FuturaLT-Heavy.ttf
+++ b/FuturaLT-Heavy.ttf
--- a/index.html
+++ b/index.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+    <html>
+        <head>
+            <title>CiF Political DB</title>
+            <link href="style.css" rel="stylesheet"
+        </head>
+
+        <body>
+            <h1>The Political DB</h1>
+            <p>On this Site we try our best go give a netral and simple, yet comprehensive overview of the Ideologies and Goverments all around the World. </p>
+            <h2 class="disclaimer">⚠ DISCLAIMER ⚠</h2>
+            <p class="disclaimer">This Site is still heavily under construction, and in this point in time not a reliable source of Information</p>
+        </body>
+    </html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,35 @@
+@font-face {
+    font-family: "Futura";
+    src: url("./FuturaLT-Heavy.ttf") format("truetype");
+  }
+
+:root {
+    --background: #fff3f9;
+    --text: #ffa7c7;
+    --highlight: #ff5a99;
+}
+  
+  body {
+    background: var(--background);
+    color: var(--text);
+    position:absolute;
+    margin-top: 10px;
+    font-family: Futura;
+    }
+
+.disclaimer {
+        color: red;
+    }
+
+  body {
+    opacity: 0;
+    transform: translateY(100px);
+    animation: slideAndFade 0.5s ease-in-out forwards;
+   }
+ 
+   @keyframes slideAndFade {
+    to {
+     opacity: 1;
+     transform: translateY(0);
+    }
+   }