FIX: Hintergrundbilder wurden gar nicht geladen
Ursache gefunden und im Browser nachgewiesen: Ein relativer Pfad in einer CSS-Variablen wird nicht gegen die HTML-Seite aufgeloest, sondern gegen die Datei, in der die Variable benutzt wird — also assets/css/main.css. Daraus wurde "assets/css/assets/img/bg-*.jpg", was es nicht gibt. Ergebnis: kein Bild, nur der Abdunkelungs-Verlauf war sichtbar. - Alle 14 Seiten auf absolute Pfade ab Seitenwurzel umgestellt (/assets/img/...), die stimmen unabhaengig von der Aufloesung - Gleiche Korrektur im Reiter-Wechsel der Bewerbungsseite Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+2
-2
@@ -121,8 +121,8 @@ function setzeTabHintergrund(tabId) {
|
|||||||
const basis = TAB_HINTERGRUENDE[tabId];
|
const basis = TAB_HINTERGRUENDE[tabId];
|
||||||
if (!basis) return;
|
if (!basis) return;
|
||||||
// Die Bildvariablen hängen am <body> — das Motiv trägt die ganze Seite.
|
// Die Bildvariablen hängen am <body> — das Motiv trägt die ganze Seite.
|
||||||
document.body.style.setProperty("--page-bg", `url('assets/img/${basis}.jpg')`);
|
document.body.style.setProperty("--page-bg", `url('/assets/img/${basis}.jpg')`);
|
||||||
document.body.style.setProperty("--page-bg-mobile", `url('assets/img/${basis}-mobile.jpg')`);
|
document.body.style.setProperty("--page-bg-mobile", `url('/assets/img/${basis}-mobile.jpg')`);
|
||||||
}
|
}
|
||||||
|
|
||||||
function setupTabs() {
|
function setupTabs() {
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-bewerben.jpg');--page-bg-mobile:url('assets/img/bg-bewerben-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-casper.jpg');--page-bg-mobile:url('assets/img/bg-casper-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-community.jpg');--page-bg-mobile:url('assets/img/bg-community-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-community.jpg');--page-bg-mobile:url('/assets/img/bg-community-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('assets/img/bg-bewerben-creator-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-dogfather.jpg');--page-bg-mobile:url('assets/img/bg-dogfather-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-hasidog.jpg');--page-bg-mobile:url('assets/img/bg-hasidog-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-manager.jpg');--page-bg-mobile:url('assets/img/bg-manager-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-manager.jpg');--page-bg-mobile:url('/assets/img/bg-manager-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-stimmen.jpg');--page-bg-mobile:url('assets/img/bg-stimmen-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-stimmen.jpg');--page-bg-mobile:url('/assets/img/bg-stimmen-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-streamplan.jpg');--page-bg-mobile:url('assets/img/bg-streamplan-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-dogfather.jpg');--page-bg-mobile:url('assets/img/bg-dogfather-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-scouts.jpg');--page-bg-mobile:url('assets/img/bg-scouts-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-vanvan.jpg');--page-bg-mobile:url('assets/img/bg-vanvan-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-vanvan.jpg');--page-bg-mobile:url('/assets/img/bg-vanvan-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-werte.jpg');--page-bg-mobile:url('assets/img/bg-werte-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-werte.jpg');--page-bg-mobile:url('/assets/img/bg-werte-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
+1
-1
@@ -22,7 +22,7 @@
|
|||||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
<link rel="stylesheet" href="assets/css/theme-hasidog.css" />
|
||||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
<link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
|
||||||
</head>
|
</head>
|
||||||
<body class="mit-hintergrund" style="--page-bg:url('assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('assets/img/bg-zeitreise-mobile.jpg');">
|
<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('/assets/img/bg-zeitreise-mobile.jpg');">
|
||||||
<div id="site-header"></div>
|
<div id="site-header"></div>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|||||||
Reference in New Issue
Block a user