TheAdversary/frontend
4
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

Big Design Update #2

Merged
davidml merged 17 commits from dev into master 2021-12-15 15:21:54 +00:00
Conversation 0 Commits 17 Files Changed 4 +39 -50
1 changed files with 39 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit cbba9e1f0a - Show all commits

89
html/landingpage.html
View File

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