Add 3 blog articles

This commit is contained in:
OpenVisor 2024-06-16 23:52:59 +02:00
parent 3bda5ebb1d
commit e918fbb237
12 changed files with 690 additions and 162 deletions

View file

@ -32,7 +32,7 @@
<br />
<span>
 ·
<span v-html="rawxz9a"></span>
<span v-html="rawdcdn"></span>
</span>
<span>
Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@ -42,7 +42,7 @@
<br />
<span>
 ·
<span v-html="raw2sai"></span>
<span v-html="rawrp1e"></span>
</span>
<span>
Persönliche Auseinandersetzungen der Spieler mit nicht
@ -53,7 +53,7 @@
<br />
<span>
 ·
<span v-html="rawthil"></span>
<span v-html="raw2qg1"></span>
</span>
<span>
Interne Charakterentwicklung oder -verfestigung durch externe
@ -63,14 +63,14 @@
<br />
<span>
 ·
<span v-html="rawayhd"></span>
<span v-html="raw9xiq"></span>
</span>
<span>Dilemmata mit sich selbst und mit anderen.</span>
<br />
<br />
<span>
 ·
<span v-html="raw2a59"></span>
<span v-html="raw9gnw"></span>
</span>
<span>
Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@ -254,7 +254,7 @@
<br />
<span>
Wir werden das
<span v-html="raww0gx"></span>
<span v-html="rawjexr"></span>
</span>
<router-link to="/larpkonzept" class="info-box-navlink">
Open Visor Larpkonzept
@ -518,7 +518,7 @@
<br />
<span>
Parkplatz:
<span v-html="rawc83p"></span>
<span v-html="rawgsx3"></span>
</span>
<a
href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@ -1459,13 +1459,13 @@ export default {
},
data() {
return {
rawxz9a: ' ',
raw2sai: ' ',
rawthil: ' ',
rawayhd: ' ',
raw2a59: ' ',
raww0gx: ' ',
rawc83p: ' ',
rawdcdn: ' ',
rawrp1e: ' ',
raw2qg1: ' ',
raw9xiq: ' ',
raw9gnw: ' ',
rawjexr: ' ',
rawgsx3: ' ',
}
},
}

View file

