Test higher contrast for aou/n2n logos (currently en only, feedback wanted)

assets/_colors.scss

@@ -1,4 +1,5 @@
 $background: #100e23;
+$fill-color: #eeeeee;
 $text-color: #ffffff;
 
 $highlight: #05b9ec;

assets/style.scss

@@ -70,6 +70,15 @@ figure {
 		max-width: 100%;
 		display: block;
 		margin: 0 auto;
+
+		&.invert {
+			filter: invert(100%);
+		}
+
+		&.fill {
+			background: $fill-color;
+			padding: 0.5em;
+		}
 	}
 
 	figcaption {

content/about.md

@@ -15,8 +15,8 @@ The Franconian Cluster is a network of franconian hackspaces that organised the
 
 ### Hackzogtum
 
-{{<image src="/hackzogtum.svg" alt="Logo of Hackzogtum">}}
+{{<image class="invert" src="/hackzogtum.svg" alt="Logo of Hackzogtum">}}
 
 ### Nerd2Nerd
 
-{{<image src="/n2n.svg" alt="Logo of Nerd2Nerd">}}
+{{<image class="fill" src="/n2n.svg" alt="Logo of Nerd2Nerd">}}

layouts/shortcodes/image.html

@@ -1,4 +1,4 @@
 <figure>
-	<img src="{{ .Get "src" }}" alt="{{ .Get "alt" }}">
+	<img{{ with .Get "class" }} class="{{ . }}"{{ end }} src="{{ .Get "src" }}" alt="{{ .Get "alt" }}">
 	<figcaption>{{ .Get "alt" }}</figcaption>
 </figure>