From b24a74b77a175ec92b1db8dc15c29c1eecc8b465 Mon Sep 17 00:00:00 2001 From: OpenVisor Date: Thu, 13 Jun 2024 19:06:13 +0200 Subject: [PATCH] Add "Kurzfilme" page and component; Update "Letzte Gelegenheit" page; Update "Ueber uns" page; Fix links pointing to incorrect pages --- src/components/info-box.vue | 28 +- .../kommende-letzte-gelegenheit-runs.vue | 37 +- src/components/kontakt.vue | 2 + src/components/navigation.vue | 637 +++++++++++------- src/components/summary-games.vue | 2 +- src/components/summary-shortfilms.vue | 72 ++ src/components/veranstaltungen-liste.vue | 63 +- src/router.js | 14 +- src/style.css | 17 + src/views/ber-uns.vue | 18 +- src/views/games.vue | 4 +- src/views/games/assemblatron.vue | 19 +- src/views/home.vue | 61 +- src/views/kurzfilme.vue | 71 ++ .../die-legende-vom-wolf-des-sdens.vue | 108 +++ src/views/kurzgeschichten/rosenteufel.vue | 12 +- .../kurzgeschichten/unwichtigster-mensch.vue | 2 +- src/views/larps/letzte-gelegenheit.vue | 49 +- 18 files changed, 838 insertions(+), 378 deletions(-) create mode 100644 src/components/summary-shortfilms.vue create mode 100644 src/views/kurzfilme.vue create mode 100644 src/views/kurzfilme/die-legende-vom-wolf-des-sdens.vue diff --git a/src/components/info-box.vue b/src/components/info-box.vue index a6c3fea..56e22bb 100644 --- a/src/components/info-box.vue +++ b/src/components/info-box.vue @@ -32,7 +32,7 @@
 · - + Intensive Momente und Emotionen ermöglichen, die in Erinnerung @@ -42,7 +42,7 @@
 · - + Persönliche Auseinandersetzungen der Spieler mit nicht @@ -53,7 +53,7 @@
 · - + Interne Charakterentwicklung oder -verfestigung durch externe @@ -63,14 +63,14 @@
 · - + Dilemmata mit sich selbst und mit anderen.

 · - + Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern @@ -254,7 +254,7 @@
Wir werden das - + Open Visor Larpkonzept @@ -518,7 +518,7 @@
Parkplatz: - +
-

{{ run5 }}

+

Run 7 (Schweiz)

+

in Abklärung

+

{{ standortWeisslingen }}

-

- 25. Mai 2024, 10:00 Uhr bis - -

-

26. Mai 2024, 14:00 Uhr

-
-

{{ standortWeisslingen1 }}

-
-

0 von 15 freie Plätze

-

0 Personen auf Warteliste

+

15 von 15 freie Plätze

+

Anmeldung noch nicht offen

-

{{ run6 }}

-
-

01. Juni 2024, 10:00 Uhr bis

-

02. Juni 2024, 14:00 Uhr

-
+

Run 8 (Schweiz)

+

in Abklärung

{{ standortWeisslingen }}

-

0 von 15 freie Plätze

-

3 Personen auf Warteliste

+

15 von 15 freie Plätze

+

Anmeldung noch nicht offen

