README angepasst

This commit is contained in:
2026-08-13 09:35:32 +02:00
parent 1533dd7c55
commit 20521febd5
6 changed files with 104 additions and 39 deletions
+25 -4
View File
@@ -1,4 +1,25 @@
Verfügbare Parameter: # Ninji Leaderboard Ticker URL-Parameter
user (Username, case-insensitive)
speed (je höher, desto langsamer) Der Ticker lässt sich flexibel über URL-Parameter anpassen, um ihn perfekt in dein Stream-Overlay (z. B. OBS Studio per Browser-Source) einzubinden.
bg (HEX-Code der Hintergrundfarbe)
### Verfügbare Parameter
| Parameter | Beschreibung | Standardwert | Beispiel |
| :--- | :--- | :--- | :--- |
| `user` | Twitch- bzw. Spielername, für den die Daten geladen und das Highlight (Fett/Rahmen) aktiviert werden. | `kaizobrothers` | `?user=kaizobrothers` |
| `speed` | Basis-Geschwindigkeit des Tickers in Sekunden (Referenzwert für 10 Karten). Skaliert automatisch mit der Anzahl der Karten, damit die Laufgeschwindigkeit konstant bleibt. | `20` | `?speed=15` |
| `bg` | Hintergrundfarbe der Seite (ideal für Chroma-Keying). Akzeptiert Hex-Codes (mit oder ohne `#`). | `00ff00` (Grün) | `?bg=1e1b4b` oder `?bg=000000` |
| `framecolor` | Farbe des harten Rahmens für das Highlight der Spielerkarte. | `000000` (Schwarz) | `?framecolor=ffffff` |
| `fix` | Fixiert die Karte des aktuellen Users fest auf einer Seite. Der Rest des Leaderboards scrollt dazwischen durch. | *Keine* (scrollt mit) | `?fix=left` oder `?fix=right` |
| `fixdivision` | Fixiert die Divisions-Karte fest auf einer Seite. | *Keine* (scrollt mit) | `?fixdivision=left` oder `?fixdivision=right` |
| `showdivision` | Zeigt das Divisions-Icon zusätzlich bei *jeder einzelnen* Spielerkarte an. | `false` | `?showdivision=true` |
| `showtimes` | Steuert, ob die Einzeltzeiten (P1 & P2) angezeigt werden (`true`) oder ob nur die Gesamtzeit zu sehen ist (`false`). | `true` | `?showtimes=false` |
| `fontsize` | Legt die Schriftgröße fest (skaliert Icons automatisch proportional mit). | `0.9rem` | `?fontsize=14px` oder `?fontsize=1rem` |
| `height` | Steuert den inneren vertikalen Abstand (Padding) der Karten, um die Höhe des Tickers anzupassen. | `6px` | `?height=4px` oder `?height=10px` |
### Kombinationsbeispiel
Ein kompletter Link für ein Overlay mit grünem Hintergrund, fixiertem User links, fixierter Division rechts, ausgeblendeten Zwischenzeiten und angepasster Schriftgröße:
```text
https://overlay.kaizobrothers.de/ninjiclassic.html?user=kaizobrothers&bg=00ff00&framecolor=000000&fix=left&fixdivision=right&showtimes=false&fontsize=14px
+1 -1
View File
@@ -1 +1 @@
{"deadline": "08/14/2026 19:00:00", "users": {"SakayaLive": "at", "RedPandaa_": "ie", "Chambo_": "ca", "Haipeee": "us", "newgasm": "us", "HBRbotinator": "se", "SMokiWuff": "us", "Kapostel": "de", "Berndl_64": "at", "Dennsen86": "de", "NitroSplint": "in", "RayaRoentgen": "de", "Nathanmg": "gb-eng", "Fransen86": "de", "JLoops_": "nl", "SeiphSewell24": "us", "iamtheratio": "us", "Holiday_From_Real": "de", "MSpeedruns": "us", "plagrizr": "us", "Krisbyte": "de", "Flowty83": "ch", "Yuri_Zahard": "ch", "MaxpowerBlue": "ca", "DixyNL": "nl", "Thanatos_ttv": "de", "vipersigns": "bh", "Saphros": "de", "jinrokhzenobi": "de", "P0werjuicer": "de", "DerPlebsident": "ie", "hchris3": "de", "Deathmask666GER": "de", "MTheOrdinaryGamer": "mx", "NoSuperman89": "de", "Ticknaldo": "de", "Namefaker89": "de", "nonprophet__": "us", "Nos4893": "de", "danny_90": "de", "shell_don_koopa": "de", "BotNoUser": "de", "everygamegam3r": "us", "trudenter": "ca", "multimangel": "de", "Heisenknut308": "de", "ShadowsTakeFall": "us", "StelioKonttos": "de", "StefanGose": "de", "DiaxosOfficial": "de", "JohannesKriechhammer": "at", "NotJohnMcDonald": "us", "JoachimTheKante": "de", "ElectricEagle1": "de", "Nayfal": "de", "AGrubica": "at", "nikmik0108": "at", "GussBradyGaming": "us", "Stormsn": "de", "DerJan_85": "de", "Raptor0155": "de", "BigLenko": "de", "Der__Mark__": "de", "AchSteff": "de", "Traviktox": "de", "olllo1000": "de", "Da_phiiil": "de", "sir_vilrin": "us", "TechnoHail": "in", "Paddylein": "de", "silberpappel87": "de", "Sonofsolaire": "gb-eng", "LuckwurstJoe": "de", "IxionXVII": "at", "Azrael_S90": "de", "rinhoo76": "nl", "Pyradante": "de", "DrKrabby": "ca", "sugarfalcon": "au", "DamnD1ngo": "de", "Toppi_TV": "de", "DonPascaletti": "de", "ABG_Armin": "at", "moshok": "de", "macii85": "ch", "X_Cite86": "de", "Teto": "de", "MajorDuke": "ch", "Zorthaz13": "ca", "MrrKessko": "de", "kalyrix": "de", "liluu_pan": "at", "HerrBoesch": "de", "lGiygasl": "de", "Traysir89": "de", "TooOld2BeGaming": "gb-eng", "Quaschynock": "de", "oldskoolotto": "de", "Burol": "de", "Inyu1": "de", "Spaceinvaderin": "de", "x_cloudius_x": "de", "StepsDerSteher": "at", "MesaMitch": "", "SmashleyMF": "us", "gandhiboy_": "de", "budzcee": "us", "Smiddster3": "us", "broke_artist_tv": "pr", "Jole_12": "hr", "dwr1986": "de", "ViperSpielt": "de", "Laffi_1HP": "de", "La_Bella_Rosa": "de", "babooza91": "de", "fanzocker": "de", "AnnaLavellan": "de", "Flash406": "de", "Paddy___W": "de", "eru_the_small": "at", "RoronoaZoro1990": "at", "Arcadeschokolade": "de", "TheDestinOfficial": "us", "Maw1337": "de", "RUC_Rious": "de", "HousemeisterHD": "de", "Oelsardine": "de", "r0bo0": "de", "CrazySkar86": "de", "janb209": "de", "RatzeFatz": "it", "Tsubasa_242": "de", "Cruckel": "us", "AndreTheKey": "de", "marsellluswalllace": "de", "Michael___TV": "de", "MrMoeZockt": "de", "Loeffler11": "de", "Littlebeast_81": "at", "Siegertyp83": "de", "DaveStateGaming_": "us", "whybe": "", "Jlpeazy": "us", "stephness36": "gb-sct", "saftinger": "de", "finalsilent": "de", "Rammstuhl": "at", "jansenMcCloud": "de", "II_Morrison_II": "de", "Dergl": "de", "HerrBlutgraf": "de", "Rubberducky500": "at", "MaMuhle": "de", "doctor8bit": "de", "JaDeKi": "de", "yoshibraut": "de", "jacomile": "de", "Willows_Wanders": "us", "Franzbroetchen86": "de", "seneida": "de", "mahn89": "de", "nemesis8bit": "at", "Falanyeldi": "at", "GrinzA_": "de", "mc_thomas3": "de", "badetuch86": "de", "xKrieger_desLichts": "de", "the_real_sutefan": "de", "doomed2mors": "de", "CyberScouter": "de", "mikeeeeee83": "de", "Kurthose01": "", "Chomper89": "de", "nottjott": "de", "chrischicken1992": "de", "DarkOrchid1986": "de", "griestopf_88": "de", "nels0n1": "de", "cheezy089": "de", "DarK_ComManD": "de", "Lorella_san": "de", "dante77232": "de", "artificial_jan": "de", "filnn": "", "Yogi_Tronimal": "de", "Patsche1312": "de", "pfluecksalami": "de", "Zombomann": "de", "ecopleX": "", "Musikmalin": "de", "1ndUbio": "de", "VuongDucAnh281107": "", "fluxxi1": "de", "tobigbf": "", "Rederr0r": "de", "der_kai01": "de", "Mo__95": "de", "Nezuruic": "de", "BOEMEF": "de", "eeneonee": "de", "snikkels727": "de", "Phirestorm": "ca", "bullrich88": "de", "kaizobrothers": "de", "LazySlothLady": "de", "jdhull37": "us"}} {"deadline": "08/14/2026 19:00:00", "users": {"SakayaLive": "at", "RedPandaa_": "ie", "Chambo_": "ca", "Haipeee": "us", "newgasm": "us", "HBRbotinator": "se", "SMokiWuff": "us", "Kapostel": "de", "Berndl_64": "at", "Dennsen86": "de", "NitroSplint": "in", "RayaRoentgen": "de", "Nathanmg": "gb-eng", "Fransen86": "de", "JLoops_": "nl", "SeiphSewell24": "us", "iamtheratio": "us", "Holiday_From_Real": "de", "MSpeedruns": "us", "plagrizr": "us", "Krisbyte": "de", "Flowty83": "ch", "Yuri_Zahard": "ch", "MaxpowerBlue": "ca", "DixyNL": "nl", "Thanatos_ttv": "de", "vipersigns": "bh", "Saphros": "de", "jinrokhzenobi": "de", "P0werjuicer": "de", "DerPlebsident": "ie", "hchris3": "de", "Deathmask666GER": "de", "MTheOrdinaryGamer": "mx", "NoSuperman89": "de", "Ticknaldo": "de", "Namefaker89": "de", "nonprophet__": "us", "Nos4893": "de", "danny_90": "de", "shell_don_koopa": "de", "BotNoUser": "de", "everygamegam3r": "us", "trudenter": "ca", "multimangel": "de", "Heisenknut308": "de", "ShadowsTakeFall": "us", "StelioKonttos": "de", "StefanGose": "de", "DiaxosOfficial": "de", "JohannesKriechhammer": "at", "NotJohnMcDonald": "us", "JoachimTheKante": "de", "ElectricEagle1": "de", "Nayfal": "de", "AGrubica": "at", "nikmik0108": "at", "GussBradyGaming": "us", "Stormsn": "de", "DerJan_85": "de", "Raptor0155": "de", "BigLenko": "de", "Der__Mark__": "de", "AchSteff": "de", "Traviktox": "de", "olllo1000": "de", "Da_phiiil": "de", "sir_vilrin": "us", "TechnoHail": "in", "Paddylein": "de", "silberpappel87": "de", "Sonofsolaire": "gb-eng", "LuckwurstJoe": "de", "IxionXVII": "at", "Azrael_S90": "de", "rinhoo76": "nl", "Pyradante": "de", "DrKrabby": "ca", "sugarfalcon": "au", "DamnD1ngo": "de", "Toppi_TV": "de", "DonPascaletti": "de", "ABG_Armin": "at", "moshok": "de", "macii85": "ch", "X_Cite86": "de", "Teto": "de", "MajorDuke": "ch", "Zorthaz13": "ca", "MrrKessko": "de", "kalyrix": "de", "liluu_pan": "at", "HerrBoesch": "de", "lGiygasl": "de", "Traysir89": "de", "TooOld2BeGaming": "gb-eng", "Quaschynock": "de", "oldskoolotto": "de", "Burol": "de", "Inyu1": "de", "Spaceinvaderin": "de", "x_cloudius_x": "de", "StepsDerSteher": "at", "MesaMitch": "", "SmashleyMF": "us", "gandhiboy_": "de", "budzcee": "us", "Smiddster3": "us", "broke_artist_tv": "pr", "Jole_12": "hr", "dwr1986": "de", "ViperSpielt": "de", "Laffi_1HP": "de", "La_Bella_Rosa": "de", "babooza91": "de", "fanzocker": "de", "AnnaLavellan": "de", "Flash406": "de", "Paddy___W": "de", "eru_the_small": "at", "RoronoaZoro1990": "at", "Arcadeschokolade": "de", "TheDestinOfficial": "us", "Maw1337": "de", "RUC_Rious": "de", "HousemeisterHD": "de", "Oelsardine": "de", "r0bo0": "de", "CrazySkar86": "de", "janb209": "de", "RatzeFatz": "it", "Tsubasa_242": "de", "Cruckel": "us", "AndreTheKey": "de", "marsellluswalllace": "de", "Michael___TV": "de", "MrMoeZockt": "de", "Loeffler11": "de", "Littlebeast_81": "at", "Siegertyp83": "de", "DaveStateGaming_": "us", "whybe": "", "Jlpeazy": "us", "stephness36": "gb-sct", "saftinger": "de", "finalsilent": "de", "Rammstuhl": "at", "jansenMcCloud": "de", "II_Morrison_II": "de", "Dergl": "de", "HerrBlutgraf": "de", "Rubberducky500": "at", "MaMuhle": "de", "doctor8bit": "de", "JaDeKi": "de", "yoshibraut": "de", "jacomile": "de", "Willows_Wanders": "us", "Franzbroetchen86": "de", "seneida": "de", "mahn89": "de", "nemesis8bit": "at", "Falanyeldi": "at", "GrinzA_": "de", "mc_thomas3": "de", "badetuch86": "de", "xKrieger_desLichts": "de", "the_real_sutefan": "de", "doomed2mors": "de", "CyberScouter": "de", "mikeeeeee83": "de", "Kurthose01": "", "Chomper89": "de", "nottjott": "de", "chrischicken1992": "de", "DarkOrchid1986": "de", "griestopf_88": "de", "nels0n1": "de", "cheezy089": "de", "DarK_ComManD": "de", "Lorella_san": "de", "dante77232": "de", "artificial_jan": "de", "filnn": "", "Yogi_Tronimal": "de", "Patsche1312": "de", "pfluecksalami": "de", "Zombomann": "de", "ecopleX": "", "Musikmalin": "de", "1ndUbio": "de", "VuongDucAnh281107": "", "fluxxi1": "de", "tobigbf": "", "Rederr0r": "de", "der_kai01": "de", "Mo__95": "de", "Nezuruic": "de", "BOEMEF": "de", "eeneonee": "de", "snikkels727": "de", "Phirestorm": "ca", "bullrich88": "de", "kaizobrothers": "de", "LazySlothLady": "de", "jdhull37": "us", "xmadnessx.": ""}}
+1 -1
View File
File diff suppressed because one or more lines are too long
+21
View File
@@ -172,6 +172,16 @@
<input type="number" id="speed" value="200" min="5" max="1000" oninput="generateLink()"> <input type="number" id="speed" value="200" min="5" max="1000" oninput="generateLink()">
</div> </div>
<div class="form-group">
<label for="fontsize">Schriftgröße</label>
<input type="number" id="fontsize" value="15" min="5" max="70" oninput="generateLink()">
</div>
<div class="form-group">
<label for="height">Höhe des Overlays</label>
<input type="number" id="height" value="12" min="5" max="50" oninput="generateLink()">
</div>
<div class="form-group"> <div class="form-group">
<label for="bg">Hintergrundfarbe (Chroma-Key)</label> <label for="bg">Hintergrundfarbe (Chroma-Key)</label>
<input type="color" id="bg" value="#00ff00" oninput="generateLink()"> <input type="color" id="bg" value="#00ff00" oninput="generateLink()">
@@ -205,6 +215,11 @@
<label for="showdivision">Divisions-Icon bei jeder Karte anzeigen</label> <label for="showdivision">Divisions-Icon bei jeder Karte anzeigen</label>
</div> </div>
<div class="form-group checkbox-group">
<input type="checkbox" id="showtimes" onchange="generateLink()">
<label for="showtimes">Part-Zeiten ausblenden</label>
</div>
<div class="result-section"> <div class="result-section">
<label>Generierter Link:</label> <label>Generierter Link:</label>
<div class="result-box" id="resultLink"></div> <div class="result-box" id="resultLink"></div>
@@ -219,11 +234,14 @@
function generateLink() { function generateLink() {
const user = document.getElementById('user').value.trim(); const user = document.getElementById('user').value.trim();
const speed = document.getElementById('speed').value; const speed = document.getElementById('speed').value;
const fontsize = document.getElementById('fontsize').value;
const height = document.getElementById('height').value;
const bg = document.getElementById('bg').value.replace('#', ''); const bg = document.getElementById('bg').value.replace('#', '');
const framecolor = document.getElementById('framecolor').value.replace('#', ''); const framecolor = document.getElementById('framecolor').value.replace('#', '');
const fix = document.getElementById('fix').value; const fix = document.getElementById('fix').value;
const fixdivision = document.getElementById('fixdivision').value; const fixdivision = document.getElementById('fixdivision').value;
const showdivision = document.getElementById('showdivision').checked; const showdivision = document.getElementById('showdivision').checked;
const showtimes = document.getElementById('showtimes').checked;
// Basis-URL zur ninjiclassic.html im selben Verzeichnis ermitteln // Basis-URL zur ninjiclassic.html im selben Verzeichnis ermitteln
const baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf('/') + 1) + 'ninjiclassic.html'; const baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf('/') + 1) + 'ninjiclassic.html';
@@ -231,11 +249,14 @@
const params = new URLSearchParams(); const params = new URLSearchParams();
if (user) params.append('user', user); if (user) params.append('user', user);
if (speed && speed !== '240') params.append('speed', speed); if (speed && speed !== '240') params.append('speed', speed);
if (height) params.append('height', height);
if (fontsize) params.append('fontsize', fontsize);
if (bg && bg !== '00ff00') params.append('bg', bg); if (bg && bg !== '00ff00') params.append('bg', bg);
if (framecolor && framecolor !== '000000') params.append('framecolor', framecolor); if (framecolor && framecolor !== '000000') params.append('framecolor', framecolor);
if (fix) params.append('fix', fix); if (fix) params.append('fix', fix);
if (fixdivision) params.append('fixdivision', fixdivision); if (fixdivision) params.append('fixdivision', fixdivision);
if (showdivision) params.append('showdivision', 'true'); if (showdivision) params.append('showdivision', 'true');
if (showtimes) params.append('showtimes', 'false');
const queryString = params.toString(); const queryString = params.toString();
const finalLink = baseUrl + (queryString ? '?' + queryString : ''); const finalLink = baseUrl + (queryString ? '?' + queryString : '');
+53 -30
View File
@@ -14,6 +14,10 @@
--gold: #f59e0b; --gold: #f59e0b;
--border-color: #334155; --border-color: #334155;
--frame-color: #000000; --frame-color: #000000;
--font-size: 0.9rem;
--card-padding-v: 6px;
--card-padding-h: 14px;
--icon-size: 28px;
} }
* { * {
@@ -33,7 +37,6 @@
overflow: hidden; overflow: hidden;
} }
/* Haupt-Container, der Ränder und Layout steuert */
.ticker-main { .ticker-main {
display: flex; display: flex;
width: 100%; width: 100%;
@@ -45,7 +48,6 @@
background: rgba(15, 23, 42, 0); background: rgba(15, 23, 42, 0);
} }
/* Container für fixierte Elemente (User oder Division) */
.fixed-container { .fixed-container {
flex-shrink: 0; flex-shrink: 0;
z-index: 10; z-index: 10;
@@ -57,7 +59,6 @@
display: none; display: none;
} }
/* Der Wrapper für den scrollenden Teil */
.ticker-wrapper { .ticker-wrapper {
flex-grow: 1; flex-grow: 1;
overflow: hidden; overflow: hidden;
@@ -65,8 +66,6 @@
position: relative; position: relative;
} }
/* Verläufe (before & after) wurden hier komplett entfernt, um sauberes Chroma-Keying zu ermöglichen */
.ticker-content { .ticker-content {
display: inline-flex; display: inline-flex;
gap: 10px; gap: 10px;
@@ -77,20 +76,18 @@
animation-play-state: paused; animation-play-state: paused;
} }
/* Kompakte, flache Karte */
.player-card { .player-card {
background: var(--card-bg); background: var(--card-bg);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 8px; border-radius: 8px;
padding: 6px 14px; padding: var(--card-padding-v) var(--card-padding-h);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;
font-size: 0.9rem; font-size: var(--font-size);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
} }
/* Farbschemata für die einzelnen Divisionen */
.player-card.division-champion { background: #171717; border-color: #333333; } .player-card.division-champion { background: #171717; border-color: #333333; }
.player-card.division-master { background: #480000; border-color: #8b0000; } .player-card.division-master { background: #480000; border-color: #8b0000; }
.player-card.division-diamant { background: #471830; border-color: #882b5d; } .player-card.division-diamant { background: #471830; border-color: #882b5d; }
@@ -99,20 +96,18 @@
.player-card.division-silver { background: #2d2d2d; border-color: #5c5c5c; } .player-card.division-silver { background: #2d2d2d; border-color: #5c5c5c; }
.player-card.division-bronze { background: #2f1a03; border-color: #6b3b07; } .player-card.division-bronze { background: #2f1a03; border-color: #6b3b07; }
/* Spezielles Highlight für den User mit dynamischer Rahmenfarbe */
.player-card.highlight { .player-card.highlight {
border-color: var(--frame-color) !important; border-color: var(--frame-color) !important;
box-shadow: 0 0 0 3px var(--frame-color) !important; box-shadow: 0 0 0 3px var(--frame-color) !important;
} }
/* Styling für die Divisions-Karte */
.player-card.division-card { .player-card.division-card {
padding: 6px 16px; padding: var(--card-padding-v) calc(var(--card-padding-h) + 2px);
gap: 8px; gap: 8px;
} }
.division-title { .division-title {
font-size: 0.75rem; font-size: calc(var(--font-size) * 0.85);
font-weight: 800; font-weight: 800;
letter-spacing: 1px; letter-spacing: 1px;
color: #bae6fd; color: #bae6fd;
@@ -120,14 +115,14 @@
} }
.division-name { .division-name {
font-size: 1rem; font-size: var(--font-size);
font-weight: 800; font-weight: 800;
color: #ffffff; color: #ffffff;
} }
.division-icon-large { .division-icon-large {
width: 28px; width: var(--icon-size);
height: 28px; height: var(--icon-size);
object-fit: contain; object-fit: contain;
} }
@@ -141,7 +136,7 @@
background: var(--border-color); background: var(--border-color);
color: var(--accent); color: var(--accent);
font-weight: bold; font-weight: bold;
font-size: 0.8rem; font-size: var(--font-size);
padding: 2px 6px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
} }
@@ -165,7 +160,7 @@
align-items: center; align-items: center;
gap: 8px; gap: 8px;
color: var(--text-muted); color: var(--text-muted);
font-size: 0.85rem; font-size: var(--font-size);
} }
.divider { .divider {
@@ -207,9 +202,27 @@
const frameColor = urlParams.get('framecolor'); const frameColor = urlParams.get('framecolor');
const divisionEveryCard = urlParams.get('showdivision'); const divisionEveryCard = urlParams.get('showdivision');
// NEU: Parameter zum Steuern der P1/P2-Zeiten (Standard ist true)
const showTimes = urlParams.get('showtimes') !== 'false';
const fixPosition = (urlParams.get('fix') || '').toLowerCase(); const fixPosition = (urlParams.get('fix') || '').toLowerCase();
const fixDivision = (urlParams.get('fixdivision') || '').toLowerCase(); const fixDivision = (urlParams.get('fixdivision') || '').toLowerCase();
const fontSizeParam = urlParams.get('fontsize');
const heightParam = urlParams.get('height');
if (fontSizeParam) {
const formattedSize = /^\d+$/.test(fontSizeParam) ? `${fontSizeParam}px` : fontSizeParam;
document.documentElement.style.setProperty('--font-size', formattedSize);
const iconSize = /^\d+$/.test(fontSizeParam) ? `${parseInt(fontSizeParam) * 1.6}px` : '28px';
document.documentElement.style.setProperty('--icon-size', iconSize);
}
if (heightParam) {
const formattedHeight = /^\d+$/.test(heightParam) ? `${heightParam}px` : heightParam;
document.documentElement.style.setProperty('--card-padding-v', formattedHeight);
}
if (bgColor) { if (bgColor) {
const formattedColor = bgColor.startsWith('#') ? bgColor : `#${bgColor}`; const formattedColor = bgColor.startsWith('#') ? bgColor : `#${bgColor}`;
document.documentElement.style.setProperty('--bg-color', formattedColor); document.documentElement.style.setProperty('--bg-color', formattedColor);
@@ -234,6 +247,26 @@
const divName = (item.division || 'master').toLowerCase(); const divName = (item.division || 'master').toLowerCase();
const dynamicBgClass = `division-${divName}`; const dynamicBgClass = `division-${divName}`;
// Dynamischer HTML-Teil für die Zeiten (abhängig von showTimes)
let timesHTML = '';
if (showTimes) {
timesHTML = `
<div class="card-info">
<span class="divider">|</span>
<span>P1: ${item.part1} / P2: ${item.part2}</span>
<span class="divider">|</span>
<span class="total-time">${item.totalTime}s</span>
</div>
`;
} else {
timesHTML = `
<div class="card-info">
<span class="divider">|</span>
<span class="total-time">${item.totalTime}s</span>
</div>
`;
}
if (divisionEveryCard) { if (divisionEveryCard) {
const imgPath = `img/${divName}.png`; const imgPath = `img/${divName}.png`;
@@ -243,12 +276,7 @@
<span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span> <span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
<span class="player-name">${item.player}</span> <span class="player-name">${item.player}</span>
<img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'"> <img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'">
<div class="card-info"> ${timesHTML}
<span class="divider">|</span>
<span>P1: ${item.part1} / P2: ${item.part2}</span>
<span class="divider">|</span>
<span class="total-time">${item.totalTime}s</span>
</div>
<img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'"> <img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'">
</div> </div>
`; `;
@@ -259,12 +287,7 @@
<span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span> <span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
<span class="player-name">${item.player}</span> <span class="player-name">${item.player}</span>
<img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'"> <img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'">
<div class="card-info"> ${timesHTML}
<span class="divider">|</span>
<span>P1: ${item.part1} / P2: ${item.part2}</span>
<span class="divider">|</span>
<span class="total-time">${item.totalTime}s</span>
</div>
<img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'"> <img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'">
</div> </div>
`; `;
+1 -1
View File
@@ -1 +1 @@
{"Berndl_64": "https://i.ibb.co/mzVnwcP/Mario.png", "broke_artist_tv": "https://i.ibb.co/mzVnwcP/Mario.png", "Chambo_": "https://i.ibb.co/bjh4pyrN/twitch-removebg-preview.png", "chrischicken1992": "https://i.ibb.co/mzVnwcP/Mario.png", "ElectricEagle1": "https://i.ibb.co/mzVnwcP/Mario.png", "griestopf_88": "https://i.ibb.co/mzVnwcP/Mario.png", "HBRbotinator": "https://i.ibb.co/bjh4pyrN/twitch-removebg-preview.png", "hchris3": "https://i.ibb.co/bjh4pyrN/twitch-removebg-preview.png", "jdhull37": "https://i.ibb.co/mzVnwcP/Mario.png", "kaizobrothers": "https://i.ibb.co/mzVnwcP/Mario.png", "lorella_san": "https://i.ibb.co/mzVnwcP/Mario.png", "MaMuhle": "https://i.ibb.co/mzVnwcP/Mario.png", "RedPandaa_": "https://i.ibb.co/bjh4pyrN/twitch-removebg-preview.png", "rinhoo76": "https://i.ibb.co/mzVnwcP/Mario.png", "TechnoHail": "https://i.ibb.co/mzVnwcP/Mario.png", "DarK_ComManD": "https://i.ibb.co/mzVnwcP/Mario.png", "Phirestorm": "https://i.ibb.co/mzVnwcP/Mario.png", "LazySlothLady": "https://i.ibb.co/mzVnwcP/Mario.png"} {"Haipeee": "https://i.ibb.co/mzVnwcP/Mario.png", "Jlpeazy": "https://i.ibb.co/mzVnwcP/Mario.png", "ShadowsTakeFall": "https://i.ibb.co/mzVnwcP/Mario.png"}