Remove testus

English translation does not have to literally match German text

assets/_animations.scss

@@ -1,64 +1 @@
-@import 'colors';
+@import 'variables';
-
-@keyframes cycle-link-background {
-	0% {
-		background-image: linear-gradient(
-				to right,
-				$highlight-3 0%, $highlight-3 10%,
-				$highlight-1 10%, $highlight-1 20%,
-				$highlight-2 20%, $highlight-2 30%,
-				$highlight-3 30%, $highlight-3 40%,
-				$highlight-2 40%, $highlight-2 50%,
-				$highlight-3 50%, $highlight-3 60%,
-				$highlight-1 60%, $highlight-1 70%,
-				$highlight-3 70%, $highlight-3 80%,
-				$highlight-1 80%, $highlight-1 90%,
-				$highlight-2 90%,
-		);
-	}
-	25% {
-		background-image: linear-gradient(
-				to right,
-				$highlight-2 0%, $highlight-2 10%,
-				$highlight-3 10%, $highlight-3 20%,
-				$highlight-1 20%, $highlight-1 30%,
-				$highlight-2 30%, $highlight-2 40%,
-				$highlight-3 40%, $highlight-3 50%,
-				$highlight-1 50%, $highlight-1 60%,
-				$highlight-2 60%, $highlight-2 70%,
-				$highlight-1 70%, $highlight-1 80%,
-				$highlight-3 80%, $highlight-3 90%,
-				$highlight-1 90%
-		);
-	}
-	50% {
-		background-image: linear-gradient(
-				to right,
-				$highlight-3 0%, $highlight-3 10%,
-				$highlight-2 10%, $highlight-2 20%,
-				$highlight-3 20%, $highlight-3 30%,
-				$highlight-1 30%, $highlight-1 40%,
-				$highlight-2 40%, $highlight-2 50%,
-				$highlight-3 50%, $highlight-3 60%,
-				$highlight-1 60%, $highlight-1 70%,
-				$highlight-2 70%, $highlight-2 80%,
-				$highlight-1 80%, $highlight-1 90%,
-				$highlight-3 90%
-		);
-	}
-	75% {
-		background-image: linear-gradient(
-				to right,
-				$highlight-1 0%, $highlight-1 10%,
-				$highlight-3 10%, $highlight-3 20%,
-				$highlight-2 20%, $highlight-2 30%,
-				$highlight-1 30%, $highlight-1 40%,
-				$highlight-3 40%, $highlight-3 50%,
-				$highlight-1 50%, $highlight-1 60%,
-				$highlight-2 60%, $highlight-2 70%,
-				$highlight-1 70%, $highlight-1 80%,
-				$highlight-2 80%, $highlight-2 90%,
-				$highlight-3 90%
-		);
-	}
-}

assets/_colors.scss

@@ -1,20 +0,0 @@
-$background: #100e23;
-$fill-color: #eeeeee;
-$text-color: #ffffff;
-$text-darker: #aaaaaa;
-
-$primary-1: #b239ff;
-$primary-2: #670295;
-$primary-3: #440069;
-$primary-4: #240038;
-
-$secondary-1: #6800e7;
-$secondary-2: #41008b;
-$secondary-3: #2a005e;
-$secondary-4: #14002f;
-
-$highlight-1: #05b9ec;
-$highlight-2: #0076a9;
-$highlight-3: #025d84;
-$highlight-4: #002a3a;
-

assets/_fonts.scss

