Heavily improved design

This commit is contained in:
2021-12-15 15:18:08 +00:00
parent 1cf3459a6b
commit cbba9e1f0a

View File

@@ -5,12 +5,17 @@
<meta charset="utf-8">
<title>THE ADVERSARY</title>
<link rel="stylesheet" href="../sass/index.css">
<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">
</head>
<body>
<div class="navigation">
<a href="#">HOME</a>
<img id="logo" src="../img/logodark.svg">
<a href="#">LINUX</a>
<a href="#">OPEN SOURCE</a>
<a href="#">OPINION</a>
@@ -19,92 +24,76 @@
<div class="content">
<div class="articles">
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
<h3>Java is trash, and here is the proof.</h3>
</div>
<div class="article-description">
<p>OPINION DAVID 15.12.2021</p>
</div>
<div class="article-body">
<p>SomeText</p>
<p>After a recent vulnerability voices get louder that demand to retire the language.</p>
</div>
</div>
</a>
<div class="divider"></div>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
<h3>Render fractals on canvas with WASM.</h3>
</div>
<div class="article-description">
<p>PROGRAMMING DAVID 15.12.2021</p>
</div>
<div class="article-body">
<p>SomeText</p>
<p>Learn how to render mandelbrot fractals with web assembly.</p>
</div>
</div>
</a>
<div class="divider"></div>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
<h3>Write directly to the framebuffer with Rust.</h3>
</div>
<div class="article-description">
<p>LINUX DAVID 15.12.2021</p>
</div>
<div class="article-body">
<p>SomeText</p>
<p>Learn how to access the framebuffer with Rust.</p>
</div>
</div>
</a>
<div class="divider"></div>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
<h3>Kobalt a simple webserver for testing.</h3>
</div>
<div class="article-description">
<p>OPEN SOURCE DAVID 15.12.2021</p>
</div>
<div class="article-body">
<p>SomeText</p>
</div>
</div>
</a>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
</div>
<div class="article-body">
<p>SomeText</p>
</div>
</div>
</a>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
</div>
<div class="article-body">
<p>SomeText</p>
</div>
</div>
</a>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
</div>
<div class="article-body">
<p>SomeText</p>
</div>
</div>
</a>
<a href="#">
<div class="article">
<div class="article-header">
<h3>The World is Burning</h3>
</div>
<div class="article-body">
<p>SomeText</p>
<p>Meet kobalt, the new fast and simple production ready webserver.</p>
</div>
</div>
</a>
</div>
</div>
</body>
<footer>
<div class="foot">
<a>ABOUT</a>
<a>IMPRESSUM</a>
<a>CONTACT</a>
</div>