add updated program

gilde-der-nacht · Aug 24, 2021 · 981ffea · 981ffea
1 parent 5171efd
commit 981ffea
Show file tree

Hide file tree

Showing 4 changed files with 198 additions and 34 deletions.
diff --git a/themes/gilde-der-nacht/assets/sass/imports/5_components/_rounds.scss b/themes/gilde-der-nacht/assets/sass/imports/5_components/_rounds.scss
@@ -4,7 +4,12 @@
     border: 10px solid transparent;
     border-top: none;
     padding: 10px;
-    border-image: linear-gradient(to bottom,var(--primary-brand-color) 0%,var(--dark-grey-color) 75%,var(--contrast-brand-color) 100%);
+    border-image: linear-gradient(
+        to bottom,
+        var(--primary-brand-color) 0%,
+        var(--dark-grey-color) 75%,
+        var(--contrast-brand-color) 100%
+    );
     border-image-slice: 1;
 }
 
@@ -14,21 +19,29 @@
 }
 
 .c-rounds div.c-container .c-btn.c-register {
-	background-color: var(--contrast-brand-color);
-	border-color: var(--contrast-brand-color);
+    background-color: var(--contrast-brand-color);
+    border-color: var(--contrast-brand-color);
 }
 
 .c-rounds div.c-container .c-btn.c-register:hover,
 .c-rounds div.c-container .c-btn.c-register:active {
-	background-color: var(--primary-brand-color);
-	border-color: var(--primary-brand-color);
-	cursor: pointer;
+    background-color: var(--primary-brand-color);
+    border-color: var(--primary-brand-color);
+    cursor: pointer;
 }
 
 .c-rounds {
-    display: grid;
-    grid-template-columns: repeat(2, 50%);
-    grid-gap: 25px;
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+
+    > :nth-child(2n) {
+        margin-inline-start: 5rem;
+    }
+
+    > :nth-child(2n + 1) {
+        margin-inline-end: 5rem;
+    }
 
     label {
         background-color: var(--light-grey-color);
@@ -55,8 +68,8 @@
         }
     }
 