@@ -1,9 +1,59 @@
+/* space-mono-regular - latin */
 @font-face {
-	font-family: Montserrat;
+	font-family: 'Space Mono';
-	src: url(Montserrat/Montserrat-Regular.ttf);
+	font-style: normal;
+	font-weight: 400;
+	src: local(''),
+	url('fonts/space-mono-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('fonts/space-mono-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
+/* space-mono-italic - latin */
 @font-face {
-	font-family: Orbitron;
+	font-family: 'Space Mono';
-	src: url(Orbitron-VariableFont_wght.ttf);
+	font-style: italic;
+	font-weight: 400;
+	src: local(''),
+	url('fonts/space-mono-v6-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('fonts/space-mono-v6-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* space-mono-700 - latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: normal;
+	font-weight: 700;
+	src: local(''),
+	url('fonts/space-mono-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('fonts/space-mono-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* space-mono-700italic - latin */
+@font-face {
+	font-family: 'Space Mono';
+	font-style: italic;
+	font-weight: 700;
+	src: local(''),
+	url('fonts/space-mono-v6-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('fonts/space-mono-v6-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* changa-500 - latin */
+@font-face {
+	font-family: 'Changa';
+	font-style: normal;
+	font-weight: 500;
+	src: local(''),
+	url('../fonts/changa-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('../fonts/changa-v14-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* changa-600 - latin */
+@font-face {
+	font-family: 'Changa';
+	font-style: normal;
+	font-weight: 600;
+	src: local(''),
+	url('../fonts/changa-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+	url('../fonts/changa-v14-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }

assets/_mixins.scss

@@ -1,23 +1,9 @@
 @mixin heading {
-	font-family: Orbitron, sans-serif;
+	font-family: Changa, sans-serif;
-	font-weight: 900;
+	font-weight: 600;
-	text-transform: uppercase;
+	text-transform: lowercase;
-	color: $primary-1;
 }
 
-@mixin hline($width, $height, $c1, $c2, $c3) {
+@mixin aberration($offset, $blur: 0) {
-	background: repeat-x center bottom / $width $height;
+	filter: drop-shadow(-$offset 0 $blur $color-aberration-red) drop-shadow($offset 0 $blur $color-aberration-cyan);
-	background-image: linear-gradient(
-			to right,
-			$c3 0%, $c3 10%,
-			$c1 10%, $c1 20%,
-			$c2 20%, $c2 30%,
-			$c3 30%, $c3 40%,
-			$c2 40%, $c2 50%,
-			$c3 50%, $c3 60%,
-			$c1 60%, $c1 70%,
-			$c3 70%, $c3 80%,
-			$c1 80%, $c1 90%,
-			$c2 90%, $c2 100%
-	);
 }

assets/_variables.scss

@@ -0,0 +1,22 @@
+$color-background: #000;
+$color-fill: #eee;
+$color-text: #fff;
+$color-text-darker: #aaa;
+$color-box-frame: #fff;
+$color-box-header: #4c4c4c;
+$color-box-background: rgba(0, 0, 0, 0.5);
+
+$color-aberration-red: rgba(255, 0, 0, 0.8);
+$color-aberration-cyan: rgba(0, 255, 255, 0.8);
+
+$color-gradient-ccc-start: #4d7ffa;
+$color-gradient-ccc-end: #f035e8;
+$color-gradient-info-start: #0079fe;
+$color-gradient-info-end: #1cff58;
+$color-gradient-community-start: #00d5ff;
+$color-gradient-community-end: #b2ff01;
+$color-gradient-world-start: #ffb319;
+$color-gradient-world-end: #5f24f8;
+
+$gap-horizontal: 17px;
+$gap-vertical: 14px;

assets/style.scss

@@ -1,71 +1,130 @@
 @import 'animations';
 @import 'breakpoints';
-@import 'colors';
+@import 'variables';
 @import 'fonts';
 @import 'mixins';
 
-* {
+html {
-	font-family: Montserrat, sans-serif;
+	font-family: 'Space Mono', sans-serif;
 	box-sizing: border-box;
 	margin: 0;
 	padding: 0;
 }
 
+*, *::before, *::after {
+	box-sizing: inherit;
+}
+
 body {
-	background: $background;
+	background: $color-background;
-	color: $text-color;
+	background-image:
+		url('layout/bg_pixels.gif'),
+		url('layout/grid.png'),
+		linear-gradient(-45deg, $color-gradient-community-start, $color-gradient-community-end),
+		url('layout/background_mobile_01.jpg');
+	background-blend-mode:
+		normal,
+		normal,
+		multiply,
+		normal;
+	background-attachment:
+		scroll,
+		fixed,
+		scroll,
+		fixed;
+	background-size:
+		cover,
+		cover,
+		100% 100%,
+		cover;
+	background-repeat: no-repeat;
+	background-position: center;
+	color: $color-text;
 	display: flex;
 	flex-direction: column;
 	min-height: 100vh;
+	align-items: center;
+	margin: 0;
+
+	&::after {
+		content: '';
+		display: block;
+		position: fixed;
+		top: 0;
+		left: 0;
+		height: 100%;
+		width: 100%;
+		pointer-events: none;
+		background-image:
+			url('layout/vcr_overlay.png'),
+			radial-gradient(transparent, transparent, rgba(0, 0, 0, 0.5));
+	}
+
+	@media (min-width: $small) {
+		background-image:
+			url('layout/bg_pixels.gif'),
+			url('layout/grid.png'),
+			linear-gradient(-45deg, $color-gradient-community-start, $color-gradient-community-end)
+			url('layout/background_desktop_01.jpg');
+	}
 }
 
 h1, h2, h3, h4, h5, h6, p, ul {
-	margin-top: 0.5em;
+	margin-bottom: 1em;
-	padding: 0 0.5rem;
+	margin-top: 1em;
-
-	&:last-child {
-		margin-bottom: 0.5em;
-	}
 }
 
 h1, h2, h3, h4, h5, h6 {
 	@include heading;
 }
 
-h1, footer {
+h1 {
-	padding-bottom: 0.2em;
+	font-size: 3em;
-	@include hline(250px, 4px, $primary-1, $primary-2, $primary-3);
+	text-align: center;
 }
 
-a:not(.nav-logo) {
+a {
-	text-decoration: none;
+	text-decoration: underline;
-	color: $highlight-1;
+	color: inherit;
-	text-shadow: -1px 1px 0 $background, 0 1px 0 $background, 1px 1px 0 $background;
+	transition: filter 0.2s ease 0s;
-	@include hline(10em, 2px, $highlight-1, $highlight-2, $highlight-3);
 
 	&:hover, &:focus {
-		animation: cycle-link-background 2s steps(4) infinite 0ms;
+		@include aberration(0.05em, 0.001em)
 	}
 }
 
+.nav-logo {
+	text-decoration: none;
+}
+
+.block-link {
+	display: block;
+}
+
+.read-more-link {
+	font-size: 1.2em;
+	font-weight: bold;
+	text-transform: lowercase;
+}
+
+header {
+	width: 100%;
+	padding: $gap-vertical $gap-horizontal;
+	max-width: $large;
+}
+
 main {
 	width: 100%;
+	padding: $gap-vertical $gap-horizontal;
 	max-width: $large;
-	margin: 0 auto;
-
 	flex-grow: 1;
 }
 
 footer {
-	background-position: right top;
 	font-size: 0.9em;
-	color: $text-darker;
-
 	width: 100%;
 	max-width: $large;
-	margin: 0 auto;
+	padding: $gap-vertical $gap-horizontal;
-	padding: 0.5em;
-
 	display: flex;
 	align-items: center;
 	flex-direction: column;
@@ -92,12 +151,12 @@ figure {
 		}
 
 		&.cclogo {
-			width:200px; 
+			width: 200px;
-			height:48px;
+			height: 48px;
 		}
 
 		&.fill {
-			background: $fill-color;
+			background: $color-fill;
 			padding: 0.5em;
 		}
 	}
@@ -141,11 +200,10 @@ table {
 	}
 
 	thead tr, {
-		@include hline(10em, 2px, $primary-1, $primary-2, $primary-3)
 	}
 
 	tr:not(:last-child) {
-		border-bottom: 1px solid $primary-3;
+		border-bottom: 1px solid currentColor;
 	}
 
 	td, th {
@@ -159,12 +217,6 @@ table {
 	flex-flow: column wrap;
 	justify-content: flex-end;
 
-	&.nav-main {
-		max-width: $large;
-		margin: 0 auto;
-		padding: 0.5em;
-	}
-
 	hr {
 		margin: 0.5em 40%;
 	}
@@ -172,7 +224,7 @@ table {
 	.nav-logo {
 		@include heading;
 		text-decoration: none;
-		color: $text-color;
+		color: currentColor;
 
 		margin: 0 auto;
 
@@ -192,12 +244,13 @@ table {
 		align-self: center;
 		margin: 0 0.5em;
 		padding: 0.5em 0;
-		background-position: center bottom 0.4em;
+		font-weight: bold;
-		color: $text-color;
+		font-size: 1.2em;
-		font-family: Orbitron,Montserrat,sans-serif;
+		text-decoration: none;
+		text-transform: lowercase;
 
 		&.nav-link-active {
-			color: $highlight-1;
+			@include aberration(0.05em, 0.001em)
 		}
 	}
 
@@ -211,6 +264,50 @@ table {
 	}
 }
 
+.box {
+	margin: 0;
+	padding: 0;
+	border: 1px solid $color-box-frame;
+	background: $color-box-background;
+	display: flex;
+	flex-direction: column;
+
+	.box-header {
+		font-size: 1.2em;
+		margin: 0;
+		padding: 0 $gap-horizontal;
+		text-align: center;
+		background: $color-box-frame;
+		color: $color-box-header;
+
+		a {
+			text-decoration: none;
+		}
+	}
+
+	.box-content {
+		padding: $gap-vertical $gap-horizontal;
+		flex-grow: 1;
+	}
+	.box-footer {
+		padding: ($gap-vertical / 2) $gap-horizontal;
+	}
+}
+
+.box-grid {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+	grid-gap: $gap-vertical $gap-horizontal;
+
+	.box {
+		max-width: 100%;
+		min-width: 0;
+	}
+}
+
 .date {
 	font-style: italic;
 }

content/about.de.md

@@ -5,7 +5,9 @@ menu:
     weight: 50
 ---
 
-franconian.net ist ein loses Netzwerk von einigen fränkischen Hackspaces, das sich erstmalig zum Chaos Communication Camp 2019 für ein gemeinsames Village organisiert hat. Dieser Zusammenschluss hat das CCCamp19 überdauert und findet sich vor allem zu weiteren Veranstaltungen des Chaos Computer Clubs immer wieder zusammen. Auch zur remote Chaos Experience haben sich wieder einige dieser Hackspaces gefunden und betreiben zusammen das franconian.net
+franconian.net ist ein loses Netzwerk von einigen fränkischen Hackspaces, das sich erstmalig zum Chaos Communication Camp 2019 für ein gemeinsames Village organisiert hat.
+Dieser Zusammenschluss hat das CCCamp19 überdauert und findet sich vor allem zu weiteren Veranstaltungen des Chaos Computer Clubs immer wieder zusammen.
+Wie schon zur letzten remote Chaos Experience haben sich wieder einige dieser Hackspaces gefunden und betreiben zusammen franconian.net.
 
 ## Beteiligte Hackspaces
 
@@ -13,20 +15,23 @@ franconian.net ist ein loses Netzwerk von einigen fränkischen Hackspaces, das s
 
 {{<image src="/backspace.svg" alt="backspace Logo">}}
 
-Der [backspace e.V.](https://hackerspace-bamberg.de) ist ein Hackspace und CCC-Erfa in Bamberg.
+Der [backspace e.V.](https://hackerspace-bamberg.de) ist Hackspace und CCC-Erfa in Bamberg und feiert 2021 sein nunmehr 10-jähriges Bestehen.
+Der Space selbst bietet neben Werkstatt, Hackcenter, Lounge und Bar entspannte und nette Menschen zum Austausch und gemeinsamen Arbeiten an Projekten.
+Neben vielen Hard- und Softwareprojekten beteiligt sich der backspace auch an lokalen Events in Bamberg.
 
 ### Hackzogtum
 
 {{<image class="invert" src="/hackzogtum.svg" alt="Hackzogtum Logo">}}
 
-Der [Hackzogtum Coburg e.V.](https://www.hackzogtum-coburg.de) ist ein Verein für Technikinteressierte.
+Der [Hackzogtum Coburg e.V.](https://www.hackzogtum-coburg.de) ist ein Verein für Technikinteressierte in Coburg und von überall.
 Der Verein bietet eine Plattform zum Austausch von Wissen und dem gemeinsamen Arbeiten an Projekten.
-Auch Öffentlichkeitsarbeit und die Förderung der Allgemeinbildung ist uns wichtig.
+Dazu gehören monatliche Vorträge und Workshops, die allen offen stehen.
-Hierbei wollen wir allen Interessierten die Möglichkeit geben, ihr Wissen zu erweitern bzw. Ihnen den Zugang zur Technik aller Art zu erleichtern.
+Aktuell gibt es keinen physischen Space. Sobald gewisse Umstände dies wieder zulassen, soll sich dieser aber wieder manifestieren.
-Zentraler Ort des Vereinslebens ist unser Hackerspace in der Geleitstrasse 10 in Coburg.
 
 ### Nerd2Nerd
 
 {{<image class="invert" src="/n2n.svg" alt="Nerd2Nerd Logo">}}
 
-Nerd2Nerd ist ein Zusammenschluss von Nerds und Freunden aus dem Raum Würzburg. Neben allgemeinem rumnerden haben wir zusammen viel Spass am Gerät.
+[Nerd2Nerd](https://www.nerd2nerd.org) ist ein Zusammenschluss von Nerds und Freunden aus dem Raum Würzburg.
+Neben allgemeinem Rumnerden und gemeinsamem Spaß am Gerät macht die Gruppe bereits seit 2003 feinen Fug.
+Seit 2016 auch offiziell als lokaler Erfa und CCC Würzburg.

content/about.md

@@ -5,7 +5,9 @@ menu:
     weight: 50
 ---
 
-The Franconian Cluster is a network of franconian hackspaces that organised the Franconian Village at Chaos Communication Camp 2019. After that, we continued our cooperation mainly at other events held by the Chaos Computer Club. For the first Remote Chaos Experience (rC3), some of the involved spaces decided to create a virtual assembly: franconian.net
+franconian.net is a loose network of franconian hackspaces that organised the Franconian Village at Chaos Communication Camp 2019.
+After that, we continued our cooperation mainly at other events held by the Chaos Computer Club.
+As for the first remote Chaos Experience (rC3), some of the involved spaces decided to create a virtual assembly for rC3: NOWHERE --- franconian.net
 
 ## Participating spaces
 
@@ -13,18 +15,23 @@ The Franconian Cluster is a network of franconian hackspaces that organised the
 
 {{<image src="/backspace.svg" alt="Logo of backspace">}}
 
-[backspace e.V.](https://hackerspace-bamberg.de) is a hackspace and CCC Erfa in Bamberg.
+[backspace e.V.](https://hackerspace-bamberg.de) is a hackspace and CCC Erfa in Bamberg, which celebrates its 10th anniversary in 2021.
+In addition to a workshop, hack center, lounge and bar, the space itself offers relaxed and nice people to exchange ideas and work together on projects with.
+Besides many hardware and software projects, the backspace also takes part in local events in Bamberg.
 
 ### Hackzogtum
 
 {{<image class="invert" src="/hackzogtum.svg" alt="Logo of Hackzogtum">}}
 
-The [Hackzogtum Coburg e.V.](https://www.hackzogtum-coburg.de) is local club for creatures interested in technology. 
+The [Hackzogtum Coburg e.V.](https://www.hackzogtum-coburg.de) is an association for those interested in technology in Coburg and from everywhere.
-It offers a place for sharing knowledge, experience and work together.
+It offers a platform for exchanging knowledge and working together on projects.
-Our space is located at Geleitstrasse 10 in 96450 Coburg - Germany.
+This includes monthly lectures and workshops that are open to everyone.
+There is currently no physical space. As soon as certain circumstances allow this, it should manifest itself again.
 
 ### Nerd2Nerd
 
 {{<image class="invert" src="/n2n.svg" alt="Logo of Nerd2Nerd">}}
 
-Nerd2Nerd are Nerds and friends around the Würzburg area. We like to have fun talking about nerdstuff and hacking.
+[Nerd2Nerd](https://www.nerd2nerd.org) is an association of nerds and friends from the Würzburg area.
+In addition to general nerding around and having fun with the device, the group has been making feinen fug since 2003.
+Since 2016 also officially as local Erfa and CCC Würzburg.

content/news/rc3-franconian-net-infos.de.md

@@ -6,8 +6,6 @@ menu:
     parent: News
 ---
 
-## rC3 franconian.net Infos
-
 Hi,
 
 heute beginnt die remote Chaos Experience (rC3) und wir bei franconian.net freuen uns, dass du ein Teil davon bist!

content/news/schedule-highlights-2021.de.md

@@ -0,0 +1,75 @@
+---
+title: "Schedule Highlights 2021"
+date: 2021-12-22T18:06:43+01:00
+menu:
+  main:
+    parent: News
+---
+
+Unser Programm für den franconian.net-Channel zur rC3: NOWHERE findet ihr
+{{<external href="https://cfp.franconian.net/end-of-year-event-2021/schedule/nojs">}}
+hier{{</external>}}. Außerdem möchten wir euch im Folgenden gerne ein paar Talks
+vorstellen, die wir besonders interessant finden:
+
+1. **The Doom-chip "On Ice": designing hardware for a 1993 retro-classic**
+
+   *Vortragende\*r:* Sylvain Lefebvre
+
+   *Pretalx-Link:* https://cfp.franconian.net/end-of-year-event-2021/talk/MGMDUF/
+
+   *Was wir daran toll finden:* Bei Hardware stellt sich sonst ja immer die Frage
+   „But can it run DOOM?“ -- hier erübrigt sich das schon. Diese Portierung
+   verwendet eine offene Prozessor-Architektur auf Hardware, die sich mit einer
+   Open Source Toolchain programmieren lässt und am Ende kann man dabei was
+   sehen und im wahrsten Sinne Spaß an der Technik haben.
+
+
+2. **CoMatrix -- Constrained Matrix**
+
+   *Vortragende:* Tobias Buchberger, Ines Kramer
+
+   *Pretalx-Link:* https://cfp.franconian.net/end-of-year-event-2021/talk/UB8LL3/
+
+   *Was wir daran toll finden:* Matrix ist einer der vielversprechendsten offenen
+   Messaging-Protokolle und lässt mit Ende-zu-Ende-Verschlüsselung und
+   Föderation kaum einen Wunsch übrig. Umso schöner zu sehen wie Matrix auch auf
+   Systeme mit sehr beschränkten Ressourcen Einzug hält und dort genutzt werden
+   kann.
+
+
+3. **Zwischen Schulordnung, Datenschutz und digitaler Entschuldigung --
+   Schulverwaltung im Cyberpace**
+
+   *Vortragende\*r:* Advi
+
+   *Pretalx-Link:* https://cfp.franconian.net/end-of-year-event-2021/talk/AGGZE8/
+
+   *Was wir daran toll finden:* Wie schlimm es um die Digitalisierung in
+   Deutschland steht, hat sich während der Pandemie auch im Blidungssektor
+   beobachten lassen. Hier zeigt sich wahrscheinlich wieder: „Wenn man einen
+   Scheißprozess digitalisiert, dann hat man einen scheiß digitalen Prozess.“
+   Die Hoffnung bleibt, dass wir daraus lernen.
+
+
+4. **EMBA -- Open-Source Firmware Security Testing**
+
+   *Vortragende:* Pascal Eckmann, Michael Messner
+
+   *Pretalx-Link:* https://cfp.franconian.net/end-of-year-event-2021/talk/NPQKX8/
+
+   *Was wir daran toll finden:* Das S in IoT steht bekanntermaßen für Security --
+   jedes Tool, das für mehr Sicherheit in Firmware sorgt ist eine willkommene
+   Hilfe, besonders wenn wie hier automatisiertes Testen gegen Schwachstellen
+   erleichtert wird.
+
+
+5. **Infraschallmessung bei Schaffenburg**
+
+   *Vortragende\*r:* Hendi
+
+   *Pretalx-Link:* https://cfp.franconian.net/end-of-year-event-2021/talk/JJJ8HW/
+
+   *Was wir daran toll finden:* Citizen Science Projekte sind ein wichtiger
+   Baustein für digitale Souveränität. Und je mehr Sensoren und Daten verfügbar
+   sind, desto besser können wir die Welt verstehen. Das hier vorgestellte
+   Projekt lädt zum Nach- und Mitmachen ein.

content/news/schedule-highlights-2021.md

@@ -0,0 +1,71 @@
+---
+title: "Schedule Highlights 2021"
+date: 2021-12-22T18:06:43+01:00
+menu:
+  main:
+    parent: News
+---
+
+Our schedule for the franconian.net channel at rC3: NOWHERE can be found
+{{<external href="https://cfp.franconian.net/end-of-year-event-2021/schedule/nojs">}}
+here{{</external>}}. In addition, we would like to highlight a few talks that we find
+particularly interesting:
+
+
+1. **The Doom-chip "On Ice": designing hardware for a 1993 retro-classic**
+
+   *Speaker:* Sylvain Lefebvre
+
+   *Pretalx link:* https://cfp.franconian.net/end-of-year-event-2021/talk/MGMDUF/
+
+   *What we find great about it:* When it comes to hardware there is always the
+   question "But can it run DOOM?" -- here it's no longer necessary. This port
+   uses an open processor architecture on hardware, which can be programmed with
+   an open source toolchain and in the end you can see something and have fun
+   with technology in the truest sense.
+
+
+2. **CoMatrix -- Constrained Matrix**
+
+   *Speakers:* Tobias Buchberger, Ines Kramer
+
+   *Pretalx link:* https://cfp.franconian.net/end-of-year-event-2021/talk/UB8LL3/
+
+   *What we find great about it:* Matrix is one of the most promising open
+   messaging protocols and with end-to-end encryption and federation there is
+   hardly anything left to be desired. So it's great to see how Matrix can also
+   be used on systems with limited resources.
+
+3. [German] **Zwischen Schulordnung, Datenschutz und digitaler Entschuldigung --
+   Schulverwaltung im Cyberpace**
+
+   *Speaker:* Advi
+
+   *Pretalx link:* https://cfp.franconian.net/end-of-year-event-2021/talk/AGGZE8/
+
+   *What we find great about it:* How bad things are with digitalization in
+   Germany could also be observed in the education sector during the pandemic.
+   This probably shows once again: "If you digitalize a shitty process, you have
+   a shitty digital process." The hope remains that we learn from this.
+
+
+4. [German] **EMBA -- Open-Source Firmware Security Testing**
+
+   *Speakers* Pascal Eckmann, Michael Messner
+
+   *Pretalx link:* https://cfp.franconian.net/end-of-year-event-2021/talk/NPQKX8/
+
+   *What we find great about it:* The S in IoT is known to stand for Security --
+   any tool that provides more security in firmware is a welcome help, especially
+   when automated testing against vulnerabilities is facilitated like here.
+
+5. [German] **Infraschallmessung bei Schaffenburg**
+
+   *Speaker:* Hendi
+
+   *Pretalx link:* https://cfp.franconian.net/end-of-year-event-2021/talk/JJJ8HW/
+
+   *What we find great about it:* Citizen science projects are an important
+   building block for digital sovereignty. And the more sensors and data are
+   available, the better we can understand the world. The project presented here
+   invites you to follow along and join in.

i18n/de.toml

@@ -1,2 +1,4 @@
 [last_change]
 other = "Zuletzt geändert"
+[read_more]
+other = "Weiterlesen"

i18n/en.toml

@@ -1,2 +1,4 @@
 [last_change]
 other = "Last update"
+[read_more]
+other = "Read more"

layouts/_default/section.html

@@ -3,10 +3,15 @@
 	<h1>{{ .Title }}</h1>
 	{{ .Content }}
 
-	<ul>
+	<ul class="box-grid">
 		{{ range .Pages }}
-		<li>
+		<li class="box">
-			<a href="{{ .Permalink }}">{{ with .Date }}{{ .Format "2006-01-02 15:04" }} | {{ end }}{{ .Title }}</a>
+			<h2 class="box-header"><a href="{{ .Permalink }}" class="block-link">{{ .Title }}</a></h2>
+			<div class="box-content">
+				{{ with .Date }}<p class="date">{{ .Format "2006-01-02 15:04" }}</p>{{ end }}
+				{{ .Content | truncate 150 }}
+			</div>
+			<div class="box-footer"><a href="{{ .Permalink }}" class="read-more-link">{{ i18n "read_more" }}</a></div>
 		</li>
 		{{ end }}
 	</ul>

layouts/_default/single.html

@@ -1,6 +1,11 @@
 {{ define "main" }}
 <main>
 	<h1>{{ .Title }}</h1>
-	{{ .Content }}
+	<div class="box">
+		<h2 class="box-header">{{ .Title }}</h2>
+		<div class="box-content">
+			{{ .Content }}
+		</div>
+	</div>
 </main>
 {{ end }}

layouts/news/single.html

@@ -1,7 +1,12 @@
 {{ define "main" }}
 <main>
-	<h1>{{ .Title }}</h1>
+	<h1>News</h1>
-	<p class="date">{{ .Date.Format "2006-01-02 15:04" }}</p>
+	<div class="box">
-	{{ .Content }}
+		<h2 class="box-header">{{ .Title }}</h2>
+		<div class="box-content">
+			<p class="date">{{ .Date.Format "2006-01-02 15:04" }}</p>
+			{{ .Content }}
+		</div>
+	</div>
 </main>
 {{ end }}

layouts/shortcodes/latest.html

@@ -1,7 +1,11 @@
 {{ with .Site.GetPage (.Get "in") }}
 	{{ range first 1 .Pages }}
-	<a href="{{ .Permalink }}"><h2>{{ .Title }}</h2></a>
+	<div class="box">
-	<p class="date">{{ .Date.Format "2006-01-02 15:04" }}</p>
+		<h2 class="box-header"><a href="{{ .Permalink }}" class="block-link">{{ .Title }}</a></h2>
-	{{ .Content }}
+		<div class="box-content">
+			<p class="date">{{ .Date.Format "2006-01-02 15:04" }}</p>
+			{{ .Content }}
+		</div>
+	</div>
 	{{ end }}
 {{ end }}

static/Montserrat/OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

static/bauchbinde/assets/Orbitron-VariableFont_wght.ttf

@@ -1 +0,0 @@
-../../Orbitron-VariableFont_wght.ttf