improve nav+toptitle design

This commit is contained in:
2025-02-09 23:02:20 +01:00
parent b40e5d220d
commit f371c0c3d2
2 changed files with 16 additions and 13 deletions

View File

@ -9,25 +9,28 @@ a {
color: darkblue; color: darkblue;
} }
nav { nav {
//background-color: #fef67b; //background-color: #afcfff;
//background-color: #f4e3d7; //background-image: url("/assets/img/ostraka.jpg");
//background-color: bisque; //background-repeat: no-repeat;
//background-color: aliceblue;
background-color: #afcfff;
background-image: url("/assets/img/ostraka.jpg");
background-repeat: no-repeat;
// only b/w for legibility: // only b/w for legibility:
background-blend-mode: luminosity; //background-blend-mode: luminosity;
background-size: cover; //background-size: cover;
opacity: 0.6; //opacity: 0.6;
} }
nav a, nav ul { nav a, nav ul {
color: black; color: white;
opacity: 1.0;
} }
nav ul { nav ul {
list-style-type: disclosure-open; list-style-type: disclosure-open;
} }
.toptitle {
background-image: url(/assets/img/ostraka.jpg);
background-repeat: no-repeat;
height: 200px;
font-size: 68px;
color: white;
text-shadow: 5px 2px black;
}
.gallery { .gallery {
max-width: content; max-width: content;
} }

View File

@ -3,7 +3,7 @@ title: Worum geht es?
layout: default layout: default
--- ---
<h1>Scherbengericht <i>jetzt</i></h1> <h1 class="toptitle">&nbsp;Scherbengericht <br/>&nbsp;&nbsp;<i>jetzt</i></h1>
<p class="larger"> <p class="larger">
Braucht die <i>real existierende</i> <b>Demokratie</b> ein Mittel zur <b>Machtbegrenzung</b>? Braucht die <i>real existierende</i> <b>Demokratie</b> ein Mittel zur <b>Machtbegrenzung</b>?