added landingpage title

html/landingpage.html

@@ -8,7 +8,7 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
 
   </head>
 
@@ -22,6 +22,10 @@
       <a href="#">PROGRAMMING</a>
     </div>
 
+    <div class="header-title">
+      <h1>The Adversary</h1>
+      <h2>Assault penguins to the Power</h2>
+    </div>
     <div class="content">
       <div class="articles">
 
@@ -31,7 +35,7 @@
               <h3>Java is trash, and here is the proof.</h3>
             </div>
             <div class="article-description">
-              <p>OPINION   DAVID   15.12.2021</p>
+              <p><i>OPINION</i><i>DAVID</i><i>15.12.2021</i></p>
             </div>
             <div class="article-body">
               <p>After a recent vulnerability voices get louder that demand to retire the language.</p>
@@ -47,7 +51,7 @@
               <h3>Render fractals on canvas with WASM.</h3>
             </div>
             <div class="article-description">
-              <p>PROGRAMMING  DAVID   15.12.2021</p>
+              <p><i>PROGRAMMING</i><i>DAVID</i><i>15.12.2021</i></p>
             </div>
             <div class="article-body">
               <p>Learn how to render mandelbrot fractals with web assembly.</p>
@@ -63,7 +67,7 @@
               <h3>Write directly to the framebuffer with Rust.</h3>
             </div>
             <div class="article-description">
-              <p>LINUX   DAVID   15.12.2021</p>
+              <p><i>LINUX</i><i>DAVID</i><i>15.12.2021</i></p>
             </div>
             <div class="article-body">
               <p>Learn how to access the framebuffer with Rust.</p>
@@ -79,7 +83,7 @@
               <h3>Kobalt a simple webserver for testing.</h3>
             </div>
             <div class="article-description">
-              <p>OPEN SOURCE   DAVID   15.12.2021</p>
+              <p><i>OPEN SOURCE</i><i>DAVID</i><i>15.12.2021</i></p>
             </div>
             <div class="article-body">
               <p>Meet kobalt, the new fast and simple production ready webserver.</p>

sass/index.css

@@ -18,12 +18,36 @@ h3 {
   font-size: 200%;
   margin: 0;
 }
-
+.article-description i {
+    padding: 0 15px 0 0;
+    text-decoration: none;
+    font-style: normal;
+}
 p {
   margin: 0;
   font-size: 150%;
 }
 
+.header-title {
+    height: 300px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-family: 'Staatliches', sans-serif;
+}
+
+.header-title h1 {
+    font-size: 90px;
+    letter-spacing: 30px;
+    margin: 0;
+}
+.header-title h2 {
+    font-size: 30px;
+    letter-spacing: 10px;
+    margin: 0;
+}
+
 .divider {
   height: 3px;
   background-color: #ad080f;