Add character profiles, new pages, and update layout styles

.prettierignore

@@ -0,0 +1 @@
+*.md

_config.yml

@@ -40,6 +40,11 @@ collections:
     output: true
     permalink: /:name/
 
+footer_links:
+  - title: "Impressum"
+    url: "https://legal.thephoenixdi.vision"
+
+
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to

_includes/character-profile.html

@@ -0,0 +1,7 @@
+<div class="cyber-tile cyber-tile-big {{ include.bg_color }} {{ include.fg_color }} {{ include.class }}" style="min-height: auto;">
+  <img src="{{ include.image | relative_url }}" alt="{{ include.name }} Picture">
+  <p><span class="cyberpunk-font">Name:</span> {{ include.name }}</p>
+  <p><span class="cyberpunk-font">Handle:</span> {{ include.handle }}</p>
+  <p><span class="cyberpunk-font">Role:</span> {{ include.role }}</p>
+  <p><span class="cyberpunk-font">Age:</span> {{ include.age }}</p>
+</div>

_includes/footer.html

@@ -1,4 +1,12 @@
-<div class="cyber-razor-top bg-black" style="width: 100%"></div>
+<footer class="cyber-razor-top bg-black">
+  {% if site.footer_links and site.footer_links.size > 0 %}
+    {% for link in site.footer_links %}
+      <a href="{{ link.url }}" class="cyber-a">{{ link.title }}</a>
+    {% endfor %}
+  {% else %}
+    <span></span> <!-- Erzeugt leeren, aber sichtbaren Footer -->
+  {% endif %}
+</footer>
 <script
 			  src="https://code.jquery.com/jquery-3.7.1.min.js"
 			  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="

_includes/header.html

@@ -1,40 +1,42 @@
 {% assign menu_pages = site.pages | where_exp: "page", "page.path contains 'pages/'" %}
 {% assign sorted_pages = menu_pages | sort: "weight" %}
 <header>
-  <nav class="cyber-razor-bottom bg-black">
-    <div class="nav-wrapper">
-      <a href="{{ "/" | relative_url }}" class="cyberpunk-font-og f-x2-5">{{ site.title }}</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="{{ "/" | relative_url }}" class="cyber-a">Home</a></li>        
+  <div class="navbar-fixed">
+    <nav class="cyber-razor-bottom bg-black">
+      <div class="nav-wrapper">
+        <a href="{{ "/" | relative_url }}" class="cyberpunk-font-og f-x2-5">{{ site.title }}</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="{{ "/" | relative_url }}" class="cyber-a">Home</a></li>
+          {% for page in sorted_pages %}
+            {% if page.title and page.permalink and page.nav != false %}
+              <li><a href="{{ page.url | relative_url }}" class="cyber-a">{{ page.title }}</a></li>
+            {% endif %}
+          {% endfor %}
+        </ul>
+      </div>
+      <ul class="sidenav" id="mobile-menu">
+        <li>
+          <button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ "/" | relative_url }}">
+            Home
+          </button>
+        </li>
         {% for page in sorted_pages %}
           {% if page.title and page.permalink and page.nav != false %}
-            <li><a href="{{ page.url | relative_url }}" class="cyber-a">{{ page.title }}</a></li>
+            <li>
+              <button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ page.url | relative_url }}">
+                {{ page.title }}
+                <span class="glitchtext">$_glitch;</span>
+                <span class="tag"></span>
+              </button>
+            </li>
           {% endif %}
         {% endfor %}
       </ul>
-    </div>
-    <ul class="sidenav" id="mobile-menu">
-      <li>
-        <button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ "/" | relative_url }}">
-          Home
-        </button>
-      </li>
-      {% for page in sorted_pages %}
-        {% if page.title and page.permalink and page.nav != false %}
-          <li>
-            <button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="{{ page.url | relative_url }}">
-              {{ page.title }}
-              <span class="glitchtext">$_glitch;</span>
-              <span class="tag"></span>
-            </button>
-          </li>
-        {% endif %}
-      {% endfor %}
-    </ul>
-  </nav>
+    </nav>
+  </div>
 
-  <!-- Breadcrumb -->
+  <!-- WIP: Breadcrumb
   <div class="cyber-att">
     <a href="{{ "/" | relative_url }}">Home</a>
 
