Add lounge schedule placeholder

assets/_animations.scss

@@ -0,0 +1,64 @@
+@import 'colors';
+
+@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/_mixins.scss

@@ -4,3 +4,20 @@
 	text-transform: uppercase;
 	color: $primary-1;
 }
+
+@mixin hline($width, $height, $c1, $c2, $c3) {
+	background: repeat-x center bottom / $width $height;
+	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/style.scss

@@ -1,71 +1,9 @@
+@import 'animations';
 @import 'breakpoints';
 @import 'colors';
 @import 'fonts';
 @import 'mixins';
 
-@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%
-		);
-	}
-}
-
 * {
 	font-family: Montserrat, sans-serif;
 	box-sizing: border-box;
@@ -96,40 +34,14 @@ h1, h2, h3, h4, h5, h6 {
 
 h1, footer {
 	padding-bottom: 0.2em;
-	background: repeat-x center bottom / 250px 4px;
+	@include hline(250px, 4px, $primary-1, $primary-2, $primary-3);
-	background-image: linear-gradient(
-			to right,
-			$primary-3 0%, $primary-3 10%,
-			$primary-1 10%, $primary-1 20%,
-			$primary-2 20%, $primary-2 30%,
-			$primary-3 30%, $primary-3 40%,
-			$primary-2 40%, $primary-2 50%,
-			$primary-3 50%, $primary-3 60%,
-			$primary-1 60%, $primary-1 70%,
-			$primary-3 70%, $primary-3 80%,
-			$primary-1 80%, $primary-1 90%,
-			$primary-2 90%, $primary-2 100%
-	);
 }
 
 a:not(.nav-logo) {
 	text-decoration: none;
 	color: $highlight-1;
 	text-shadow: -1px 1px 0 $background, 0 1px 0 $background, 1px 1px 0 $background;
-	background: repeat-x center bottom / 10em 2px;
+	@include hline(10em, 2px, $highlight-1, $highlight-2, $highlight-3);
-	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%, $highlight-2 100%
-	);
 
 	&:hover, &:focus {
 		animation: cycle-link-background 2s steps(4) infinite 0ms;
@@ -213,6 +125,26 @@ iframe {
 	}
 }
 
+table {
+	border-collapse: collapse;
+	margin: 1rem 0;
+
+	thead th {
+		@include heading;
+		font-weight: bold;
+	}
+
+	thead tr, tr:not(:last-child) {
+		@include hline(10em, 1px, $primary-1, $primary-2, $primary-3)
+	}
+
+	td, th {
+		padding: 0.2em 0.5em;
+		text-align: left;
+		white-space: nowrap;
+	}
+}
+
 .nav {
 	display: flex;
 	flex-flow: column wrap;
@@ -273,3 +205,7 @@ iframe {
 .date {
 	font-style: italic;
 }
+
+.overflow-x-auto {
+	overflow-x: auto;
+}

config.toml

@@ -12,7 +12,7 @@ enableGitInfo = true
     [[languages.en.menu.main]]
       name = "Sessions"
       url = "https://md.luj0ga.de/38cIuOhiTJu-rVo8i60Vkw"
-      weight = 4
+      weight = 5
   [languages.de]
     languageName = "Deutsch"
     [[languages.de.menu.main]]
@@ -22,7 +22,7 @@ enableGitInfo = true
     [[languages.de.menu.main]]
       name = "Sessions"
       url = "https://md.luj0ga.de/38cIuOhiTJu-rVo8i60Vkw"
-      weight = 4
+      weight = 5
 
 [taxonomies]
 

content/lounge.de.md

@@ -0,0 +1,46 @@
+---
+title: Lounge
+menu:
+  main:
+    weight: 3
+---
+
+{{<iframe class="aspect-178" src="https://live.franconian.net" title="Livestream des franconian.net-Kanals">}}
+
+Künstler\*innen, die ihr Werk unter Creative Commons (CC) stellen, werden sowohl auf {{<external href="streaming.media.ccc.de">}}streaming.media.ccc.de{{</external>}} als auch {{<external href="live.franconian.net">}}live.franconian.net{{</external>}} (siehe oben) übertragen. Alle anderen Acts sind nur in letzterem Stream zu sehen.
+
+## Tag 1
+
+{{<wrap class="overflow-x-auto">}}
+| Wann      | Künstler\*in                                                     | CC   |
+| --------- | ---------------------------------------------------------------- | ---- |
+| 23:42 MEZ | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | ja   |
+| 23:42 MEZ | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | nein |
+{{</wrap>}}
+
+## Tag 2
+
+{{<wrap class="overflow-x-auto">}}
+| Wann      | Künstler\*in                                                     | CC   |
+| --------- | ---------------------------------------------------------------- | ---- |
+| 23:42 MEZ | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | ja   |
+| 23:42 MEZ | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | nein |
+{{</wrap>}}
+
+## Tag 3
+
+{{<wrap class="overflow-x-auto">}}
+| Wann      | Künstler\*in                                                     | CC   |
+| --------- | ---------------------------------------------------------------- | ---- |
+| 23:42 MEZ | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | ja   |
+| 23:42 MEZ | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | nein |
+{{</wrap>}}
+
+## Tag 4
+
+{{<wrap class="overflow-x-auto">}}
+| Wann      | Künstler\*in                                                     | CC   |
+| --------- | ---------------------------------------------------------------- | ---- |
+| 23:42 MEZ | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | ja   |
+| 23:42 MEZ | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | nein |
+{{</wrap>}}

content/lounge.md

@@ -0,0 +1,46 @@
+---
+title: Lounge
+menu:
+  main:
+    weight: 3
+---
+
+{{<iframe class="aspect-178" src="https://live.franconian.net" title="Livestream of the franconian.net channel">}}
+
+Acts licensed under a Creative Commons (CC) license will be streamed via both {{<external href="streaming.media.ccc.de">}}streaming.media.ccc.de{{</external>}} and {{<external href="live.franconian.net">}}live.franconian.net{{</external>}} (see above). All other acts are exclusive to the latter.
+
+## Day 1
+
+{{<wrap class="overflow-x-auto">}}
+| When      | Act                                                              | CC  |
+| --------- | ---------------------------------------------------------------- | --- |
+| 23:42 CET | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | yes |
+| 23:42 CET | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | no  |
+{{</wrap>}}
+
+## Day 2
+
+{{<wrap class="overflow-x-auto">}}
+| When      | Act                                                              | CC  |
+| --------- | ---------------------------------------------------------------- | --- |
+| 23:42 CET | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | yes |
+| 23:42 CET | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | no  |
+{{</wrap>}}
+
+## Day 3
+
+{{<wrap class="overflow-x-auto">}}
+| When      | Act                                                              | CC  |
+| --------- | ---------------------------------------------------------------- | --- |
+| 23:42 CET | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | yes |
+| 23:42 CET | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | no  |
+{{</wrap>}}
+
+## Day 4
+
+{{<wrap class="overflow-x-auto">}}
+| When      | Act                                                              | CC  |
+| --------- | ---------------------------------------------------------------- | --- |
+| 23:42 CET | aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa | yes |
+| 23:42 CET | bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb | no  |
+{{</wrap>}}

content/news/_index.de.md

@@ -2,6 +2,6 @@
 title: News
 menu:
   main:
-    weight: 3
+    weight: 4
 ---
 

content/news/_index.md

@@ -2,6 +2,6 @@
 title: News
 menu:
   main:
-    weight: 3
+    weight: 4
 ---
 

layouts/_default/baseof.html

@@ -7,7 +7,7 @@
 	<title>{{ block "title" . }}
 		{{ .Title }} | {{ .Site.Title }}
 	{{ end }}</title>
-	<link rel="icon" href="data:;base64,iVBORw0KGgo=">
+	<link rel="icon" href="/franconianNet.svg" sizes="any" type="image/svg+xml">
 	{{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
 	<link rel="stylesheet" href="{{ $style.RelPermalink }}">
 </head>

layouts/shortcodes/wrap.html

@@ -0,0 +1 @@
+<div class="{{ .Get "class" }}">{{ .Inner | markdownify }}</div>