franconian
/
www.franconian.net
13
0
Fork 0
Code Pull Requests Releases Activity

Compare commits

base: franconian:ccadb3c8b8ce0631c05a1127f312e465ebd992a8
Branches Tags
franconian:main
franconian:staging
...
compare: franconian:bef0351cf33819c7e3d533e0537e6c71a08eb999
Branches Tags
franconian:main
franconian:staging

4 Commits
ccadb3c8b8 ... bef0351cf3

Author SHA1 Message Date
Luca bef0351cf3 Add lounge schedule placeholder
continuous-integration/drone/push Build is passing Details
2020-12-26 21:18:45 +01:00
Luca 0938a0b034 Define animations in a separate file, remove redundancy 2020-12-26 20:39:00 +01:00
Luca 13a3062a3f Add favicon 2020-12-26 18:43:17 +01:00
Luca b7f74991c4 Add page "Lounge" 2020-12-26 17:39:10 +01:00
10 changed files with 206 additions and 96 deletions
Show Stats Expand all files Collapse all files

64
assets/_animations.scss Normal file
View File

@ -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%
);
}
}

17
assets/_mixins.scss
View File

@ -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%
);
}

118
assets/style.scss
View File

@ -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;
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%
);
@include hline(250px, 4px, $primary-1, $primary-2, $primary-3);
}
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;
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%
);
@include hline(10em, 2px, $highlight-1, $highlight-2, $highlight-3);
&: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;
}

4
config.toml
View File

@ -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]

46
content/lounge.de.md Normal file
View File

@ -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>}}

46
content/lounge.md Normal file
View File

@ -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>}}

2
content/news/_index.de.md
View File

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

2
content/news/_index.md
View File

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

2
layouts/_default/baseof.html
View File

@ -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>

1
layouts/shortcodes/wrap.html Normal file
View File

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