@ -128,6 +128,9 @@ export default {

View file

@ -540,14 +540,65 @@
data-thq="thq-dropdown-list"
class="navigation-dropdown-list4 desktop-menu-dropdown-list"
>
<router-link to="/games/assemblatron">
<router-link to="/blog/funktioniert-larp-auch-online">
<li
data-thq="thq-dropdown"
class="navigation-funktioniert-online-larp desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle30"
>
<span class="desktop-menu-dropdown-option">
Funktioniert LARP auch online?
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pen-and-paper-ist"
>
<li
data-thq="thq-dropdown"
class="navigation-itras-by desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle31"
>
<span class="desktop-menu-dropdown-option">
Wieso Itras By ein so simples wie grandioses P&amp;P ist
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht"
>
<li
data-thq="thq-dropdown"
class="navigation-wie-gutes-online-larp desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle32"
>
<span class="desktop-menu-dropdown-option">
Wie man ein gutes Online LARP macht (und wie nicht)
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wie-tales-inside-eine-einmalige-immersion-erreicht"
>
<li
data-thq="thq-dropdown"
class="navigation-tales-inside-dropdown desktop-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle30"
class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle33"
>
<span class="desktop-menu-dropdown-option">
Wie Tales Inside eine einmalige Immersion erreicht
@ -626,7 +677,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle32"
class="navigation-dropdown-toggle35"
>
<span class="navigation-suesse-traeume1 nav-link">
{{ suesseTraeume }}
@ -641,7 +692,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle33"
class="navigation-dropdown-toggle36"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ letzteGelegenheit }}
@ -656,7 +707,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle34"
class="navigation-dropdown-toggle37"
>
<span
class="navigation-conundrum-schatten-ueber-ostmerkopa1 nav-link"
@ -714,7 +765,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle37"
class="navigation-dropdown-toggle40"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ murphysLarp }}
@ -811,7 +862,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle42"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ rosenteufel }}
@ -826,7 +877,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle43"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ einsamesSchaf }}
@ -841,7 +892,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle44"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ gefangenerGorilla }}
@ -856,7 +907,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ lasstMichRuhen }}
@ -871,7 +922,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ dieLoesungGegenLeid }}
@ -886,7 +937,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle50"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ infiniteDeathsEnglish }}Die Lösung Gegen Leid
@ -901,7 +952,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle51"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ versetztesBeduerfnis }}Die Lösung Gegen Leid
@ -918,7 +969,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle52"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen Leid
@ -933,7 +984,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle50"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle53"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ lebenStattUeberleben }}Die Lösung Gegen Leid
@ -948,7 +999,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle51"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle54"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ getraeumtesGlueck }}Ein Orden für eine gute Tat
@ -963,7 +1014,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="navigation-dropdown-toggle52 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
class="navigation-dropdown-toggle55 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ klonOderLeid }}Lasst mich Ruhen!
@ -978,7 +1029,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle53"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle56"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ ichWillKeinHammerSein }}Lasst mich Ruhen!
@ -993,7 +1044,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle54"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle57"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ teilungZweierWelten }}Lasst mich Ruhen!
@ -1008,7 +1059,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle55"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle58"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ huhnRammtHuhn }}Lasst mich Ruhen!
@ -1023,7 +1074,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle56"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle59"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ heiligerSteinkrieg }}Lasst mich Ruhen!
@ -1038,7 +1089,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle57"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle60"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ unwichtigsterMensch }}Lasst mich Ruhen!
@ -1053,7 +1104,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle58"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle61"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ superkraftImStarbucks }}Lasst mich Ruhen!
@ -1068,7 +1119,7 @@
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle59"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle62"
>
<span class="mobile-menu-dropdown-option nav-link">
{{ themOrUsEnglish }}Lasst mich Ruhen!
@ -1102,6 +1153,55 @@
data-thq="thq-dropdown-list"
class="navigation-blog-dropdown-list dropdown-list"
>
<router-link to="/blog/funktioniert-larp-auch-online">
<li
data-thq="thq-dropdown"
class="navigation-funktioniert-online-larp2 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
Funktioniert LARP auch online?
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pen-and-paper-ist"
>
<li
data-thq="thq-dropdown"
class="navigation-itras-by2 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
Wieso Itras By ein so simples wie grandioses P&amp;P ist
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht"
>
<li
data-thq="thq-dropdown"
class="navigation-wie-gutes-online-larp2 mobile-menu-list-item list-item"
>
<div
data-thq="thq-dropdown-toggle"
class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
>
<span class="mobile-menu-dropdown-option nav-link">
Wie man ein gutes Online LARP macht (und wie nicht)
</span>
</div>
</li>
</router-link>
<router-link
to="/blog/wie-tales-inside-eine-einmalige-immersion-erreicht"
>
@ -1401,7 +1501,7 @@ export default {
.navigation-dropdown-list4 {
display: none;
}
.navigation-tales-inside-dropdown {
.navigation-funktioniert-online-larp {
text-decoration: none;
}
.navigation-dropdown-toggle30:hover {
@ -1409,6 +1509,30 @@ export default {
color: #fff;
background-color: #595959;
}
.navigation-itras-by {
text-decoration: none;
}
.navigation-dropdown-toggle31:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-wie-gutes-online-larp {
text-decoration: none;
}
.navigation-dropdown-toggle32:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-tales-inside-dropdown {
text-decoration: none;
}
.navigation-dropdown-toggle33:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-burger-menu {
display: none;
align-items: center;
@ -1474,7 +1598,7 @@ export default {
.navigation-larps-dropdown-list {
display: none;
}
.navigation-dropdown-toggle32 {
.navigation-dropdown-toggle35 {
fill: #595959;
color: #595959;
width: 100%;
@ -1487,7 +1611,7 @@ export default {
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle32:hover {
.navigation-dropdown-toggle35:hover {
fill: #fff;
color: #fff;
background-color: #595959;
@ -1501,7 +1625,7 @@ export default {
font-family: Poppins;
font-weight: 400;
}
.navigation-dropdown-toggle33 {
.navigation-dropdown-toggle36 {
fill: #595959;
color: #595959;
width: 100%;
@ -1514,12 +1638,12 @@ export default {
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle33:hover {
.navigation-dropdown-toggle36:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle34 {
.navigation-dropdown-toggle37 {
fill: #595959;
color: #595959;
width: 100%;
@ -1532,7 +1656,7 @@ export default {
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle34:hover {
.navigation-dropdown-toggle37:hover {
fill: #fff;
color: #fff;
background-color: #595959;
@ -1555,7 +1679,7 @@ export default {
.navigation-assemblatron1 {
text-decoration: none;
}
.navigation-dropdown-toggle37 {
.navigation-dropdown-toggle40 {
fill: #595959;
color: #595959;
width: 100%;
@ -1568,7 +1692,7 @@ export default {
padding-right: var(--dl-space-space-unit);
padding-bottom: var(--dl-space-space-halfunit);
}
.navigation-dropdown-toggle37:hover {
.navigation-dropdown-toggle40:hover {
fill: #fff;
color: #fff;
background-color: #595959;
@ -1588,21 +1712,6 @@ export default {
.navigation-kurzgeschichten-dropdown-list {
display: none;
}
.navigation-dropdown-toggle42:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle43:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle44:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle45:hover {
fill: #fff;
color: #fff;
@ -1638,9 +1747,6 @@ export default {
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle52 {
position: relative;
}
.navigation-dropdown-toggle52:hover {
fill: #fff;
color: #fff;
@ -1656,6 +1762,9 @@ export default {
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle55 {
position: relative;
}
.navigation-dropdown-toggle55:hover {
fill: #fff;
color: #fff;
@ -1681,12 +1790,36 @@ export default {
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle60:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle61:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-dropdown-toggle62:hover {
fill: #fff;
color: #fff;
background-color: #595959;
}
.navigation-blog1 {
text-decoration: none;
}
.navigation-blog-dropdown-list {
display: none;
}
.navigation-funktioniert-online-larp2 {
text-decoration: none;
}
.navigation-itras-by2 {
text-decoration: none;
}
.navigation-wie-gutes-online-larp2 {
text-decoration: none;
}
.navigation-tales-inside1 {
text-decoration: none;
}
@ -1815,6 +1948,15 @@ export default {
.navigation-root-class-name44 {
max-width: 1200px;
}
.navigation-root-class-name45 {
max-width: 1200px;
}
.navigation-root-class-name46 {
max-width: 1200px;
}
.navigation-root-class-name47 {
max-width: 1200px;
}
@media(max-width: 991px) {
.navigation-navbar-interactive {
padding-bottom: var(--dl-space-space-twounits);

View file

@ -5,12 +5,64 @@
>
<div class="card-row">
<section class="character-teaser-container">
<h1 class="card-heading">{{ header }}</h1>
<p class="card-text">{{ description }}</p>
<h1 class="card-heading">Funktioniert LARP auch online?</h1>
<p class="card-text">
P&amp;P-Rollenspiel gibt es schon lange, auch online, und schon vor
Corona um trotz grosser Distanzen gemeinsam spielen zu können. Was sind
also die Unterschiede?
</p>
<router-link to="/blog/funktioniert-larp-auch-online">
<div class="summary-blog-button more-link">
<p class="card-link">{{ lesen }}</p>
</div>
</router-link>
</section>
<section class="character-teaser-container">
<h1 class="card-heading">
Wieso Itras By ein so simples wie grandioses P&amp;P ist
</h1>
<p class="card-text">
Das Spielkonzept von Itras By begünstigt Offenheit und abrupte
Änderungen des Plots. Diesen erschaffen die Spielenden und die
Spielleitung gemeinsam.
</p>
<router-link
to="/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pen-and-paper-ist"
>
<div class="summary-blog-button1 more-link">
<p class="card-link">{{ lesen }}</p>
</div>
</router-link>
</section>
</div>
<div class="card-row">
<section class="character-teaser-container">
<h1 class="card-heading">
Wie man ein gutes Online LARP macht (und wie nicht)
</h1>
<p class="card-text">
Ein gutes Online LARP braucht Immersion, Selbstständigkeit des Spielers
und vordefinierte Beziehungen. Wie kann man das erreichen?
</p>
<router-link to="/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht">
<div class="summary-blog-button2 more-link">
<p class="card-link">{{ lesen }}</p>
</div>
</router-link>
</section>
<section class="character-teaser-container">
<h1 class="card-heading">
Wie Tales Inside eine einmalige Immersion erreicht
</h1>
<p class="card-text">
Tales Inside ist ein Vorbild was Immersion im LARP angeht. Um
herauszufinden, was eben diese ausmacht, habe ich 10 Teilnehmende
interviewt. Hier die Resultate.
</p>
<router-link
to="/blog/wie-tales-inside-eine-einmalige-immersion-erreicht"
>
<div class="summary-blog-button more-link">
<div class="summary-blog-button3 more-link">
<p class="card-link">{{ lesen }}</p>
</div>
</router-link>
@ -23,15 +75,6 @@
export default {
name: 'SummaryBlog',
props: {
header: {
type: String,
default: 'Wie Tales Inside eine einmalige Immersion erreicht',
},
description: {
type: String,
default:
'Bei der Planung eigener LARPs möchte ich dieselbe Immersion erreichen, wie ich das am LARP Tales Inside erlebt habe. Um herauszufinden, was eben diese Immersion ausmacht habe ich 10 Tales Inside Teilnehmenden Fragen zu ihren Erlebnissen gestellt. Die Früchte dieser Arbeit stelle ich hier vor.',
},
lesen: {
type: String,
default: 'Lesen ->',
@ -51,5 +94,23 @@ export default {
.summary-blog-button:hover {
opacity: 0.5;
}
.summary-blog-button1 {
text-decoration: none;
}
.summary-blog-button1:hover {
opacity: 0.5;
}
.summary-blog-button2 {
text-decoration: none;
}
.summary-blog-button2:hover {
opacity: 0.5;
}
.summary-blog-button3 {
text-decoration: none;
}
.summary-blog-button3:hover {
opacity: 0.5;
}
</style>

View file

@ -17,7 +17,7 @@
<div>
<p class="event-section event-done">
13. Mai 2023, 10:00 Uhr bis
<span v-html="raw2zcg"></span>
<span v-html="rawpu43"></span>
</p>
<p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p>
</div>
@ -31,7 +31,7 @@
<div>
<p class="event-section event-done">
1. Juli 2023, 10:00 Uhr bis
<span v-html="raw020g"></span>
<span v-html="raw4irr"></span>
</p>
<p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p>
</div>
@ -56,7 +56,7 @@
<div>
<p class="event-section event-done">
25. Mai 2024, 10:00 Uhr bis
<span v-html="rawofhf"></span>
<span v-html="raw59t6"></span>
</p>
<p class="event-section event-done">26. Mai 2024, 14:00 Uhr</p>
</div>
@ -153,9 +153,9 @@ export default {
},
data() {
return {
raw2zcg: ' ',
raw020g: ' ',
rawofhf: ' ',
rawpu43: ' ',
raw4irr: ' ',
raw59t6: ' ',
}
},
}

View file

@ -37,6 +37,9 @@ import EinOrdenFrEineGuteTat from './views/kurzgeschichten/ein-orden-fr-eine-gut
import LetzteGelegenheit from './views/larps/letzte-gelegenheit'
import Rosenteufel from './views/kurzgeschichten/rosenteufel'
import Home from './views/home'
import WiesoItrasByEinSoSimplesWieGrandiosesPPIst from './views/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pp-ist'
import FunktioniertLARPAuchOnline from './views/blog/funktioniert-larp-auch-online'
import WieManEinGutesOnlineLARPMachtUndWieNicht from './views/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht'
import NotFound from './views/not-found'
import './style.css'
@ -220,6 +223,21 @@ export default new Router({
path: '/',
component: Home,
},
{
name: 'Wieso-Itras-By-ein-so-simples-wie-grandioses-PP-ist',
path: '/blog/wieso-itras-by-ein-so-simples-wie-grandioses-pen-and-paper-ist',
component: WiesoItrasByEinSoSimplesWieGrandiosesPPIst,
},
{
name: 'Funktioniert-LARP-auch-online',
path: '/blog/funktioniert-larp-auch-online',
component: FunktioniertLARPAuchOnline,
},
{
name: 'Wie-man-ein-gutes-Online-LARP-macht-und-wie-nicht',
path: '/blog/wie-man-ein-gutes-online-larp-macht-und-wie-nicht',
component: WieManEinGutesOnlineLARPMachtUndWieNicht,
},
{
name: '404 - Not Found',
path: '**',

View file

@ -0,0 +1,79 @@
<template>
<div class="funktioniert-larp-auch-online-container">
<app-navigation rootClassName="navigation-root-class-name46"></app-navigation>
<h1 class="page-title">Funktioniert LARP auch online?</h1>
<span class="page-subtitle">
Erfahrungsbericht, ursprünglich geposted auf mitoffenemvisier.com am 2ten
Januar 2021
</span>
<div class="text-body">
<span>
Dieser Artikel wird in den nächsten Tagen hier übertragen. In der
Zwischenzeit kann man sich den Artikel auf archive.org auf folgendem Link
anschauen:
</span>
</div>
<a
href="https://web.archive.org/web/20221007212710/https://mitoffenemvisier.com/rollenspiel/larp/funktioniert-larp-auch-online/"
target="_blank"
rel="noreferrer noopener"
class="funktioniert-larp-auch-online-download-button button"
>
<span class="button-text">Artikel auf archive.org lesen</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name34"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'FunktioniertLARPAuchOnline',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Funktioniert LARP auch online?',
meta: [
{
name: 'description',
content:
'P&P-Rollenspiel gibt es schon lange, auch online, und schon vor Corona um trotz grosser Distanzen gemeinsam spielen zu können. Was sind also die Unterschiede?',
},
{
property: 'og:title',
content: 'OpenVisor - Funktioniert LARP auch online?',
},
{
property: 'og:description',
content:
'P&P-Rollenspiel gibt es schon lange, auch online, und schon vor Corona um trotz grosser Distanzen gemeinsam spielen zu können. Was sind also die Unterschiede?',
},
],
},
}
</script>
<style scoped>
.funktioniert-larp-auch-online-container {
width: 100%;
display: flex;
z-index: 100;
overflow: auto;
box-shadow: 5px 5px 10px 0px #d4d4d4;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left;
}
.funktioniert-larp-auch-online-download-button {
text-decoration: none;
}
</style>

View file

@ -0,0 +1,82 @@
<template>
<div class="wie-man-ein-gutes-online-larp-macht-und-wie-nicht-container">
<app-navigation rootClassName="navigation-root-class-name47"></app-navigation>
<h1 class="page-title">
Wie man ein gutes Online LARP macht (und wie nicht)
</h1>
<span class="page-subtitle">
Erfahrungsbericht, ursprünglich geposted auf mitoffenemvisier.com am 12ten
Januar 2021
</span>
<div class="text-body">
<span>
Dieser Artikel wird in den nächsten Tagen hier übertragen. In der
Zwischenzeit kann man sich den Artikel auf archive.org auf folgendem Link
anschauen:
</span>
</div>
<a
href="https://web.archive.org/web/20220819114827/https://mitoffenemvisier.com/rollenspiel/larp/wie-man-ein-gutes-online-larp-macht/"
target="_blank"
rel="noreferrer noopener"
class="wie-man-ein-gutes-online-larp-macht-und-wie-nicht-download-button button"
>
<span class="button-text">Artikel auf archive.org lesen</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name35"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'WieManEinGutesOnlineLARPMachtUndWieNicht',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Wie man ein gutes Online LARP macht (und wie nicht)',
meta: [
{
name: 'description',
content:
'Ein gutes Online LARP braucht Immersion, Selbstständigkeit des Spielers und vordefinierte Beziehungen. Wie kann man das erreichen?',
},
{
property: 'og:title',
content:
'OpenVisor - Wie man ein gutes Online LARP macht (und wie nicht)',
},
{
property: 'og:description',
content:
'Ein gutes Online LARP braucht Immersion, Selbstständigkeit des Spielers und vordefinierte Beziehungen. Wie kann man das erreichen?',
},
],
},
}
</script>
<style scoped>
.wie-man-ein-gutes-online-larp-macht-und-wie-nicht-container {
width: 100%;
display: flex;
z-index: 100;
overflow: auto;
box-shadow: 5px 5px 10px 0px #d4d4d4;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left;
}
.wie-man-ein-gutes-online-larp-macht-und-wie-nicht-download-button {
text-decoration: none;
}
</style>

View file

@ -6,7 +6,7 @@
</span>
<span class="page-subtitle">
<span>
Recherche, ursprünglich geposted auf mitoffenemvisier.com am 29. Januar
Recherche, ursprünglich geposted auf mitoffenemvisier.com am 29ten Januar
2021
</span>
<br />
@ -77,12 +77,14 @@
</span>
<br />
<br />
<span>(FOTO)</span>
<br />
<span>
(FOTO) Diese Werkhalle wird für ein paar Tage zu einem Untergrundbunker
mit 200 Bewohnern
<span v-html="rawtu36"></span>
Diese Werkhalle wird für ein paar Tage zu einem Untergrundbunker mit 200
Bewohnern
<span v-html="rawyzn7"></span>
</span>
<span><span v-html="rawqv4a"></span></span>
<span><span v-html="raw67e7"></span></span>
<br />
</p>
</div>
@ -93,9 +95,9 @@
</h1>
<div class="text-body">
<p>
<span>Zusammenfassung aus Aussagen von 9 Spielenden:</span>
<span>Zusammenfassung aus Aussagen der 10 Spielenden:</span>
<br />
<span><span v-html="rawye3w"></span></span>
<span><span v-html="raw6ssj"></span></span>
<br />
<span>
&quot;In einer fiktiven Zukunft wurde die Erde durch eine nukleare
@ -124,8 +126,8 @@
und der Decke entlangschleichenden Blinklichtern geflutet (Bild von
Ludger Bott)
</span>
<span><span v-html="rawxt0a"></span></span>
<span><span v-html="rawvz1j"></span></span>
<span><span v-html="rawqac0"></span></span>
<span><span v-html="raw8dqv"></span></span>
<br />
</p>
</div>
@ -154,7 +156,7 @@
</p>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-immersion-cards card-container"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-immersion-abschnitte card-container"
>
<main class="card-rows-container">
<div class="card-row">
@ -495,7 +497,7 @@
</p>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-container02 card-container"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-charaktere-rows card-container"
>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-charaktere-row1 character-row"
@ -745,12 +747,12 @@
Erfahrung gibt es auch verschiedene Kasten. Ich versuche ihre
Eigenschaften hier kurz aufzulisten:
</span>
<span><span v-html="raw3i5s"></span></span>
<span><span v-html="rawynmz"></span></span>
<br />
</p>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-container17 card-container"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-rows card-container"
>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-row1 character-row"
@ -779,37 +781,6 @@
Potenzial von LARP.
</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/tales-inside/kasten-gesellschafter-200h.webp"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">
<span>Gesellschafter</span>
<br />
</h2>
<h3 class="character-function">
<span>(Grün)</span>
<br />
</h3>
</div>
<div></div>
</div>
<p class="character-teaser-text">
Diese Kaste trägt viel zur Gehirnwäsche und dem Dystopie-Feeling des
Bunkers bei. Sie ist quasi die Exekutive des aufgezwungenen
Glücklich-Seins. Denn nur ein glücklicher Bürger ist ein produktiver
Bürger. Auf der Tales Inside Webseite wird diese Kaste als geeignet
für LARP Einsteiger beschrieben.
</p>
</section>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-row11 character-row"
>
<section class="character-teaser-container">
<div class="character-header">
<img
@ -820,7 +791,7 @@
<div class="character-description">
<h2 class="character-name">
Versorger
<span v-html="raw0ozj"></span>
<span v-html="rawr10n"></span>
</h2>
<h3 class="character-function">(Weiss)</h3>
</div>
@ -838,6 +809,10 @@
Spiel man mag.
</p>
</section>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-row11 character-row"
>
<section class="character-teaser-container">
<div class="character-header">
<img
@ -866,6 +841,33 @@
strukturiert und die Aufgaben klar gestellt sind.
</p>
</section>
<section class="character-teaser-container">
<div class="character-header">
<img
alt="Symbolbild"
src="/tales-inside/kasten-gesellschafter-200h.webp"
class="character-image"
/>
<div class="character-description">
<h2 class="character-name">
<span>Gesellschafter</span>
<br />
</h2>
<h3 class="character-function">
<span>(Grün)</span>
<br />
</h3>
</div>
<div></div>
</div>
<p class="character-teaser-text">
Diese Kaste trägt viel zur Gehirnwäsche und dem Dystopie-Feeling des
Bunkers bei. Sie ist quasi die Exekutive des aufgezwungenen
Glücklich-Seins. Denn nur ein glücklicher Bürger ist ein produktiver
Bürger. Auf der Tales Inside Webseite wird diese Kaste als geeignet
für LARP Einsteiger beschrieben.
</p>
</section>
</div>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-row3 character-row"
@ -922,7 +924,7 @@
</h1>
<div class="text-body">
<p>
<span><span v-html="rawa4pi"></span></span>
<span><span v-html="rawc9eg"></span></span>
<span>
Ich erhebe mit diesem Artikel keinen Anspruch darauf die Wahrheit
herausgefunden zu haben. Es ist lediglich mein Versuch vergangene
@ -961,9 +963,48 @@
Vielen Dank an Tim, André, Robin, Henning, Rikki, Patrik, Oliver und
Anton die auf ein Interview eingewilligt und geduldig auf diesen Artikel
gewartet haben. Diese tollen Menschen habe ich über das Tales Inside
kennengelernt. Danke auch an Fotofänger, Hagen Hoppe und Del-Ink für die
tollen Bilder.
kennengelernt. Danke auch an
<span v-html="rawxcvz"></span>
</span>
<a
href="https://www.facebook.com/fotofaenger/"
target="_blank"
rel="noreferrer noopener"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-link2"
>
Fotofän
</a>
<span class="wie-tales-inside-eine-einmalige-immersion-erreicht-text169">
ger
</span>
<span>
,
<span v-html="raw1j5u"></span>
</span>
<a
href="https://hagenhoppe.com/"
target="_blank"
rel="noreferrer noopener"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-link3"
>
Hagen H
</a>
<span class="wie-tales-inside-eine-einmalige-immersion-erreicht-text171">
oppe
</span>
<span>
und
<span v-html="rawxyuz"></span>
</span>
<a
href="https://www.facebook.com/people/Del-Ink-Fotografie/100044552704394"
target="_blank"
rel="noreferrer noopener"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-link4"
>
Del-Ink
</a>
<span>für die tollen Bilder.</span>
<br />
<br />
<span>
@ -979,7 +1020,7 @@
</span>
<br />
<br />
<span class="wie-tales-inside-eine-einmalige-immersion-erreicht-text175">
<span class="wie-tales-inside-eine-einmalige-immersion-erreicht-text182">
Update 2023: Die Tales Inside Orga hat mit dem Projekt abgeschlossen und
offiziell auf ihrer Webseite bestätigt, dass sie keine weiteren Runs
durchführen werden. Sie werden sich stattdessen neuen LARPs widmen.
@ -991,7 +1032,7 @@
href="https://otherlifegames.de/inside/"
target="_blank"
rel="noreferrer noopener"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-link2"
class="wie-tales-inside-eine-einmalige-immersion-erreicht-link5"
>
<div
class="wie-tales-inside-eine-einmalige-immersion-erreicht-tales-inside-webseite button"
@ -1019,14 +1060,17 @@ export default {
},
data() {
return {
rawtu36: ' ',
rawqv4a: ' ',
rawye3w: ' ',
rawxt0a: ' ',
rawvz1j: ' ',
raw3i5s: ' ',
raw0ozj: ' ',
rawa4pi: ' ',
rawyzn7: ' ',
raw67e7: ' ',
raw6ssj: ' ',
rawqac0: ' ',
raw8dqv: ' ',
rawynmz: ' ',
rawr10n: ' ',
rawc9eg: ' ',
rawxcvz: ' ',
raw1j5u: ' ',
rawxyuz: ' ',
}
},
metaInfo: {
@ -1073,13 +1117,13 @@ export default {
.wie-tales-inside-eine-einmalige-immersion-erreicht-immersion-titel {
padding-top: var(--dl-space-space-sixunits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-immersion-cards {
.wie-tales-inside-eine-einmalige-immersion-erreicht-immersion-abschnitte {
padding-top: var(--dl-space-space-twounits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-charaktere-titel {
padding-top: var(--dl-space-space-sixunits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-container02 {
.wie-tales-inside-eine-einmalige-immersion-erreicht-charaktere-rows {
padding-top: var(--dl-space-space-twounits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-charaktere-row1 {
@ -1097,7 +1141,7 @@ export default {
.wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-titel {
padding-top: var(--dl-space-space-sixunits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-container17 {
.wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-rows {
padding-top: var(--dl-space-space-twounits);
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-kasten-row1 {
@ -1121,10 +1165,25 @@ export default {
.wie-tales-inside-eine-einmalige-immersion-erreicht-link1 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-text175 {
.wie-tales-inside-eine-einmalige-immersion-erreicht-link2 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-text169 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-link3 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-text171 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-link4 {
text-decoration: underline;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-text182 {
font-style: italic;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-link2 {
.wie-tales-inside-eine-einmalige-immersion-erreicht-link5 {
display: contents;
}
.wie-tales-inside-eine-einmalige-immersion-erreicht-tales-inside-webseite {

View file

@ -0,0 +1,84 @@
<template>
<div class="wieso-itras-by-ein-so-simples-wie-grandioses-pp-ist-container">
<app-navigation rootClassName="navigation-root-class-name45"></app-navigation>
<h1 class="page-title">
Wieso Itras By ein so simples wie grandioses P&amp;P ist
</h1>
<span class="page-subtitle">
Erfahrungsbericht, ursprünglich geposted auf mitoffenemvisier.com am 4ten
Januar 2021
</span>
<div class="text-body">
<span>
Dieser Artikel wird in den nächsten Tagen hier übertragen. In der
Zwischenzeit kann man sich den Artikel auf archive.org auf folgendem Link
anschauen:
</span>
</div>
<a
href="https://web.archive.org/web/20220819114007/https://mitoffenemvisier.com/rollenspiel/wieso-itras-by-ein-so-simples-wie-grandioses-pnp-ist/"
target="_blank"
rel="noreferrer noopener"
class="wieso-itras-by-ein-so-simples-wie-grandioses-pp-ist-download-button button"
>
<span class="button-text">
Wieso Itras By ein so simples wie grandioses P&amp;P ist
</span>
</a>
<app-kontakt rootClassName="kontakt-root-class-name33"></app-kontakt>
</div>
</template>
<script>
import AppNavigation from '../../components/navigation'
import AppKontakt from '../../components/kontakt'
export default {
name: 'WiesoItrasByEinSoSimplesWieGrandiosesPPIst',
props: {},
components: {
AppNavigation,
AppKontakt,
},
metaInfo: {
title: 'OpenVisor - Wieso Itras By ein so simples wie grandioses P&P ist',
meta: [
{
name: 'description',
content:
'Das Spielkonzept von Itras By begünstigt Offenheit und abrupte Änderungen des Plots. Diesen erschaffen die Spielenden und die Spielleitung gemeinsam.',
},
{
property: 'og:title',
content:
'OpenVisor - Wieso Itras By ein so simples wie grandioses P&P ist',
},
{
property: 'og:description',
content:
'Das Spielkonzept von Itras By begünstigt Offenheit und abrupte Änderungen des Plots. Diesen erschaffen die Spielenden und die Spielleitung gemeinsam.',
},
],
},
}
</script>
<style scoped>
.wieso-itras-by-ein-so-simples-wie-grandioses-pp-ist-container {
width: 100%;
display: flex;
z-index: 100;
overflow: auto;
box-shadow: 5px 5px 10px 0px #d4d4d4;
min-height: 100vh;
overflow-x: hidden;
align-items: center;
flex-direction: column;
background-size: cover;
background-image: url("/forest-background-luca-dross-1500w.jpg");
background-position: top left;
}
.wieso-itras-by-ein-so-simples-wie-grandioses-pp-ist-download-button {
text-decoration: none;
}
</style>

View file

@ -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
<span v-html="raw5wrj"></span>
<span v-html="rawibow"></span>
</span>
<span>Geziefer dort treibt...</span>
<br />
@ -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
<span v-html="raw1wmo"></span>
<span v-html="raw229z"></span>
</span>
<span>
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 ziertens. Hässliche Beulen. Der Teufel aber wart woanders...
<span v-html="raw4znz"></span>
<span v-html="rawui57"></span>
</span>
</span>
</div>
@ -319,9 +319,9 @@ export default {
},
data() {
return {
raw5wrj: ' ',
raw1wmo: ' ',
raw4znz: ' ',
rawibow: ' ',
raw229z: ' ',
rawui57: ' ',
}
},
metaInfo: {

View file

@ -91,7 +91,7 @@
Geschlecht definiert die spielende Person. Es wird ein paar
Nichtspielercharaktere geben die von Helfern bespielt werden, zum
Beispiel Häftling Summers, der*die mit euch ins
<span v-html="rawne65"></span>
<span v-html="rawfgzp"></span>
</span>
<span>Spiel startet.</span>
<br />
@ -127,7 +127,7 @@
<span class="character-function">
<span>
Leitung der Justizvollzugsanstalt
<span v-html="rawdinl"></span>
<span v-html="rawdnf6"></span>
</span>
<br />
</span>
@ -471,7 +471,7 @@
Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch
schon mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen
überall wieder liegen liess.
<span v-html="raw5wzy"></span>
<span v-html="raw49q7"></span>
</span>
<span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
<br />
@ -538,7 +538,7 @@
<div class="character-description">
<h2 class="character-name">
Lindbeck
<span v-html="rawda2n"></span>
<span v-html="rawzyeb"></span>
</h2>
<span class="character-function">
<span>Häftling</span>
@ -710,7 +710,7 @@
<br />
<span>
-
<span v-html="rawhzeh"></span>
<span v-html="rawakcr"></span>
</span>
<span>Phil U.</span>
<br />
@ -737,11 +737,11 @@ export default {
},
data() {
return {
rawne65: ' ',
rawdinl: ' ',
raw5wzy: ' ',
rawda2n: ' ',
rawhzeh: ' ',
rawfgzp: ' ',
rawdnf6: ' ',
raw49q7: ' ',
rawzyeb: ' ',
rawakcr: ' ',
}
},
metaInfo: {