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

15
src/index.html
View file

@ -1,16 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta <meta name="viewport" content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
name="viewport" charset="utf-8" />
content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
charset="utf-8"
/>
<link rel="stylesheet" href="./style.css" /> <link rel="stylesheet" href="./style.css" />
<script <script src="https://kit.fontawesome.com/c6918a20c8.js" crossorigin="anonymous"></script>
src="https://kit.fontawesome.com/c6918a20c8.js" <link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
crossorigin="anonymous"
></script>
<title>HertzSCHLAG Archiv</title> <title>HertzSCHLAG Archiv</title>
<link rel="icon" type="image/png" href="../assets/favicon.png" /> <link rel="icon" type="image/png" href="../assets/favicon.png" />
</head> </head>
@ -37,4 +33,5 @@
</div> </div>
<script src="./script.ts" type="module"></script> <script src="./script.ts" type="module"></script>
</body> </body>
</html> </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;