header images

content/_index.de.md

 ---
 header: StuStaNet e.V.
 hero: true
-headerImage: header-home.jpg
+headerImage: headers/home.jpg
 ---
 
 ### Nächste Sprechstunden

content/_index.en.md

 ---
 header: StuStaNet e.V.
 hero: true
-headerImage: header-home.jpg
+headerImage: headers/home.jpg
 ---
 
 ### Next Office Hours

content/about.de.md

@@ -4,6 +4,7 @@ header: StuStaNet e.V.
 description: Information über den StuStaNet e. V. in der Studentenstadt Freimann, München
 type: page
 color: green
+headerImage: headers/mainboard.jpg
 ---
 
 ## Der Verein

content/about.en.md

@@ -4,6 +4,7 @@ header: StuStaNet e.V.
 description: Information about StuStaNet in Studentenstadt Freiman, Munich, Germany
 type: page
 color: green
+headerImage: headers/mainboard.jpg
 ---
 
 ## The StuStaNet Association

content/impressum.md

@@ -4,6 +4,7 @@ description: Impressum für stustanet.de
 type: page
 noindex: true
 color: yellow
+headerImage: headers/imprint.jpg
 ---
 
 Anbieter und Betreiber dieser Webseite ist der Verein StuStaNet e. V.

content/participate.de.md

@@ -3,7 +3,8 @@ title: Mitmachen
 header: Mitmachen
 description: Mitmachen beim StuStaNet
 type: page
-color: red
+color: none
+headerImage: headers/keyboard.jpg
 ---
 
 Du möchtest wissen, wie dieses Internet in der StuSta funktioniert?

content/participate.en.md

@@ -3,7 +3,8 @@ title: Participate
 header: Participate
 description: Participating at StuStaNet
 type: page
-color: red
+color: none
+headerImage: headers/keyboard.jpg
 aliases: [ "/participate/" ]
 ---
 

static/css/main.css

@@ -350,7 +350,7 @@ header {
     position: relative;
     display: block;
     max-width: 100%;
-    background-image: url(/header.jpg);
+    background-image: url(/headers/default.jpg);
     background-size: cover;
     background-position: 50% 10%;
     background-blend-mode: soft-light;
@@ -376,12 +376,16 @@ header h1 {
     text-shadow: none;
 }
 
+.none header {
+    box-shadow: 0 0 8px 0 rgba(226, 107, 68, 0.12);
+}
+.none header h1 { color: white; }
+
 .red header {
     background-color: rgb(226, 107, 68);
     box-shadow: 0 0 8px 0 rgba(226, 107, 68, 0.12);
 }
 .red header h1 { color: white; }
-
 .green header {
     background-color: rgb(137, 187, 79);
     box-shadow: 0 0 8px 0 rgba(137, 187, 79, 0.12);