Merge pull request #14 from F-D-G-L/main

Followup
pull/43/head
Markus Steinlein 4 years ago committed by GitHub
commit 97137fbb49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -13,6 +13,19 @@ html {
line-height: 1.5; line-height: 1.5;
} }
/*
On modern smartphones with high dpi screens, we have to enlarge the font in portrait mode
*/
@media only screen and (-moz-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 2/1) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 2) and (orientation: portrait) {
html {
font-size: 2.5rem;
}
}
body { body {
text-size-adjust:100%; text-size-adjust:100%;
background-attachment: fixed; background-attachment: fixed;
@ -48,6 +61,11 @@ h1, h2, h3, h4, h5, h6, .site-title {
text-rendering:optimizeLegibility text-rendering:optimizeLegibility
} }
.site-title, .site-subtitle {
text-align: center;
}
h1 { h1 {
font-size:2rem font-size:2rem
} }
@ -168,7 +186,10 @@ img[src $= "#illustration"] {
} }
@media (min-width: 49rem) { /*
Landscape mode: Navbar to the left.
*/
@media (min-width: 49rem) and (orientation: landscape) {
body { body {
flex-direction: row; flex-direction: row;
min-height: 100vh; min-height: 100vh;
@ -197,9 +218,9 @@ img[src $= "#illustration"] {
#sidebar .site-title { #sidebar .site-title {
font-size:3.25rem; font-size:3.25rem;
text-align: center;
} }
#sidebar .site-title .back-arrow { #sidebar .site-title .back-arrow {
display:none display:none
} }
@ -251,14 +272,18 @@ img[src $= "#illustration"] {
text-decoration:underline text-decoration:underline
} }
@media screen and (max-width: 783px) { /*
Portrait with navigation on top. Mostly for smartphones.
*/
@media screen and (max-width: 783px), (orientation: portrait) {
.container > .content { .container > .content {
padding:1.5rem padding:1.5rem
} }
#sidebar #sidebar-nav-links { #sidebar #sidebar-nav-links {
flex-direction: row; flex-direction: row;
justify-content:space-evenly justify-content:space-evenly;
flex-wrap: wrap;
} }
#sidebar #sidebar-nav-links a { #sidebar #sidebar-nav-links a {

@ -14,7 +14,7 @@
<div class="site-title"> <div class="site-title">
<a href="{{ url_for("index") }}"> <a href="{{ url_for("index") }}">
<img src="{{ url_for('static', filename='logo.png') }}" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/> <img src="{{ url_for('static', filename='logo.png') }}" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
FdgL e.V. <br/>FdgL e.V.
</a> </a>
</div> </div>
<div class="site-subtitle"> <div class="site-subtitle">

Loading…
Cancel
Save