-    label.round-active, div.c-container {
-
+    label.round-active,
+    div.c-container {
         .c-btn {
             background-color: var(--primary-brand-color);
             border-color: var(--primary-brand-color);
@@ -78,14 +91,13 @@
         }
     }
 
-    input[type=checkbox] {
+    input[type="checkbox"] {
         display: none;
     }
 
-    input[type=button] {
+    input[type="button"] {
         pointer-events: none;
     }
-
 }
 
 #apollon-summary td {

diff --git a/themes/gilde-der-nacht/layouts/shortcodes/gameround.html b/themes/gilde-der-nacht/layouts/shortcodes/gameround.html
@@ -0,0 +1,24 @@
+{{ $title := .Get "title" }}
+{{ $start := .Get "start" }}
+{{ $end := .Get "end" }}
+{{ $genres := .Get "genres" }}
+{{ $description := .Get "description" }}
+{{ $image := .Get "image" }}
+
+<div class="c-container">
+
+    <div class="c-round-image">
+        {{ with $image }}
+        <img src="{{ . }}" alt="{{ $title }}">
+        {{ end }}
+    </div>
+
+    <div class="c-round">
+        <h1>{{ $title }}</h1>
+        <p class="c-round-date">{{ $start }} &ndash; {{ $end }} Uhr | {{ $genres }}</p>
+        {{ with $description }}
+        <p>{{ . }}</p>
+        {{ end }}
+    </div>
+
+</div>
diff --git a/websites/rollenspieltage.ch/content/program.de.md b/websites/rollenspieltage.ch/content/program.de.md
@@ -4,40 +4,167 @@ slug: "programm"
 aliases:
   - /program/
 date: 2019-06-21
+menu:
+  main:
+    weight: 20
 toc: true
 ---
 
+Komm einfach vorbei und melde dich spontan an. Freie Plätze sind fast in allen Runden vorhanden.
+
 ## Samstag
 
-_29. August 2020_
+_28. August 2021_
 
-<div class="c-calendar saturday u-bleed-out c-rounds">
-  <em>Runden werden geladen. Danke für deine Geduld.</em>
-</div>
+<div class="c-rounds">
 
-## Sonnntag
+{{< gameround
+  title="Everyone is John"
+  image="https://cdn.discordapp.com/attachments/724700043113791678/732663805397565480/everyone-is-john.jpg"
+  start="10"
+  end="12"
+  genres="Humor"
+>}}
+
+{{< gameround
+  title="Deadfaces"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863254267088926/deadfaces.jpg"
+  start="11"
+  end="18"
+  genres="Horror"
+  description="Zombie-Rätsel-Abenteuer"
+>}}
+
+{{< gameround
+  title="Die Legenden von Visétoile"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863256964010054/dnd-visetoile.jpg"
+  start="11"
+  end="16"
+  genres="Fantasy"
+  description="Die Legenden im Städtchen von Visétoile erzählen von einem fernen Volk, den Fernhütern, die sich durch die Ebenen der Existenz bewegen können und in Zeiten der Not dem Städtchen zur Seite zu stehen. Jedoch wurden die Fernhütern seit hunderten von Jahren nicht mehr gesehen und der Glaube an das Volk schwindet. Doch als eines nachts ein Meteor den Himmel erleuchtet, ist der örtliche Astronom überzeugt, dass dies die Ankunft der Fernhütern signalisiert. Er bittet dich und deine Abenteuergefährt:innen ihn auf einer Expedition zu begleiten."
+>}}
+
+{{< gameround
+  title="D&D 5E, Rime of the Frostmaiden, Kurzabenteuer"
+  image="https://media.discordapp.net/attachments/724700043113791678/724701581152616499/dnd.jpg"
+  start="13"
+  end="18"
+  genres="Fantasy"
+  description="Einzelne Sessions aus der offiziellen Kampagne Rime of the Frostmaiden."
+>}}
+
+{{< gameround
+  title="Der Sprawl 'Tautes Heim'"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863260671795271/sprawl.jpg"
+  start="13"
+  end="16"
+  genres="Cyberpunk"
+  description="Du wohnst in einem gemütlicher Wohnung in New Luzern. Doch dein zuhause  und das der andern Mietern wird von dem Konzern WoldSet bedroht als Netrunner stellt du dich mutig dem Konzern. Kannst du dein Zuhause das dir an Herz gewachsen ist retten?"
+>}}
+
+{{< gameround
+  title="Cyberpunk Red"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863252899725373/cyberpunk.jpg"
+  start="14"
+  end="18"
+  genres="Cyberpunk"
+  description="Das Original Role-playing Game of the Dark Future. Grundsätzlich keine Vorkenntnisse nötig, es wäre aber gut, wenn die Grundideen des Cyberpunk Genres bekannt wären."
+>}}
 
-_30. August 2020_
+{{< gameround
+  title="Wo soll ich anfangen?"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863261946851358/workshop1.jpg"
+  start="14"
+  end="16"
+  genres="Workshop"
+  description="Du möchtest gerne ein Rollenspiel mit deinen Freunden spielen? Aber die Unmenge an Büchern, Videos und Podcasts macht einem das Leben auch nicht gerade leichter? Wir reden gemeinsam darüber was ein Rollenspiel ausmacht, erfinden unser eigenes kleines Rollenspiel, dass wir dann auch sogleich ausprobieren. Zum Schluss vergleichen wir das noch mit oft gespielten Rollenspielen."
+>}}
+
+{{< gameround
+  title="Spielleiter:innen Workshop"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863264262111282/workshop2.jpg"
+  start="16"
+  end="18"
+  genres="Workshop"
+  description="Du übernimmst die Spielleitung, weisst aber nicht so genau wie weiter. Wir reden darüber was man vorbereiten kann, was es für Hilfsmittel gibt und dem vielleicht schwierigsten Punkt, dass trotz allem, du eine flexible Person am Tisch sein musst. Was auch immer deine Fragen zu dem Thema sind, gemeinsam finden wir bestimmt eine gute Idee."
+>}}
+
+{{< gameround
+  title="Spielleiter:innen Workshop"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863264262111282/workshop2.jpg"
+  start="17"
+  end="19"
+  genres="Workshop"
+  description="Du übernimmst die Spielleitung, weisst aber nicht so genau wie weiter. Wir reden darüber was man vorbereiten kann, was es für Hilfsmittel gibt und dem vielleicht schwierigsten Punkt, dass trotz allem, du eine flexible Person am Tisch sein musst. Was auch immer deine Fragen zu dem Thema sind, gemeinsam finden wir bestimmt eine gute Idee."
+>}}
+
+{{< gameround
+  title="Cyberpunk Red"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863252899725373/cyberpunk.jpg"
+  start="18"
+  end="23"
+  genres="Cyberpunk"
+  description="Das Original Role-playing Game of the Dark Future. Grundsätzlich keine Vorkenntnisse nötig, es wäre aber gut, wenn die Grundideen des Cyberpunk Genres bekannt wären."
+>}}
+
+{{< gameround
+  title="Ironsworn"
+  image="https://cdn.discordapp.com/attachments/724700043113791678/724700447931367545/ironsowrn.jpg"
+  start="20"
+  end="23"
+  genres="Fantasy"
+  description="Im Rollenspiel Ironsworn begibst du dich auf eine heldenhafte Reise durch die Eisenlande, einer rauen und unerforschten Fantasy-Welt. Knüpfe Bande zu abgelegenen Gemeinschaften, trage erbarmungslose Kämpfe aus und decke mystische Geheimnisse auf, um deine Queste zu erfüllen. Bist du bereit, Eiserne Eide zu schwören - und ihre Konsequenzen zu tragen?"
+>}}
+
+{{< gameround
+  title="Everyone is John"
+  image="https://cdn.discordapp.com/attachments/724700043113791678/732663805397565480/everyone-is-john.jpg"
+  start="20"
+  end="22"
+  genres="Humor"
+>}}
 
-<div class="c-calendar sunday u-bleed-out c-rounds">
-  <em>Runden werden geladen. Danke für deine Geduld.</em>
 </div>
 
-## Anmelden
+## Sonnntag
 
-Die Rollenspielrunden und die **Anmeldung** finden auf einem speziell dafür vorbereiteten Discord-Server statt. Klicke auf folgenden Link, um den Server zu öffnen: https://discord.gg/ThDXTwP
+_29. August 2021_
 
-## Was ist Discord?
+<div class="c-rounds">
 
-[Discord](https://discord.com/) ist ein kostenloses Chatprogramm, das im Browser läuft aber auch als App installiert werden kann (Windows, macOS, Android, iOS etc.). Auf unserem Discord-Server findest du diverse *Kanäle*:
+{{< gameround
+  title="D&D 5E, Rime of the Frostmaiden, Kurzabenteuer"
+  image="https://media.discordapp.net/attachments/724700043113791678/724701581152616499/dnd.jpg"
+  start="10"
+  end="16"
+  genres="Fantasy"
+  description="Einzelne Sessions aus der offiziellen Kampagne Rime of the Frostmaiden."
+>}}
 
-* Kanäle, in denen du dich für die Spielrunden anmelden kannst,
-* einen Kanal, in dem du dich melden kannst, wenn du Probleme mit Discord oder anderen Aspekten hast,
-* Spielkanäle (Text- und Audiokanäle), in denen gespielt wird,
-* einen Kanal für generelles Plaudern und Austauschen mit anderen Spielern und den Spielleitern
-* und noch ein paar mehr
+{{< gameround
+  title="Die Legenden von Visétoile"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863256964010054/dnd-visetoile.jpg"
+  start="13"
+  end="17"
+  genres="Fantasy"
+  description="Die Legenden im Städtchen von Visétoile erzählen von einem fernen Volk, den Fernhütern, die sich durch die Ebenen der Existenz bewegen können und in Zeiten der Not dem Städtchen zur Seite zu stehen. Jedoch wurden die Fernhütern seit hunderten von Jahren nicht mehr gesehen und der Glaube an das Volk schwindet. Doch als eines nachts ein Meteor den Himmel erleuchtet, ist der örtliche Astronom überzeugt, dass dies die Ankunft der Fernhütern signalisiert. Er bittet dich und deine Abenteuergefährt:innen ihn auf einer Expedition zu begleiten."
+>}}
 
-Uns ist wichtig, dass Discord dir nicht im Wege steht, sondern das Erlebnis der Rollenspieltage möglichst gut unterstützt. Wenn du also auf Probleme oder Fragen stösst, [zögere nicht uns zu kontaktieren]({{< ref "contact" >}}), damit wir dir helfen können.
+{{< gameround
+  title="Call of Cthulhu - Der Nachtexpress"
+  image="https://cdn.discordapp.com/attachments/814528656323248140/879863249959530527/coc.jpg"
+  start="13"
+  end="17"
+  genres="Horror, Krimi, Historisch"
+  description="Ein kurzes Einstiegsabenteuer für CoC Neulinge; spielt im Deutschland der 20er Jahre. Ihr begebt euch im luxuriösen Nachtzug auf die Reise von Frankfurt nach Berlin. Vorgefertigte Charaktere werden gestellt."
+>}}
 
-<script src="/scripts/cal-model.js"></script>
-<script src="/scripts/cal-view.js"></script>
+{{< gameround
+  title="Ironsworn"
+  image="https://cdn.discordapp.com/attachments/724700043113791678/724700447931367545/ironsowrn.jpg"
+  start="13"
+  end="16"
+  genres="Fantasy"
+  description="Im Rollenspiel Ironsworn begibst du dich auf eine heldenhafte Reise durch die Eisenlande, einer rauen und unerforschten Fantasy-Welt. Knüpfe Bande zu abgelegenen Gemeinschaften, trage erbarmungslose Kämpfe aus und decke mystische Geheimnisse auf, um deine Queste zu erfüllen. Bist du bereit, Eiserne Eide zu schwören - und ihre Konsequenzen zu tragen?"
+>}}
+</div>
diff --git a/websites/rollenspieltage.ch/content/program.en.md b/websites/rollenspieltage.ch/content/program.en.md
@@ -2,6 +2,7 @@
 title: "Program"
 date: 2019-06-21
 toc: true
+draft: true
 ---
 
 **If not specifically noted, the rounds will be played in German.**