@@ -52,4 +54,5 @@
       {% endif %}
     {% endfor %}
   </div>
+  -->
 </header>

_layouts/character-sheet.html

@@ -0,0 +1,5 @@
+---
+layout: page
+---
+
+

_layouts/default.html

@@ -5,7 +5,7 @@
 </head>
 <body>
   {% include header.html %}
-  <main>
+  <main class="container">
     {{ content }}
   </main>
   {% include footer.html %}

_layouts/home.html

@@ -2,6 +2,7 @@
 layout: default
 ---
 
+{% if site.posts and site.posts.size > 0 %}
 {% for post in site.posts %}
   <article>
     <h1 class="cyber-h" style="margin-bottom: 0;"><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
@@ -15,3 +16,6 @@ layout: default
   </article>
   <hr>
 {% endfor %}
+{% else %}
+  <div class="cyber-att-2" style="margin: 32px 0;">Es gibt noch keine Neuigkeiten...</div>
+{% endif %}

_pages/about.md

@@ -1,7 +0,0 @@
----
-layout: page
-title: Charaktere
-permalink: /characters/
----
-
-TBD

_pages/characters.md

@@ -0,0 +1,15 @@
+---
+layout: page
+title: Charaktere
+permalink: /characters/
+---
+
+<div class="row" style="column-gap: 5px;">
+  <div class="col s12 m6">
+    {% include character-profile.html image="/assets/img/Netrunner.png" name="Chase Révolte" handle="-" role="Netrunner" age="23" bg_color="bg-red" fg_color="fg-dark" %}
+  </div>
+  <div class="col s12 m6">
+    {% include character-profile.html image="/assets/img/Tech.png" name="Carver Wright" handle="Crash" role="Tech" age="45" bg_color="bg-red" fg_color="fg-purple" %}
+  </div>
+</div>
+

_pages/lifepaths.md

@@ -4,6 +4,18 @@ title: Lebensweg
 permalink: /lifepaths/
 ---
 
