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

Added Frontend

Browse Source
This commit is contained in:
David Maul
2022-02-06 22:25:00 +01:00
parent daab052928
commit 303d58c87b
19 changed files with 1680 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/html/about.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<link rel="stylesheet" href="../css/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&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="navigation">
<img id="logo" src="../img/logodark.svg">
<a href="../">Home</a>
<a href="about.html">About</a>
</div>
<div class="about-section">
<h1>About</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</body>
<footer>
<div class="foot">
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
<a href="legal-notice.html">LEGAL NOTICE</a>
</div>
</footer>
</html>

94
frontend/html/article.gohtml Normal file
View File

@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<title>{{.Title}}</title>
<link rel="icon" type="image/x-icon" href="img/logodark.svg">
<base href="{{.BasePath}}">
<link rel="stylesheet" href="css/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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{.Title}}">
<meta name="og:title" content="{{.Title}}">
<meta name="description" content="{{.Summary}}">
<meta name="og:description" content="{{.Summary}}">
<link rel="img" src="{{.Image}}">
<meta name="og:image" content="{{.Image}}">
{{if .Authors}}
<meta name="author" content="{{index .Authors 0}}">
{{end}}
<meta name="keywords" content="{{.Tags}}">
</head>
<body>
<div class="navigation">
<img id="logo" src="img/logodark.svg">
<a href="#">Home</a>
<a href="html/about.html">About</a>
</div>
<div class="content">
<div class="articles">
<div class="article">
<div class="article-header">
<h3>{{.Title}}</h3>
</div>
{{if .Image}}
<div class="article-image">
<img src="{{.Image}}" alt="">
</div>
{{end}}
<div class="article-date">
<p>{{.Date}}</p>
{{if .Modified}}
<i>(modified)</i>
{{end}}
</div>
<div class="article-authors">
{{range .Authors}}
<p>{{.}}</p>
{{end}}
</div>
<div class="article-tags">
{{range .Tags}}
<p>{{.}}</p>
{{end}}
</div>
{{if .Summary}}
<div class="article-summary">
<p>{{.Summary}}</p>
</div>
{{end}}
<div class="article-body fulltext">
{{.Content}}
</div>
</div>
</div>
</div>
</body>
<footer>
<div class="foot">
<a href="html/about.html">ABOUT</a>
<a href="html/contact.html">CONTACT</a>
<a href="html/legal-notice.html">LEGAL NOTICE</a>
</div>
</footer>
</html>

37
frontend/html/contact.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<title>Contact</title>
<link rel="stylesheet" href="../css/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&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="navigation">
<img id="logo" src="../img/logodark.svg" alt="Logo">
<a href="../">Home</a>
<a href="about.html">About</a>
</div>
<div class="contact-section">
<h1>Contact</h1>
<p>Twitter: theadversary</p>
<p>Instagram: theadversary</p>
<p>E-Mail: contact@theadversary.org</p>
<p>Post: Jahnstraße 5, Hühnfeld, Hessen, Deutschland</p>
</div>
</body>
<footer>
<div class="foot">
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
<a href="legal-notice.html">LEGAL NOTICE</a>
</div>
</footer>
</html>

65
frontend/html/landingpage.gohtml Normal file
View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<title>THE ADVERSARY</title>
<link rel="icon" type="image/x-icon" href="img/logodark.svg">
<base href="{{.BasePath}}">
<link rel="stylesheet" href="css/index.css">
<script src="js/api.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" defer></script>
<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&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="navigation">
<img id="logo" src="img/logodark.svg">
<a href="#">Home</a>
<a href="html/about.html">About</a>
<input oninput="updateSeach(this.value)" type="text" placeholder="Search" name="" value="">
</div>
<div class="header-title">
<h1>The Adversary</h1>
<h2>Assault penguins to the Power</h2>
</div>
<div class="content">
<div id="articles" class="articles">
<!--
<a href="#">
<div class="article">
<div class="article-header">
<h3>Java is trash, and here is the proof.</h3>
</div>
<div class="article-description">
<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>
</div>
</div>
</a>
<div class="divider"></div>
-->
</div>
</div>
</body>
<footer>
<div class="foot">
<a href="html/about.html">ABOUT</a>
<a href="html/contact.html">CONTACT</a>
<a href="html/legal-notice.html">LEGAL NOTICE</a>
</div>
</footer>
</html>

34
frontend/html/legal-notice.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<link rel="stylesheet" href="../css/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&family=Staatliches:wght@400;500&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="navigation">
<img id="logo" src="../img/logodark.svg">
<a href="../">Home</a>
<a href="about.html">About</a>
</div>
<div class="legal-section">
<h1>Legal Notice</h1>
<p>The information contained in this website is for general information purposes only. The information is provided by The Adversary and while we endeavour to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is therefore strictly at your own risk.</p>
<p>Through this website you are able to link to other websites which are not under the control of The Adversary. We have no control over the nature, content and availability of those sites. The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.</p>
<p>Every effort is made to keep the website up and running smoothly. However, The Adversary takes no responsibility for, and will not be liable for, the website being temporarily unavailable due to technical issues beyond our control.</p>
</div>
</body>
<footer>
<div class="foot">
<a href="about.html">ABOUT</a>
<a href="contact.html">CONTACT</a>
<a href="legal-notice.html">LEGAL NOTICE</a>
</div>
</footer>
</html>