jekyll build from Action 20b46587eecb3cabcc7a31f99b605d62a9ccdbff

This commit is contained in:
Florian Weber 2025-03-17 17:51:45 +00:00
parent 0bba8da5c8
commit b87af1c72c
14 changed files with 975 additions and 479 deletions

127
404.html
View File

@ -16,68 +16,84 @@
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
</nav>
</div>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
@ -93,9 +109,10 @@
</div>
-->
</header>
<main>
<main class="container">
<h1 class="cyber-h">Page not found</h1>
<style type="text/css" media="screen">
.container {
@ -120,7 +137,13 @@
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

View File

@ -8047,16 +8047,27 @@ input[type=range]::-ms-thumb {
}
}
body {
height: 100vh;
min-height: 100vh;
max-height: 100vh;
display: flex;
flex-direction: column;
overflow-y: scroll;
}
main {
height: calc(100vh - 180px);
overflow-y: scroll;
display: flex;
flex-direction: column;
align-items: center;
flex-grow: 1;
}
footer {
position: sticky !important;
bottom: 0;
width: 100%;
background: var(--dark, #333);
color: var(--white, #fff);
text-align: center;
padding: 10px;
z-index: 1000;
}
.breadcrumb {

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
assets/img/Netrunner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
assets/img/Rocker.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
assets/img/Tech.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -16,68 +16,84 @@
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
</nav>
</div>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
@ -93,15 +109,44 @@
</div>
-->
</header>
<main>
<main class="container">
<h1 class="cyber-h">Charaktere</h1>
<p>TBD</p>
<div class="row" style="column-gap: 5px;">
<div class="col s12 m6">
<div class="cyber-tile cyber-tile-big bg-red fg-dark " style="min-height: auto;">
<img src="/cpred/assets/img/Netrunner.png" alt="Chase Révolte Picture" />
<p><span class="cyberpunk-font">Name:</span> Chase Révolte</p>
<p><span class="cyberpunk-font">Handle:</span> -</p>
<p><span class="cyberpunk-font">Role:</span> Netrunner</p>
<p><span class="cyberpunk-font">Age:</span> 23</p>
</div>
</div>
<div class="col s12 m6">
<div class="cyber-tile cyber-tile-big bg-red fg-purple " style="min-height: auto;">
<img src="/cpred/assets/img/Tech.png" alt="Carver Wright Picture" />
<p><span class="cyberpunk-font">Name:</span> Carver Wright</p>
<p><span class="cyberpunk-font">Handle:</span> Crash</p>
<p><span class="cyberpunk-font">Role:</span> Tech</p>
<p><span class="cyberpunk-font">Age:</span> 45</p>
</div>
</div>
</div>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

View File

@ -1,17 +1 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://phoenixdivision.morlana.space/cpred/feed.xml" rel="self" type="application/atom+xml" /><link href="https://phoenixdivision.morlana.space/cpred/" rel="alternate" type="text/html" /><updated>2025-03-16T23:54:45+00:00</updated><id>https://phoenixdivision.morlana.space/cpred/feed.xml</id><title type="html">ThePhoenixDivision</title><subtitle>We will share our adventures in Cyberpunk Red here.</subtitle><entry><title type="html">Welcome to Jekyll!</title><link href="https://phoenixdivision.morlana.space/cpred/jekyll/update/2025/03/16/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2025-03-16T19:11:55+00:00</published><updated>2025-03-16T19:11:55+00:00</updated><id>https://phoenixdivision.morlana.space/cpred/jekyll/update/2025/03/16/welcome-to-jekyll</id><content type="html" xml:base="https://phoenixdivision.morlana.space/cpred/jekyll/update/2025/03/16/welcome-to-jekyll.html"><![CDATA[<p>Youll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<p>Jekyll requires blog post files to be named according to the following format:</p>
<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>
<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>
<p>Jekyll also offers powerful support for code snippets:</p>
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekylls GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>]]></content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html"><![CDATA[Youll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.]]></summary></entry></feed>
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://phoenixdivision.morlana.space/cpred/feed.xml" rel="self" type="application/atom+xml" /><link href="https://phoenixdivision.morlana.space/cpred/" rel="alternate" type="text/html" /><updated>2025-03-17T17:51:44+00:00</updated><id>https://phoenixdivision.morlana.space/cpred/feed.xml</id><title type="html">ThePhoenixDivision</title><subtitle>We will share our adventures in Cyberpunk Red here.</subtitle></feed>

View File

@ -16,68 +16,84 @@
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
</nav>
</div>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
@ -86,26 +102,22 @@
</div>
-->
</header>
<main>
<main class="container">
<article>
<h1 class="cyber-h" style="margin-bottom: 0;"><a href="/cpred/jekyll/update/2025/03/16/welcome-to-jekyll.html">Welcome to Jekyll!</a></h1>
<p style="margin-top: 0;"><small>16.03.2025</small></p>
<p><p>Youll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
</p>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/jekyll/update/2025/03/16/welcome-to-jekyll.html">
Weiterlesen...
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</article>
<hr>
<div class="cyber-att-2" style="margin: 32px 0;">Es gibt noch keine Neuigkeiten...</div>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

View File

@ -1,181 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Jekyll! - ThePhoenixDivision</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/cpred/assets/css/cyberpunk.css">
</head>
<body>
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<div class="cyber-att">
<a href="/cpred/">Home</a>
<span>jekyll</span>
<span>update</span>
<span>2025</span>
<span>03</span>
<span>16</span>
<span>welcome-to-jekyll.html</span>
</div>
</header>
<main>
<article class="cyber-tile-big bg-dark" style="display: flex; flex-direction: column; margin: 0 auto;">
<h1 class="cyber-h">Welcome to Jekyll!</h1>
<p><strong>Datum:</strong> <span class="cyber-glitch-4">16.03.2025</span></p>
<p>Youll find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<p>Jekyll requires blog post files to be named according to the following format:</p>
<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>
<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>
<p>Jekyll also offers powerful support for code snippets:</p>
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
<span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekylls GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>
</article>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="/cpred/assets/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var sidenavElems = document.querySelectorAll('.sidenav');
var sidenavInstances = M.Sidenav.init(sidenavElems, {});
});
document.querySelectorAll("button").forEach(button => {
const href = button.getAttribute("data-href");
if (!href) return;
button.addEventListener("click", () => {
window.location.href = button.getAttribute("data-href");
});
});
</script>
</body>
</html>

