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

65
src/index.html
View file

@ -1,40 +1,37 @@
<!DOCTYPE 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>
<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>
<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>
<link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
<title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="../assets/favicon.png" />
</head>
<body>
<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 id="main">
<div id="home"></div>
<div id="content">
<div id="contentinner"></div>
<a id="back"></a>
</div>
</div>
<div id="main">
<div id="home"></div>
<div id="content">
<div id="contentinner"></div>
<a id="back"></a>
</div>
<script src="./script.ts" type="module"></script>
</body>
</div>
<script src="./script.ts" type="module"></script>
</body>
</html>

17
src/style.css
View file

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