+- [Kulturelle Herkunft](#kulturelle-herkunft)
+- [Deine Persönlichkeit](#deine-persönlichkeit)
+- [Kleidung und persönlicher Stil](#kleidung-und-persönlicher-stil)
+- [Deine Motivation und Beziehungen](#deine-motivation-und-beziehungen)
+  - [Was du am meisten schätzt](#was-du-am-meisten-schätzt)
+- [Deine Familiäre Herkunft](#deine-familiäre-herkunft)
+- [Dein Umfeld](#dein-umfeld)
+- [Deine Familienkrise](#deine-familienkrise)
+- [Deine Lebensziele](#deine-lebensziele)
+- [Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en), Süße Rache](#deine-freunde-deine-feinde-deine-tragischen-liebschaften-süße-rache)
+{:.cyber-ul style="align-self: start;"}
+
 ## Kulturelle Herkunft
 {:.cyber-h}
 
@@ -80,25 +92,134 @@ permalink: /lifepaths/
 ## Deine Motivation und Beziehungen
 {:.cyber-h}
 
+<strong>Wirf 1W10 für jede Spalte oder wähle eine aus jeder Spalte.</strong>
+
+| Wurf | Was schätzt du am meisten? | Was hältst du von den meisten Leuten?                                          |
+| ---- | -------------------------- | ------------------------------------------------------------------------------ |
+| 1    | Geld                       | Ich bleibe neutral.                                                            |
+| 2    | Ehre                       | Ich bleibe neutral.                                                            |
+| 3    | Dein Wort                  | Ich mag so gut wie alle.                                                       |
+| 4    | Ehrlichkeit                | Ich hasse so gut wie alle.                                                     |
+| 5    | Wissen                     | Menschen sind Werkzeuge. Benutze sie und wirf sie dann weg.                    |
+| 6    | Rache                      | Jeder Mensch ist ein wertvolles Individuum.                                    |
+| 7    | Liebe                      | Menschen sind Hindernisse, die vernichtet werden müssen, wenn sie mich nerven. |
+| 8    | Macht                      | Man kann Menschen nicht vertrauen. Verlass dich auf niemanden.                 |
+| 9    | Familie                    | Lösch sie alle aus - sollen die Kakerlaken die Macht übernehmen.               |
+| 10   | Freundschaft               | Menschen sind wunderbar!                                                       |
+{:.cyber-table .ac-red style="width: auto;"}
+
 ### Was du am meisten schätzt
 {:.cyber-h}
 
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Welche Menschen sind für dich am wertvollsten? |
+| ---- | ---------------------------------------------- |
+| 1    | Ein Elternteil                                 |
+| 2    | Ein Bruder oder eine Schwester                 |
+| 3    | Eine Liebschaft                                |
+| 4    | Ein Freund                                     |
+| 5    | Du selbst                                      |
+| 6    | Ein Haustier                                   |
+| 7    | Ein Lehrer oder Mentor                         |
+| 8    | Eine öffentliche Person                        |
+| 9    | Ein persönliches Held                          |
+| 10   | Niemand                                        |
+{:.cyber-table .ac-red style="width: auto;"}
+
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Was ist dein wertvollster Besitz? |
+| ---- | --------------------------------- |
+| 1    | Eine Waffe                        |
+| 2    | Ein Werkzeug                      |
+| 3    | Ein Kleidungsstück                |
+| 4    | Eine Fotografie                   |
+| 5    | Ein Buch oder Tagebuch            |
+| 6    | Eine Aufnahme                     |
+| 7    | Ein Musikinstrument               |
+| 8    | Ein Schmuckstück                  |
+| 9    | Ein Spielzeug                     |
+| 10   | Ein Brief                         |
+{:.cyber-table .ac-red style="width: auto;"}
+
 ## Deine Familiäre Herkunft
 {:.cyber-h}
 
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Ursprünfliche Herkunft | Beschreibung |
+| ---- | ---------------------- | ------------ |
+| 1    | Konzerngeschäftsführer |              |
+| 2    | Konzernmanager         |              |
+| 3    | Konzerntechniker       |              |
+| 4    | Nomadenrudel           |              |
+| 5    | Gang-"Familie"         |              |
+| 6    | Kriegszonenbewohner    |              |
+| 7    | Städtische Obdachlose  |              |
+| 8    | Megabauten             |              |
+| 9    | Reclaimer              |              |
+| 10   | Edgerunner             |              |
+{:.cyber-table .ac-red style="width: auto;"}
+
 ## Dein Umfeld
 {:.cyber-h}
 
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Umfeld deiner Herkunft                                                                                                             |
+| ---- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| 1    | Auf der Straße rumgetrieben, ohne Aufsicht durch Erwachsene.                                                                       |
+| 2    | In einer Konzone verbracht, durch Mauern vom Rest der City getrennt.                                                               |
+| 3    | In einem Nomadenrudel, ständig auf Achse.                                                                                          |
+| 4    | In einem Nomadenrudel mit Wurzeln im Transport (Schiffe, Flugzeuge, Wohnwagen).                                                    |
+| 5    | In einem verfallenden, früher gehobenen Viertel, das zum Überleben jetzt die Booster zurückschlagen muss.                          |
+| 6    | Inmitten einer Kriegszone, Leben in einem zerstörten Gebäude oder in irgendeinem anderen Gemäuer.                                  |
+| 7    | In einem riesigen "Megabau", der von einem Konzern oder der City kontrolliert wird.                                                |
+| 8    | In den Ruinen einer verlassenen Stadt, die von Reclaimers übernommen wurde.                                                        |
+| 9    | In einer Schwimmenden Nation (einer treibenden, der Küste vorgelagerten Statd), die ein Treffpunkt für Menschen aller Couleur ist. |
+| 10   | In einem luxuriösen "Sternenkratzer" eines Konzerns, hoch über dem Rest des wimmelnden Pöbels.                                     |
+{:.cyber-table .ac-red style="width: auto;"}
+
 ## Deine Familienkrise
 {:.cyber-h}
 
-## Süße Rache
-{:.cyber-h}
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Hintergrund                                                                                                                                                          |
+| ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 1    | Deine Familie hat alles durch Verrat verloren.                                                                                                                       |
+| 2    | Deine Familie hat alles durch schlechtes Management verloren.                                                                                                        |
+| 3    | Deine Familie wurde verbannt oder auf anderem Wege aus ihrer Heimat / ihrer Nation / ihrem Konzern vertrieben.                                                       |
+| 4    | Deine Familie wurde gefangen genommen und nur du konntest entkommen.                                                                                                 |
+| 5    | Deine Familie ist verschwunden. Du bist als Einziger übriggeblieben.                                                                                                 |
+| 6    | Deine Familie wurde getötet und nur du hast überlebt.                                                                                                                |
+| 7    | Deine Familie ist in eine Langzeitverschwörung, eine Organisation oder Vereinigung verwickelt, beispielsweise eine Verbrecherfamilie oder eine revolutionäre Gruppe. |
+| 8    | Aufgrund eines Unglücks ist deine Familie in alle vier Himmelsrichtungen verstreut.                                                                                  |
+| 9    | Deine Familie trägt die Last einer Erbfehde, die schon Generationen anhält.                                                                                          |
+| 10   | Du bist Erbe der Familienschulden. Du musst die Schuld begleichen, bevor du dein Leben weiterführen kannst.                                                          |
+{:.cyber-table .ac-red style="width: auto;"}
 
 ## Deine Lebensziele
 {:.cyber-h}
 
-## Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en)
+<strong>Wirf 1W10 oder wähle eine aus.</strong>
+
+| Wurf | Lebensziele                                                                                      |
+| ---- | ------------------------------------------------------------------------------------------------ |
+| 1    | Einen schlechten Ruf loswerden.                                                                  |
+| 2    | Macht und Kontroller erlangen.                                                                   |
+| 3    | Von der Straße wegkommen, was auch immer es kosten mag.                                          |
+| 4    | All jenen Schmerz und Leid zufügen, die dir in die Quere kommen.                                 |
+| 5    | Dein altes Leben hinter dir lassen und versuchen, es zu vergessen.                               |
+| 6    | Die für dein mieses Leben Verantwortlichen jagen und sie dafür büßen lassen.                     |
+| 7    | Bekommen, was dir rechtmäßig zusteht.                                                            |
+| 8    | Wenn möglich, jemanden aus deinem Hintergrund retten, wie eine Liebschaft oder Familienmitglied. |
+| 9    | Ruhm und Anerkennung gewinnen.                                                                   |
+| 10   | Gefürchtet und respektiert werden.                                                               |
+{:.cyber-table .ac-red style="width: auto;"}
+
+## Deine Freunde, Deine Feinde, Deine tragische(n) Liebschaft(en), Süße Rache
 {:.cyber-h}
 
 Diese Dinge werden per Zufall ausgewürfelt und müssen Vorort geklärt werden.

_pages/players-guide.md

@@ -0,0 +1,7 @@
+---
+layout: page
+title: Spielerguide
+permalink: /players-guide/
+---
+
+TBD

_posts/2025-03-16-welcome-to-jekyll.markdown

@@ -1,29 +0,0 @@
----
-layout: post
-title:  "Welcome to Jekyll!"
-date:   2025-03-16 20:11:55 +0100
-categories: jekyll update
----
-You’ll 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.
-
-Jekyll requires blog post files to be named according to the following format:
-
-`YEAR-MONTH-DAY-title.MARKUP`
-
-Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` 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.
-
-Jekyll also offers powerful support for code snippets:
-
-{% highlight ruby %}
-def print_hi(name)
-  puts "Hi, #{name}"
-end
-print_hi('Tom')
-#=> prints 'Hi, Tom' to STDOUT.
-{% endhighlight %}
-
-Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
-
-[jekyll-docs]: https://jekyllrb.com/docs/home
-[jekyll-gh]:   https://github.com/jekyll/jekyll
-[jekyll-talk]: https://talk.jekyllrb.com/

_sass/_layout.scss

@@ -1,14 +1,25 @@
 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 {

_subpages/chase.md

@@ -0,0 +1,7 @@
+---
+layout: character-sheet
+title: Chase Révolte
+permalink: /characters/chase
+---
+
+

_subpages/netrunner-guide.md

@@ -0,0 +1,7 @@
+---
+layout: page
+title: Netrunner Guide
+permalink: /players-guide/netrunner
+---
+
+TBD

_subpages/tech-guide.md

@@ -0,0 +1,7 @@
+---
+layout: page
+title: Tech Guide
+permalink: /players-guide/tech
+---
+
+TBD