maltejur/hsarch
maltejur/hsarch
1
0
Fork 0
Code Activity

fixes

Browse source
This commit is contained in:
Malte Jürgens 2022-02-16 18:07:09 +01:00
parent b8337934c7
commit 7db0abdc9d
Signed by: maltejur
GPG key ID: D29FBD5F93C0CFC3
2 changed files with 42 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/index.html
View file

@ -1,40 +1,37 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<meta
name="viewport"
content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
charset="utf-8"
/>
<link rel="stylesheet" href="./style.css" />
<script
src="https://kit.fontawesome.com/c6918a20c8.js"
crossorigin="anonymous"
></script>
<title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="../assets/favicon.png" />
</head>
<body> <head>
<div id="header"> <meta name="viewport" content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
<img src="../assets/hertzlinie_l.svg" class="welle-l" /> charset="utf-8" />
<img src="../assets/hertzlinie_r.svg" class="welle-r" /> <link rel="stylesheet" href="./style.css" />
<div id="innerHeader"> <script src="https://kit.fontawesome.com/c6918a20c8.js" crossorigin="anonymous"></script>
<a href="#"> <link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
<h1>HertzSCHLAG Archiv</h1> <title>HertzSCHLAG Archiv</title>
</a> <link rel="icon" type="image/png" href="../assets/favicon.png" />
<nav> </head>
<a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
</nav> <body>
</div> <div id="header">
<img src="../assets/hertzlinie_l.svg" class="welle-l" />
<img src="../assets/hertzlinie_r.svg" class="welle-r" />
<div id="innerHeader">
<a href="#">
<h1>HertzSCHLAG Archiv</h1>
</a>
<nav>
<a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
</nav>
</div> </div>
<div id="main"> </div>
<div id="home"></div> <div id="main">
<div id="content"> <div id="home"></div>
<div id="contentinner"></div> <div id="content">
<a id="back"></a> <div id="contentinner"></div>
</div> <a id="back"></a>
</div> </div>
<script src="./script.ts" type="module"></script> </div>
</body> <script src="./script.ts" type="module"></script>
</html> </body>
</html>

17
src/style.css
View file

@ -1,6 +1,6 @@
html { html {
font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
height: 100%; height: 100%;
width: 100vw; width: 100vw;
overflow-x: hidden; overflow-x: hidden;
@ -59,7 +59,7 @@ body {
font-weight: 400 !important; font-weight: 400 !important;
position: fixed; position: fixed;
left: 50px; left: 50px;
top: 9px; top: 8px;
} }
#header nav { #header nav {
@ -274,6 +274,12 @@ iframe {
} }
} }
@media only screen and (max-width: 800px) {
#header nav {
display: none;
}
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.grid { .grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
@ -293,10 +299,7 @@ iframe {
font-size: 1.5em; font-size: 1.5em;
} }
#home { .grid,
padding-top: 4em !important;
}
#main { #main {
height: calc(100% - 4em) !important; height: calc(100% - 4em) !important;
padding-top: 4em !important; padding-top: 4em !important;