View File

@ -16,68 +16,84 @@
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
</nav>
</div>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
@ -93,10 +109,27 @@
</div>
-->
</header>
<main>
<main class="container">
<h1 class="cyber-h">Lebensweg</h1>
<ul class="cyber-ul" style="align-self: start;">
<li><a href="#kulturelle-herkunft">Kulturelle Herkunft</a></li>
<li><a href="#deine-persönlichkeit">Deine Persönlichkeit</a></li>
<li><a href="#kleidung-und-persönlicher-stil">Kleidung und persönlicher Stil</a></li>
<li><a href="#deine-motivation-und-beziehungen">Deine Motivation und Beziehungen</a>
<ul>
<li><a href="#was-du-am-meisten-schätzt">Was du am meisten schätzt</a></li>
</ul>
</li>
<li><a href="#deine-familiäre-herkunft">Deine Familiäre Herkunft</a></li>
<li><a href="#dein-umfeld">Dein Umfeld</a></li>
<li><a href="#deine-familienkrise">Deine Familienkrise</a></li>
<li><a href="#deine-lebensziele">Deine Lebensziele</a></li>
<li><a href="#deine-freunde-deine-feinde-deine-tragischen-liebschaften-süße-rache">Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en), Süße Rache</a></li>
</ul>
<h2 class="cyber-h" id="kulturelle-herkunft">Kulturelle Herkunft</h2>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
@ -339,25 +372,422 @@
<h2 class="cyber-h" id="deine-motivation-und-beziehungen">Deine Motivation und Beziehungen</h2>
<p><strong>Wirf 1W10 für jede Spalte oder wähle eine aus jeder Spalte.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Was schätzt du am meisten?</th>
<th>Was hältst du von den meisten Leuten?</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Geld</td>
<td>Ich bleibe neutral.</td>
</tr>
<tr>
<td>2</td>
<td>Ehre</td>
<td>Ich bleibe neutral.</td>
</tr>
<tr>
<td>3</td>
<td>Dein Wort</td>
<td>Ich mag so gut wie alle.</td>
</tr>
<tr>
<td>4</td>
<td>Ehrlichkeit</td>
<td>Ich hasse so gut wie alle.</td>
</tr>
<tr>
<td>5</td>
<td>Wissen</td>
<td>Menschen sind Werkzeuge. Benutze sie und wirf sie dann weg.</td>
</tr>
<tr>
<td>6</td>
<td>Rache</td>
<td>Jeder Mensch ist ein wertvolles Individuum.</td>
</tr>
<tr>
<td>7</td>
<td>Liebe</td>
<td>Menschen sind Hindernisse, die vernichtet werden müssen, wenn sie mich nerven.</td>
</tr>
<tr>
<td>8</td>
<td>Macht</td>
<td>Man kann Menschen nicht vertrauen. Verlass dich auf niemanden.</td>
</tr>
<tr>
<td>9</td>
<td>Familie</td>
<td>Lösch sie alle aus - sollen die Kakerlaken die Macht übernehmen.</td>
</tr>
<tr>
<td>10</td>
<td>Freundschaft</td>
<td>Menschen sind wunderbar!</td>
</tr>
</tbody>
</table>
<h3 class="cyber-h" id="was-du-am-meisten-schätzt">Was du am meisten schätzt</h3>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Welche Menschen sind für dich am wertvollsten?</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ein Elternteil</td>
</tr>
<tr>
<td>2</td>
<td>Ein Bruder oder eine Schwester</td>
</tr>
<tr>
<td>3</td>
<td>Eine Liebschaft</td>
</tr>
<tr>
<td>4</td>
<td>Ein Freund</td>
</tr>
<tr>
<td>5</td>
<td>Du selbst</td>
</tr>
<tr>
<td>6</td>
<td>Ein Haustier</td>
</tr>
<tr>
<td>7</td>
<td>Ein Lehrer oder Mentor</td>
</tr>
<tr>
<td>8</td>
<td>Eine öffentliche Person</td>
</tr>
<tr>
<td>9</td>
<td>Ein persönliches Held</td>
</tr>
<tr>
<td>10</td>
<td>Niemand</td>
</tr>
</tbody>
</table>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Was ist dein wertvollster Besitz?</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Eine Waffe</td>
</tr>
<tr>
<td>2</td>
<td>Ein Werkzeug</td>
</tr>
<tr>
<td>3</td>
<td>Ein Kleidungsstück</td>
</tr>
<tr>
<td>4</td>
<td>Eine Fotografie</td>
</tr>
<tr>
<td>5</td>
<td>Ein Buch oder Tagebuch</td>
</tr>
<tr>
<td>6</td>
<td>Eine Aufnahme</td>
</tr>
<tr>
<td>7</td>
<td>Ein Musikinstrument</td>
</tr>
<tr>
<td>8</td>
<td>Ein Schmuckstück</td>
</tr>
<tr>
<td>9</td>
<td>Ein Spielzeug</td>
</tr>
<tr>
<td>10</td>
<td>Ein Brief</td>
</tr>
</tbody>
</table>
<h2 class="cyber-h" id="deine-familiäre-herkunft">Deine Familiäre Herkunft</h2>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Ursprünfliche Herkunft</th>
<th>Beschreibung</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Konzerngeschäftsführer</td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td>Konzernmanager</td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td>Konzerntechniker</td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td>Nomadenrudel</td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td>Gang-“Familie”</td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>Kriegszonenbewohner</td>
<td> </td>
</tr>
<tr>
<td>7</td>
<td>Städtische Obdachlose</td>
<td> </td>
</tr>
<tr>
<td>8</td>
<td>Megabauten</td>
<td> </td>
</tr>
<tr>
<td>9</td>
<td>Reclaimer</td>
<td> </td>
</tr>
<tr>
<td>10</td>
<td>Edgerunner</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 class="cyber-h" id="dein-umfeld">Dein Umfeld</h2>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Umfeld deiner Herkunft</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Auf der Straße rumgetrieben, ohne Aufsicht durch Erwachsene.</td>
</tr>
<tr>
<td>2</td>
<td>In einer Konzone verbracht, durch Mauern vom Rest der City getrennt.</td>
</tr>
<tr>
<td>3</td>
<td>In einem Nomadenrudel, ständig auf Achse.</td>
</tr>
<tr>
<td>4</td>
<td>In einem Nomadenrudel mit Wurzeln im Transport (Schiffe, Flugzeuge, Wohnwagen).</td>
</tr>
<tr>
<td>5</td>
<td>In einem verfallenden, früher gehobenen Viertel, das zum Überleben jetzt die Booster zurückschlagen muss.</td>
</tr>
<tr>
<td>6</td>
<td>Inmitten einer Kriegszone, Leben in einem zerstörten Gebäude oder in irgendeinem anderen Gemäuer.</td>
</tr>
<tr>
<td>7</td>
<td>In einem riesigen “Megabau”, der von einem Konzern oder der City kontrolliert wird.</td>
</tr>
<tr>
<td>8</td>
<td>In den Ruinen einer verlassenen Stadt, die von Reclaimers übernommen wurde.</td>
</tr>
<tr>
<td>9</td>
<td>In einer Schwimmenden Nation (einer treibenden, der Küste vorgelagerten Statd), die ein Treffpunkt für Menschen aller Couleur ist.</td>
</tr>
<tr>
<td>10</td>
<td>In einem luxuriösen “Sternenkratzer” eines Konzerns, hoch über dem Rest des wimmelnden Pöbels.</td>
</tr>
</tbody>
</table>
<h2 class="cyber-h" id="deine-familienkrise">Deine Familienkrise</h2>
<h2 class="cyber-h" id="süße-rache">Süße Rache</h2>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Hintergrund</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Deine Familie hat alles durch Verrat verloren.</td>
</tr>
<tr>
<td>2</td>
<td>Deine Familie hat alles durch schlechtes Management verloren.</td>
</tr>
<tr>
<td>3</td>
<td>Deine Familie wurde verbannt oder auf anderem Wege aus ihrer Heimat / ihrer Nation / ihrem Konzern vertrieben.</td>
</tr>
<tr>
<td>4</td>
<td>Deine Familie wurde gefangen genommen und nur du konntest entkommen.</td>
</tr>
<tr>
<td>5</td>
<td>Deine Familie ist verschwunden. Du bist als Einziger übriggeblieben.</td>
</tr>
<tr>
<td>6</td>
<td>Deine Familie wurde getötet und nur du hast überlebt.</td>
</tr>
<tr>
<td>7</td>
<td>Deine Familie ist in eine Langzeitverschwörung, eine Organisation oder Vereinigung verwickelt, beispielsweise eine Verbrecherfamilie oder eine revolutionäre Gruppe.</td>
</tr>
<tr>
<td>8</td>
<td>Aufgrund eines Unglücks ist deine Familie in alle vier Himmelsrichtungen verstreut.</td>
</tr>
<tr>
<td>9</td>
<td>Deine Familie trägt die Last einer Erbfehde, die schon Generationen anhält.</td>
</tr>
<tr>
<td>10</td>
<td>Du bist Erbe der Familienschulden. Du musst die Schuld begleichen, bevor du dein Leben weiterführen kannst.</td>
</tr>
</tbody>
</table>
<h2 class="cyber-h" id="deine-lebensziele">Deine Lebensziele</h2>
<h2 class="cyber-h" id="deine-freunde-deine-feinde-deine-tragischen-liebschaften">Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en)</h2>
<p><strong>Wirf 1W10 oder wähle eine aus.</strong></p>
<table class="cyber-table ac-red" style="width: auto;">
<thead>
<tr>
<th>Wurf</th>
<th>Lebensziele</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Einen schlechten Ruf loswerden.</td>
</tr>
<tr>
<td>2</td>
<td>Macht und Kontroller erlangen.</td>
</tr>
<tr>
<td>3</td>
<td>Von der Straße wegkommen, was auch immer es kosten mag.</td>
</tr>
<tr>
<td>4</td>
<td>All jenen Schmerz und Leid zufügen, die dir in die Quere kommen.</td>
</tr>
<tr>
<td>5</td>
<td>Dein altes Leben hinter dir lassen und versuchen, es zu vergessen.</td>
</tr>
<tr>
<td>6</td>
<td>Die für dein mieses Leben Verantwortlichen jagen und sie dafür büßen lassen.</td>
</tr>
<tr>
<td>7</td>
<td>Bekommen, was dir rechtmäßig zusteht.</td>
</tr>
<tr>
<td>8</td>
<td>Wenn möglich, jemanden aus deinem Hintergrund retten, wie eine Liebschaft oder Familienmitglied.</td>
</tr>
<tr>
<td>9</td>
<td>Ruhm und Anerkennung gewinnen.</td>
</tr>
<tr>
<td>10</td>
<td>Gefürchtet und respektiert werden.</td>
</tr>
</tbody>
</table>
<h2 class="cyber-h" id="deine-freunde-deine-feinde-deine-tragischen-liebschaften-süße-rache">Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en), Süße Rache</h2>
<p>Diese Dinge werden per Zufall ausgewürfelt und müssen Vorort geklärt werden.</p>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

149
players-guide/index.html Normal file
View File

@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spielerguide - ThePhoenixDivision</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/cpred/assets/css/cyberpunk.css">
</head>
<body>
<header>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
</div>
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
<span>players-guide</span>
</div>
-->
</header>
<main class="container">
<h1 class="cyber-h">Spielerguide</h1>
<p>TBD</p>
</main>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="/cpred/assets/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var sidenavElems = document.querySelectorAll('.sidenav');
var sidenavInstances = M.Sidenav.init(sidenavElems, {});
});
document.querySelectorAll("button").forEach(button => {
const href = button.getAttribute("data-href");
if (!href) return;
button.addEventListener("click", () => {
window.location.href = button.getAttribute("data-href");
});
});
</script>
</body>
</html>

View File

@ -16,68 +16,84 @@
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<div class="navbar-fixed">
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/players-guide/">
Spielerguide
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
</nav>
</div>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
@ -93,15 +109,22 @@
</div>
-->
</header>
<main>
<main class="container">
<h1 class="cyber-h">Rollen</h1>
<p>TBD</p>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="