@@ -54,18 +45,14 @@ export default { default: 'Run 5 (Schweiz)', }, }, - data() { - return { - rawvckd: ' ', - } - }, } diff --git a/src/components/kontakt.vue b/src/components/kontakt.vue index 5430503..80eb419 100644 --- a/src/components/kontakt.vue +++ b/src/components/kontakt.vue @@ -125,6 +125,8 @@ export default { + + diff --git a/src/components/navigation.vue b/src/components/navigation.vue index daecd26..9dc9919 100644 --- a/src/components/navigation.vue +++ b/src/components/navigation.vue @@ -97,6 +97,109 @@ +
+
+ + {{ games }} + +
+ + + +
+
+
    + +
  • +
    + + {{ assemblatron }} + +
    +
    • +     + +
  • +
    + + {{ murphysLarp }} + +
    +
    • +     +
+
+
+
+ + Kurzfilme + +
+ + + +
+
+
    + +
  • +
    + + Die Legende vom Wolf des Südens (Trailer) + +
    +
    • +     +
+
  • {{ einOrdenFuerEineGuteTat }} @@ -413,68 +516,10 @@
-
-
- - {{ games }} - -
- - - -
-
-
    - -
  • -
    - - {{ assemblatron }} - -
    -
    • -     - -
  • -
    - - {{ murphysLarp }} - -
    -
    • -     -
-
- + @@ -488,7 +533,7 @@ >
- + @@ -540,7 +585,7 @@ >
{{ suesseTraeume }} @@ -555,7 +600,7 @@ >
{{ letzteGelegenheit }} @@ -570,7 +615,7 @@ >
+
+
+ + {{ games }} + +
+ + + +
+
+
    + +
  • +
    + + {{ assemblatron }} + +
    +
    • +     + +
  • +
    + + {{ murphysLarp }} + +
    +
    • +     +
+
+
+
+ + Kurzfilme + +
+ + + +
+
+
    + +
  • +
    + + Die Legende vom Wolf des Südens (Trailer) + +
    +
    • +     +
+
{{ rosenteufel }} @@ -643,7 +785,7 @@ >
{{ einsamesSchaf }} @@ -658,7 +800,7 @@ >
{{ gefangenerGorilla }} @@ -673,7 +815,7 @@ >
{{ lasstMichRuhen }} @@ -688,7 +830,7 @@ >
{{ dieLoesungGegenLeid }} @@ -703,7 +845,7 @@ >
{{ infiniteDeathsEnglish }}Die Lösung Gegen Leid @@ -718,7 +860,7 @@ >
{{ versetztesBeduerfnis }}Die Lösung Gegen Leid @@ -735,7 +877,7 @@ >
{{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen Leid @@ -750,7 +892,7 @@ >
{{ lebenStattUeberleben }}Die Lösung Gegen Leid @@ -765,7 +907,7 @@ >
{{ getraeumtesGlueck }}Ein Orden für eine gute Tat @@ -780,7 +922,7 @@ >
{{ klonOderLeid }}Lasst mich Ruhen! @@ -795,7 +937,7 @@ >
{{ ichWillKeinHammerSein }}Lasst mich Ruhen! @@ -810,7 +952,7 @@ >
{{ teilungZweierWelten }}Lasst mich Ruhen! @@ -825,7 +967,7 @@ >
{{ huhnRammtHuhn }}Lasst mich Ruhen! @@ -840,7 +982,7 @@ >
{{ heiligerSteinkrieg }}Lasst mich Ruhen! @@ -855,7 +997,7 @@ >
{{ unwichtigsterMensch }}Lasst mich Ruhen! @@ -870,7 +1012,7 @@ >
{{ superkraftImStarbucks }}Lasst mich Ruhen! @@ -885,7 +1027,7 @@ >
{{ themOrUsEnglish }}Lasst mich Ruhen! @@ -895,62 +1037,6 @@
-
-
- - {{ games }} - -
- - - -
-
-
    - -
  • -
    - - {{ assemblatron }} - -
    -
    • -     - -
  • -
    - - {{ murphysLarp }} - -
    -
    • -     -
-
@@ -1121,7 +1207,7 @@ export default { display: flex; } .navigation-nav { - gap: 50px; + gap: 38px; flex: 0 0 auto; display: flex; align-items: center; @@ -1157,23 +1243,6 @@ export default { color: #fff; background-color: #595959; } -.navigation-kurzgeschichten-dropdown { - cursor: pointer; - display: inline-block; - position: relative; - border-radius: var(--dl-radius-radius-radius2); -} -.navigation-kurzgeschichten { - text-decoration: none; -} -.navigation-dropdown-list1 { - display: none; -} -.navigation-dropdown-toggle05:hover { - fill: #fff; - color: #fff; - background-color: #595959; -} .navigation-games-dropdown { cursor: pointer; display: inline-block; @@ -1183,18 +1252,55 @@ export default { .navigation-games { text-decoration: none; } -.navigation-dropdown-list2 { +.navigation-dropdown-list1 { display: none; } .navigation-assemblatron-dropdown { text-decoration: none; } -.navigation-dropdown-toggle25:hover { +.navigation-dropdown-toggle05:hover { fill: #fff; color: #fff; background-color: #595959; } -.navigation-dropdown-toggle26:hover { +.navigation-dropdown-toggle06:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-kurzfilme-dropdown { + cursor: pointer; + display: inline-block; + position: relative; + border-radius: var(--dl-radius-radius-radius2); +} +.navigation-kurzfilme { + text-decoration: none; +} +.navigation-dropdown-list2 { + display: none; +} +.navigation-wolf-des-suedens-dropdown { + text-decoration: none; +} +.navigation-dropdown-toggle08:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-kurzgeschichten-dropdown { + cursor: pointer; + display: inline-block; + position: relative; + border-radius: var(--dl-radius-radius-radius2); +} +.navigation-kurzgeschichten { + text-decoration: none; +} +.navigation-dropdown-list3 { + display: none; +} +.navigation-dropdown-toggle10:hover { fill: #fff; color: #fff; background-color: #595959; @@ -1204,7 +1310,7 @@ export default { align-items: center; justify-content: center; } -.navigation-icon06 { +.navigation-icon08 { fill: #ffffff; width: 36px; cursor: pointer; @@ -1214,7 +1320,7 @@ export default { border-radius: 18px; background-color: rgba(100, 100, 100, 0.4); } -.navigation-icon06:hover { +.navigation-icon08:hover { opacity: 0.5; } .navigation-mobile-menu { @@ -1246,7 +1352,7 @@ export default { .navigation-menu-close { display: flex; } -.navigation-icon08 { +.navigation-icon10 { fill: #ffffff; width: 30px; cursor: pointer; @@ -1255,7 +1361,7 @@ export default { transition: 0.3s; margin-left: -30px; } -.navigation-icon08:hover { +.navigation-icon10:hover { opacity: 0.5; } .navigation-larps1 { @@ -1264,51 +1370,6 @@ export default { .navigation-larps-dropdown-list { display: none; } -.navigation-dropdown-toggle28 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-dropdown-toggle28:hover { - fill: #fff; - color: #fff; - background-color: #595959; -} -.navigation-suesse-traeume1 { - width: 100%; - cursor: pointer; - display: flex; - font-size: 14px; - font-style: normal; - font-family: Poppins; - font-weight: 400; -} -.navigation-dropdown-toggle29 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); -} -.navigation-dropdown-toggle29:hover { - fill: #fff; - color: #fff; - background-color: #595959; -} .navigation-dropdown-toggle30 { fill: #595959; color: #595959; @@ -1327,6 +1388,51 @@ export default { color: #fff; background-color: #595959; } +.navigation-suesse-traeume1 { + width: 100%; + cursor: pointer; + display: flex; + font-size: 14px; + font-style: normal; + font-family: Poppins; + font-weight: 400; +} +.navigation-dropdown-toggle31 { + fill: #595959; + color: #595959; + width: 100%; + display: inline-flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-halfunit); + padding-left: var(--dl-space-space-unit); + border-radius: var(--dl-radius-radius-radius4); + padding-right: var(--dl-space-space-unit); + padding-bottom: var(--dl-space-space-halfunit); +} +.navigation-dropdown-toggle31:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-dropdown-toggle32 { + fill: #595959; + color: #595959; + width: 100%; + display: inline-flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-halfunit); + padding-left: var(--dl-space-space-unit); + border-radius: var(--dl-radius-radius-radius4); + padding-right: var(--dl-space-space-unit); + padding-bottom: var(--dl-space-space-halfunit); +} +.navigation-dropdown-toggle32:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} .navigation-conundrum-schatten-ueber-ostmerkopa1 { width: 100%; cursor: pointer; @@ -1336,46 +1442,47 @@ export default { font-family: Poppins; font-weight: 400; } -.navigation-kurzgeschichten1 { +.navigation-games1 { text-decoration: none; } -.navigation-kurzgeschichten-dropdown-list { +.navigation-games-dropdown-list { display: none; } -.navigation-dropdown-toggle33:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-assemblatron1 { + text-decoration: none; } -.navigation-dropdown-toggle34:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-dropdown-toggle35 { + fill: #595959; + color: #595959; + width: 100%; + display: inline-flex; + transition: 0.3s; + align-items: center; + padding-top: var(--dl-space-space-halfunit); + padding-left: var(--dl-space-space-unit); + border-radius: var(--dl-radius-radius-radius4); + padding-right: var(--dl-space-space-unit); + padding-bottom: var(--dl-space-space-halfunit); } .navigation-dropdown-toggle35:hover { fill: #fff; color: #fff; background-color: #595959; } -.navigation-dropdown-toggle36:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-kurzfilme1 { + text-decoration: none; } -.navigation-dropdown-toggle37:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-games-dropdown-list1 { + display: none; } -.navigation-dropdown-toggle38:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-wolf-des-suedens1 { + text-decoration: none; } -.navigation-dropdown-toggle39:hover { - fill: #fff; - color: #fff; - background-color: #595959; +.navigation-kurzgeschichten1 { + text-decoration: none; +} +.navigation-kurzgeschichten-dropdown-list { + display: none; } .navigation-dropdown-toggle40:hover { fill: #fff; @@ -1392,9 +1499,6 @@ export default { color: #fff; background-color: #595959; } -.navigation-dropdown-toggle43 { - position: relative; -} .navigation-dropdown-toggle43:hover { fill: #fff; color: #fff; @@ -1430,38 +1534,49 @@ export default { color: #fff; background-color: #595959; } +.navigation-dropdown-toggle50 { + position: relative; +} .navigation-dropdown-toggle50:hover { fill: #fff; color: #fff; background-color: #595959; } -.navigation-kurzgeschichten2 { - text-decoration: none; +.navigation-dropdown-toggle51:hover { + fill: #fff; + color: #fff; + background-color: #595959; } -.navigation-games-dropdown-list { - display: none; -} -.navigation-assemblatron1 { - text-decoration: none; -} -.navigation-dropdown-toggle53 { - fill: #595959; - color: #595959; - width: 100%; - display: inline-flex; - transition: 0.3s; - align-items: center; - padding-top: var(--dl-space-space-halfunit); - padding-left: var(--dl-space-space-unit); - border-radius: var(--dl-radius-radius-radius4); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-halfunit); +.navigation-dropdown-toggle52:hover { + fill: #fff; + color: #fff; + background-color: #595959; } .navigation-dropdown-toggle53:hover { fill: #fff; color: #fff; background-color: #595959; } +.navigation-dropdown-toggle54:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-dropdown-toggle55:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-dropdown-toggle56:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} +.navigation-dropdown-toggle57:hover { + fill: #fff; + color: #fff; + background-color: #595959; +} .navigation-root-class-name { max-width: 1200px; } @@ -1575,6 +1690,12 @@ export default { .navigation-root-class-name40 { max-width: 1200px; } +.navigation-root-class-name41 { + max-width: 1200px; +} +.navigation-root-class-name42 { + max-width: 1200px; +} @media(max-width: 991px) { .navigation-navbar-interactive { padding-bottom: var(--dl-space-space-twounits); diff --git a/src/components/summary-games.vue b/src/components/summary-games.vue index b6f4abd..9bd4143 100644 --- a/src/components/summary-games.vue +++ b/src/components/summary-games.vue @@ -30,7 +30,7 @@ export default { assemblatronBeschreibung: { type: String, default: - 'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.', + 'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie, in der die Bevölkerung ununterbrochen in Fabriken Kampfroboter baut, welche die anderen, feindlichen Städte zerstören.', }, assemblatron: { type: String, diff --git a/src/components/summary-shortfilms.vue b/src/components/summary-shortfilms.vue new file mode 100644 index 0000000..815f1f1 --- /dev/null +++ b/src/components/summary-shortfilms.vue @@ -0,0 +1,72 @@ + + + + + diff --git a/src/components/veranstaltungen-liste.vue b/src/components/veranstaltungen-liste.vue index 2638f2d..55e1b39 100644 --- a/src/components/veranstaltungen-liste.vue +++ b/src/components/veranstaltungen-liste.vue @@ -17,7 +17,7 @@

13. Mai 2023, 10:00 Uhr bis - +

14. Mai 2023, 14:00 Uhr

@@ -31,7 +31,7 @@

1. Juli 2023, 10:00 Uhr bis - +

2. Juli 2023, 14:00 Uhr

@@ -51,8 +51,35 @@ durchgeführt mit 15 Teilnehmenden

+
+

{{ run5 }}

+
+

+ 25. Mai 2024, 10:00 Uhr bis + +

+

26. Mai 2024, 14:00 Uhr

+
+

{{ standortWeisslingen1 }}

+

+ durchgeführt mit 15 Teilnehmenden +

+
+
+

{{ run6 }}

+
+

01. Juni 2024, 10:00 Uhr bis

+

02. Juni 2024, 14:00 Uhr

+
+

{{ standortWeisslingen2 }}

+

+ durchgeführt mit 15 Teilnehmenden +

+
- +
@@ -66,10 +93,35 @@ export default { type: String, default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten', }, + standortWeisslingen1: { + type: String, + default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', + }, + rootClassName1: String, + standortWeisslingen4: { + type: String, + default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', + }, + run5: { + type: String, + default: 'Run 5 (Schweiz)', + }, + run6: { + type: String, + default: 'Run 6 (Schweiz)', + }, + standortWeisslingen2: { + type: String, + default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', + }, standortHerten1: { type: String, default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten', }, + standortWeisslingen3: { + type: String, + default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen', + }, run1: { type: String, default: 'Run 1 (Schweiz)', @@ -101,8 +153,9 @@ export default { }, data() { return { - rawtqgd: ' ', - rawi023: ' ', + rawvn37: ' ', + raw423x: ' ', + rawfc42: ' ', } }, } diff --git a/src/router.js b/src/router.js index f83b805..b07552a 100644 --- a/src/router.js +++ b/src/router.js @@ -6,6 +6,7 @@ import KlonOderLeid from './views/kurzgeschichten/klon-oder-leid' import Games from './views/games' import HuhnRammtHuhn from './views/kurzgeschichten/huhn-rammt-huhn' import HeiligerSteinkrieg from './views/kurzgeschichten/heiliger-steinkrieg' +import DieLegendeVomWolfDesSdens from './views/kurzfilme/die-legende-vom-wolf-des-sdens' import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis' import Assemblatron from './views/games/assemblatron' import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf' @@ -26,6 +27,7 @@ import TeilungZweierWelten from './views/kurzgeschichten/teilung-zweier-welten' import Page from './views/page' import LARPs from './views/lar-ps' import IchWillKeinHammerSein from './views/kurzgeschichten/ich-will-kein-hammer-sein' +import Kurzfilme from './views/kurzfilme' import SsseTrume from './views/larps/ssse-trume' import BerUns from './views/ber-uns' import Larpkonzept from './views/larpkonzept' @@ -48,7 +50,7 @@ export default new Router({ }, { name: 'Games', - path: '/drama-games', + path: '/games', component: Games, }, { @@ -61,6 +63,11 @@ export default new Router({ path: '/kurzgeschichten/heiliger-steinkrieg', component: HeiligerSteinkrieg, }, + { + name: 'Die-Legende-vom-Wolf-des-Sdens', + path: '/kurzfilme/wolf-des-suedens', + component: DieLegendeVomWolfDesSdens, + }, { name: 'Versetztes-Bedrfnis', path: '/kurzgeschichten/versetztes-beduerfnis', @@ -161,6 +168,11 @@ export default new Router({ path: '/kurzgeschichten/ich-will-kein-hammer-sein', component: IchWillKeinHammerSein, }, + { + name: 'Kurzfilme', + path: '/kurzfilme', + component: Kurzfilme, + }, { name: 'Ssse-Trume', path: '/larps/suesse-traeume', diff --git a/src/style.css b/src/style.css index 7b18d86..a33dab0 100644 --- a/src/style.css +++ b/src/style.css @@ -712,6 +712,15 @@ display: flex; flex-direction: column; } +.embedded-video { + width: 640px; + height: 360px; + align-self: center; + margin-top: 20px; + margin-left: 0px; + margin-right: 0px; + margin-bottom: -40px; +} .Heading { font-size: 32px; font-family: Inter; @@ -802,6 +811,10 @@ .desktop-menu-dropdown-list { display: none; } + .embedded-video { + width: 480px; + height: 270px; + } } @media(max-width: 479px) { .section-head { @@ -835,4 +848,8 @@ .event-list { width: 90%; } + .embedded-video { + width: 400px; + height: 225px; + } } diff --git a/src/views/ber-uns.vue b/src/views/ber-uns.vue index 83f4b35..d2a27f5 100644 --- a/src/views/ber-uns.vue +++ b/src/views/ber-uns.vue @@ -8,23 +8,25 @@
- OpenVisor ist eine non-profit Marke unter welcher wir Geschichten - erfinden und erzählen und allerlei damit verbundene Kunst erschaffen. + OpenVisor ist eine non-profit Marke unter welcher Geschichten erfunden + und erzählt werden und allerlei damit verbundene Kunst. OpenVisor + garantiert, dass alle ihre Inhalte frei verfügbar bleiben. Bei LARPs die + noch kommende Veranstaltungen haben werden die Inhalte erst nach der + letzten Durchführung veröffentlicht um Spoilter zu vermeiden.

- Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor - Team. In Zukunft wird es sicher mehr Mitglieder im Team geben. Wenn es - soweit ist, wird OpenVisor wahrscheinlich in einem Verein organisiert - werden. + Bis jetzt hat nur Hermann Werke unter der OpenVisor Marke erstellt aber + man darf gerne mit ihm in Kontakt treten wenn man hier etwas + veröffentlichen möchte.

Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu - merken. Folgend ist eine Liste von Larps und ähnlichen Veranstaltungen - an denen Hermann teilgenommen hat und teilnehmen wird. :) + merken. Folgend ist eine Liste von LARPs und ähnlichen Veranstaltungen + an denen Hermann teilgenommen hat oder noch teilnehmen wird. :)
diff --git a/src/views/games.vue b/src/views/games.vue index 2a11660..d307030 100644 --- a/src/views/games.vue +++ b/src/views/games.vue @@ -34,7 +34,7 @@ export default { AppKontakt, }, metaInfo: { - title: 'OpenVisor - Drama Games', + title: 'OpenVisor - Games', meta: [ { name: 'description', @@ -43,7 +43,7 @@ export default { }, { property: 'og:title', - content: 'OpenVisor - Drama Games', + content: 'OpenVisor - Games', }, { property: 'og:description', diff --git a/src/views/games/assemblatron.vue b/src/views/games/assemblatron.vue index 99b0db5..744588d 100644 --- a/src/views/games/assemblatron.vue +++ b/src/views/games/assemblatron.vue @@ -11,17 +11,14 @@
- - Ein Videospiel in einer von George Orwells "Nineteen - Eighty-Four" inspirierten Dystopie in der die Bevölkerung - ununterbrochen in Fabriken Kampfroboter baut welche die anderen, - feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im - Kran und muss ähnlich wie bei dem klassischen Arcade-Klauen-Spiel - Gegenstände hochhiefen, im Spiel dann aber an die richtige Stelle tragen - um den jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil - der Texturen ist stark von Metropolis inspiriert. - -
+ Ein Videospiel in einer von George Orwells "Nineteen + Eighty-Four" inspirierten Dystopie, in der die Bevölkerung + ununterbrochen in Fabriken Kampfroboter baut, welche die anderen, + feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im Kran + und muss ähnlich wie bei der klassischen Arcade-Klauenmaschine Gegenstände + hochhieven, im Spiel dann aber an die richtige Stelle tragen, um den + jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil der + Texturen ist stark von Metropolis inspiriert.
-
-
+
+

Kommende Veranstaltungen

@@ -17,21 +17,38 @@ >
-

LARPs

+ +

LARPs

+
-

- GAMES -
-

+ +

+ GAMES +
+

+
-

- Kurzgeschichten -
-

+ +

+ KURZFILME +
+

+ + +
+
+ +

+ Kurzgeschichten +
+

+
@@ -43,6 +60,7 @@ import AppNavigation from '../components/navigation' import KommendeLetzteGelegenheitRuns from '../components/kommende-letzte-gelegenheit-runs' import SummaryLarps from '../components/summary-larps' import SummaryGames from '../components/summary-games' +import SummaryShortfilms from '../components/summary-shortfilms' import SummaryShortstories from '../components/summary-shortstories' import AppKontakt from '../components/kontakt' @@ -54,6 +72,7 @@ export default { KommendeLetzteGelegenheitRuns, SummaryLarps, SummaryGames, + SummaryShortfilms, SummaryShortstories, AppKontakt, }, @@ -88,7 +107,7 @@ export default { .home-image { width: 640px; } -.home-veranstaltungen-kapitel { +.home-kapitel-veranstaltungen { gap: var(--dl-space-space-halfunit); flex: 1; width: 100%; @@ -102,7 +121,7 @@ export default { justify-content: center; border-top-width: 0px; } -.home-veranstaltungen-titel { +.home-titel-veranstaltungen { gap: var(--dl-space-space-oneandhalfunits); width: 100%; display: flex; @@ -112,6 +131,18 @@ export default { padding-bottom: var(--dl-space-space-oneandhalfunits); justify-content: center; } +.home-titel-larps { + text-decoration: none; +} +.home-titel-games { + text-decoration: none; +} +.home-titel-kurzfilme { + text-decoration: none; +} +.home-titel-kurzgeschichten { + text-decoration: none; +} @media(max-width: 991px) { .home-image { width: 420px; @@ -121,13 +152,13 @@ export default { .home-image { margin-top: var(--dl-space-space-unit); } - .home-veranstaltungen-kapitel { + .home-kapitel-veranstaltungen { width: auto; border-color: transparent; } } @media(max-width: 479px) { - .home-veranstaltungen-titel { + .home-titel-veranstaltungen { width: auto; height: auto; max-width: auto; diff --git a/src/views/kurzfilme.vue b/src/views/kurzfilme.vue new file mode 100644 index 0000000..edd8f16 --- /dev/null +++ b/src/views/kurzfilme.vue @@ -0,0 +1,71 @@ + + + + + diff --git a/src/views/kurzfilme/die-legende-vom-wolf-des-sdens.vue b/src/views/kurzfilme/die-legende-vom-wolf-des-sdens.vue new file mode 100644 index 0000000..92fa839 --- /dev/null +++ b/src/views/kurzfilme/die-legende-vom-wolf-des-sdens.vue @@ -0,0 +1,108 @@ + + + + + diff --git a/src/views/kurzgeschichten/rosenteufel.vue b/src/views/kurzgeschichten/rosenteufel.vue index 2c2511c..6b13c8f 100644 --- a/src/views/kurzgeschichten/rosenteufel.vue +++ b/src/views/kurzgeschichten/rosenteufel.vue @@ -79,7 +79,7 @@ Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss was - + Geziefer dort treibt...”
@@ -247,7 +247,7 @@ nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen. Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut - + noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen @@ -298,7 +298,7 @@ zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick. Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders... - +
@@ -319,9 +319,9 @@ export default { }, data() { return { - rawwtzq: ' ', - rawv7rj: ' ', - rawe3wy: ' ', + raw4ubi: ' ', + rawkigv: ' ', + rawe85u: ' ', } }, metaInfo: { diff --git a/src/views/kurzgeschichten/unwichtigster-mensch.vue b/src/views/kurzgeschichten/unwichtigster-mensch.vue index ab833e0..b41aee7 100644 --- a/src/views/kurzgeschichten/unwichtigster-mensch.vue +++ b/src/views/kurzgeschichten/unwichtigster-mensch.vue @@ -1,7 +1,7 @@