PhoenixDivision/cpred
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

jekyll build from Action fae93a92deb412ad9071322c44d91dd47d53112b

Browse Source
This commit is contained in:
Florian Weber 2025-03-18 20:57:09 +00:00
parent b87af1c72c
commit 2c87d29b95
12 changed files with 582 additions and 326 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
404.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page not found - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,8 +23,7 @@
<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">
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
@ -42,54 +44,6 @@
</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>
@ -138,11 +92,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -164,5 +158,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

15
assets/css/main.css
View File

@ -8085,4 +8085,19 @@ footer {
color: #888;
}
.mobile-tabs {
display: none;
}
/* Ab max. 992px (iPad Hochkant und kleiner) ändert sich das Layout */
@media screen and (max-width: 992px) {
.desktop-only {
display: none;
}
.mobile-tabs {
display: block;
background-color: transparent;
}
}
/*# sourceMappingURL=main.css.map */

2
assets/css/main.css.map
View File

File diff suppressed because one or more lines are too long

59
assets/js/service-worker.js Normal file
View File

@ -0,0 +1,59 @@
const CACHE_NAME = "cyberpunk-cache-v1";
const OFFLINE_URL = "/offline.html"; // Diese Seite wird angezeigt, wenn offline
const urlsToCache = [
"/",
"/offline.html",
/* CSS-Dateien */
"/assets/css/main.css",
"/assets/css/normalize.css",
"/assets/css/cyberpunk.css",
/* JS-Dateien */
"/assets/js/materialize.min.js",
"/assets/js/service-worker.js",
/* PWA-Dateien */
"/assets/manifest.json",
"/assets/img/icon-192.png",
"/assets/img/icon-512.png",
/* Bilder, Schriften, etc. */
"/assets/fonts/BlenderProBook.woff2",
"/assets/fonts/Cyberpunk.otf",
"/assets/fonts/Oxanium.woff2",
"/assets/img/Netrunner.png",
"/assets/img/Tech.png",
];
// Installations-Event: Dateien werden in den Cache geladen
self.addEventListener("install", (event) => {
event.waitUntil(
caches.open(CACHE_NAME).then((cache) => {
return cache.addAll(urlsToCache);
})
);
});
// Fetch-Event: Prüft, ob eine Datei im Cache ist, bevor sie aus dem Netz geladen wird
self.addEventListener("fetch", (event) => {
event.respondWith(
caches.match(event.request).then((response) => {
return response || fetch(event.request).catch(() => {
return caches.match(OFFLINE_URL); // Falls offline, lade offline.html
});
})
);
});
// Aktivierungs-Event: Löscht alten Cache, wenn sich Dateien geändert haben
self.addEventListener("activate", (event) => {
event.waitUntil(
caches.keys().then((cacheNames) => {
return Promise.all(
cacheNames.map((cache) => {
if (cache !== CACHE_NAME) {
return caches.delete(cache);
}
})
);
})
);
});

21
assets/manifest.json Normal file
View File

@ -0,0 +1,21 @@
{
"name": "ThePhoenixDivision",
"short_name": "CPRED",
"start_url": "/cpred/",
"display": "standalone",
"background_color": "#f8ef02",
"theme_color": "#ff003c",
"icons": [
{
"src": "/cpred/assets/img/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/cpred/assets/img/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}

109
characters/index.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Charaktere - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,12 +23,11 @@
<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">
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<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 fg-yellow">Charaktere</a></li>
@ -42,54 +44,6 @@
</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>
@ -141,11 +95,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-red">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -167,5 +161,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

2
feed.xml
View File

@ -1 +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-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>
<?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-18T20:57:08+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>

109
index.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Die Rote Ära - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,9 +23,8 @@
<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>
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="/cpred/" class="cyber-a fg-yellow">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
@ -42,54 +44,6 @@
</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>
@ -112,11 +66,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-red"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -138,5 +132,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

111
lifepaths/index.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lebensweg - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,8 +23,7 @@
<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">
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
@ -29,7 +31,7 @@
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a fg-yellow">Lebensweg</a></li>
@ -42,54 +44,6 @@
</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>
@ -114,7 +68,7 @@
<main class="container">
<h1 class="cyber-h">Lebensweg</h1>
<ul class="cyber-ul" style="align-self: start;">
<ul>
<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>
@ -782,11 +736,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-red">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -808,5 +802,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

155
offline.html Normal file
View File

@ -0,0 +1,155 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Currently Offline - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- 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>
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<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>
</nav>
</div>
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
› <span>offline.html</span>
</div>
-->
</header>
<main class="container">
<h1 class="cyber-h">Currently Offline</h1>
<div class="container">
<h1>404</h1>
<p><strong>Du bist zur Zeit offline!</strong></p>
<p>Sobald du wieder online bist wird diese Seite gecached.</p>
</div>
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</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>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

109
players-guide/index.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spielerguide - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,8 +23,7 @@
<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">
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
@ -33,7 +35,7 @@
<li><a href="/cpred/players-guide/" class="cyber-a">Spielerguide</a></li>
<li><a href="/cpred/players-guide/" class="cyber-a fg-yellow">Spielerguide</a></li>
@ -42,54 +44,6 @@
</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>
@ -119,11 +73,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-red">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -145,5 +139,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>

109
roles/index.html
View File

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rollen - ThePhoenixDivision</title>
<link rel="manifest" href="/cpred/assets/manifest.json">
<meta name="theme-color" content="#ff003c">
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
@ -20,8 +23,7 @@
<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">
<ul id="nav-mobile" class="right hide-on-med-and-down desktop-only">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
@ -37,59 +39,11 @@
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
<li><a href="/cpred/roles/" class="cyber-a fg-yellow">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>
@ -119,11 +73,51 @@
</main>
<footer class="cyber-razor-top bg-black">
<ul class="tabs mobile-tabs">
<li class="tab col s1 bg-dark"><a href="/cpred/" class="cyber-a"><i class="material-icons">home</i></a></li>
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
<li class="tab col s1 bg-dark">
<a href="/cpred/characters/" target="_self" class="cyber-a">
<i class="material-icons">account_circle</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/lifepaths/" target="_self" class="cyber-a">
<i class="material-icons">merge</i>
</a>
</li>
<li class="tab col s1 bg-dark">
<a href="/cpred/players-guide/" target="_self" class="cyber-a">
<i class="material-icons">description</i>
</a>
</li>
<li class="tab col s1 bg-red">
<a href="/cpred/roles/" target="_self" class="cyber-a">
<i class="material-icons">manage_accounts</i>
</a>
</li>
</ul>
<span></span>
</footer>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
@ -145,5 +139,12 @@
});
</script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register("")
.then(() => console.log("✅ Service Worker registriert"))
.catch(error => console.log("❌ Service Worker Fehler:", error));
}
</script>
</body>
</html>