Lot of updates lol

This commit is contained in:
2022-02-04 21:49:53 +01:00
parent df4f4da3d3
commit bbc4a796de
8 changed files with 137 additions and 6 deletions

View File

@@ -151,6 +151,34 @@ i {
margin-right: 20px; margin-right: 20px;
} }
.about-section {
font-family: "Roboto", sans-serif;
width: 60%;
text-align: center;
margin:auto;
}
.legal-section {
font-family: "Roboto", sans-serif;
width: 60%;
margin:auto;
}
.legal-section p {
margin-bottom: 5%;
}
.contact-section {
font-family: "Roboto", sans-serif;
width: 60%;
margin:auto;
}
.contact-section p {
margin-bottom: 5%;
}
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.navigation { .navigation {
flex-direction: column; flex-direction: column;

32
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</a>
</div>
<div class="about-section">
<h1>About</h1>
<p>Bla Bla Bla</p>
</div>
</body>
<footer>
<div class="foot">
<a>ABOUT</a>
<a>LEGAL NOTICE</a>
<a>CONTACT</a>
</div>
</footer>
</html>

View File

@@ -7,7 +7,7 @@
<link rel="icon" type="image/x-icon" href="img/logodark.svg"> <link rel="icon" type="image/x-icon" href="img/logodark.svg">
<base href="{{.BasePath}}"> <base href="{{.BasePath}}">
<link rel="stylesheet" href="sass/index.css"> <link rel="stylesheet" href="../css/index.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

37
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>

View File

@@ -7,7 +7,7 @@
<link rel="icon" type="image/x-icon" href="img/logodark.svg"> <link rel="icon" type="image/x-icon" href="img/logodark.svg">
<base href="{{.BasePath}}"> <base href="{{.BasePath}}">
<link rel="stylesheet" href="sass/index.css"> <link rel="stylesheet" href="css/index.css">
<script src="js/api.js" type="text/javascript"></script> <script src="js/api.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript" defer></script> <script src="js/main.js" type="text/javascript" defer></script>
@@ -23,7 +23,7 @@
<div class="navigation"> <div class="navigation">
<img id="logo" src="img/logodark.svg"> <img id="logo" src="img/logodark.svg">
<a href="#">Home</a> <a href="#">Home</a>
<a href="#">About</a> <a href="html/about.html">About</a>
<a href="#">Categories</a> <a href="#">Categories</a>
</div> </div>
@@ -102,9 +102,9 @@
<footer> <footer>
<div class="foot"> <div class="foot">
<a>ABOUT</a> <a href="html/about.html">ABOUT</a>
<a>IMPRINT</a> <a href="html/contact.html">CONTACT</a>
<a>CONTACT</a> <a href="html/legal-notice.html">LEGAL NOTICE</a>
</div> </div>
</footer> </footer>

34
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>