README angepasst
This commit is contained in:
@@ -1,4 +1,25 @@
|
||||
Verfügbare Parameter:
|
||||
user (Username, case-insensitive)
|
||||
speed (je höher, desto langsamer)
|
||||
bg (HEX-Code der Hintergrundfarbe)
|
||||
# Ninji Leaderboard Ticker – URL-Parameter
|
||||
|
||||
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.
|
||||
|
||||
### 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
@@ -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.": ""}}
|
||||
@@ -171,6 +171,16 @@
|
||||
<label for="speed">Speed (Basis-Sekunden für 10 Karten)</label>
|
||||
<input type="number" id="speed" value="200" min="5" max="1000" oninput="generateLink()">
|
||||
</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">
|
||||
<label for="bg">Hintergrundfarbe (Chroma-Key)</label>
|
||||
@@ -204,6 +214,11 @@
|
||||
<input type="checkbox" id="showdivision" onchange="generateLink()">
|
||||
<label for="showdivision">Divisions-Icon bei jeder Karte anzeigen</label>
|
||||
</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">
|
||||
<label>Generierter Link:</label>
|
||||
@@ -219,11 +234,14 @@
|
||||
function generateLink() {
|
||||
const user = document.getElementById('user').value.trim();
|
||||
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 framecolor = document.getElementById('framecolor').value.replace('#', '');
|
||||
const fix = document.getElementById('fix').value;
|
||||
const fixdivision = document.getElementById('fixdivision').value;
|
||||
const showdivision = document.getElementById('showdivision').checked;
|
||||
const showtimes = document.getElementById('showtimes').checked;
|
||||
|
||||
// Basis-URL zur ninjiclassic.html im selben Verzeichnis ermitteln
|
||||
const baseUrl = window.location.href.substring(0, window.location.href.lastIndexOf('/') + 1) + 'ninjiclassic.html';
|
||||
@@ -231,11 +249,14 @@
|
||||
const params = new URLSearchParams();
|
||||
if (user) params.append('user', user);
|
||||
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 (framecolor && framecolor !== '000000') params.append('framecolor', framecolor);
|
||||
if (fix) params.append('fix', fix);
|
||||
if (fixdivision) params.append('fixdivision', fixdivision);
|
||||
if (showdivision) params.append('showdivision', 'true');
|
||||
if (showtimes) params.append('showtimes', 'false');
|
||||
|
||||
const queryString = params.toString();
|
||||
const finalLink = baseUrl + (queryString ? '?' + queryString : '');
|
||||
|
||||
+55
-32
@@ -14,6 +14,10 @@
|
||||
--gold: #f59e0b;
|
||||
--border-color: #334155;
|
||||
--frame-color: #000000;
|
||||
--font-size: 0.9rem;
|
||||
--card-padding-v: 6px;
|
||||
--card-padding-h: 14px;
|
||||
--icon-size: 28px;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -33,7 +37,6 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Haupt-Container, der Ränder und Layout steuert */
|
||||
.ticker-main {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
@@ -45,7 +48,6 @@
|
||||
background: rgba(15, 23, 42, 0);
|
||||
}
|
||||
|
||||
/* Container für fixierte Elemente (User oder Division) */
|
||||
.fixed-container {
|
||||
flex-shrink: 0;
|
||||
z-index: 10;
|
||||
@@ -57,7 +59,6 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Der Wrapper für den scrollenden Teil */
|
||||
.ticker-wrapper {
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
@@ -65,8 +66,6 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Verläufe (before & after) wurden hier komplett entfernt, um sauberes Chroma-Keying zu ermöglichen */
|
||||
|
||||
.ticker-content {
|
||||
display: inline-flex;
|
||||
gap: 10px;
|
||||
@@ -77,20 +76,18 @@
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
/* Kompakte, flache Karte */
|
||||
.player-card {
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
padding: 6px 14px;
|
||||
padding: var(--card-padding-v) var(--card-padding-h);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 0.9rem;
|
||||
font-size: var(--font-size);
|
||||
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-master { background: #480000; border-color: #8b0000; }
|
||||
.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-bronze { background: #2f1a03; border-color: #6b3b07; }
|
||||
|
||||
/* Spezielles Highlight für den User mit dynamischer Rahmenfarbe */
|
||||
.player-card.highlight {
|
||||
border-color: var(--frame-color) !important;
|
||||
box-shadow: 0 0 0 3px var(--frame-color) !important;
|
||||
}
|
||||
|
||||
/* Styling für die Divisions-Karte */
|
||||
.player-card.division-card {
|
||||
padding: 6px 16px;
|
||||
padding: var(--card-padding-v) calc(var(--card-padding-h) + 2px);
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.division-title {
|
||||
font-size: 0.75rem;
|
||||
font-size: calc(var(--font-size) * 0.85);
|
||||
font-weight: 800;
|
||||
letter-spacing: 1px;
|
||||
color: #bae6fd;
|
||||
@@ -120,14 +115,14 @@
|
||||
}
|
||||
|
||||
.division-name {
|
||||
font-size: 1rem;
|
||||
font-size: var(--font-size);
|
||||
font-weight: 800;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.division-icon-large {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
width: var(--icon-size);
|
||||
height: var(--icon-size);
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@@ -141,7 +136,7 @@
|
||||
background: var(--border-color);
|
||||
color: var(--accent);
|
||||
font-weight: bold;
|
||||
font-size: 0.8rem;
|
||||
font-size: var(--font-size);
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@@ -165,7 +160,7 @@
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.85rem;
|
||||
font-size: var(--font-size);
|
||||
}
|
||||
|
||||
.divider {
|
||||
@@ -207,9 +202,27 @@
|
||||
const frameColor = urlParams.get('framecolor');
|
||||
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 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) {
|
||||
const formattedColor = bgColor.startsWith('#') ? bgColor : `#${bgColor}`;
|
||||
document.documentElement.style.setProperty('--bg-color', formattedColor);
|
||||
@@ -234,6 +247,26 @@
|
||||
const divName = (item.division || 'master').toLowerCase();
|
||||
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) {
|
||||
const imgPath = `img/${divName}.png`;
|
||||
|
||||
@@ -243,12 +276,7 @@
|
||||
<span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
|
||||
<span class="player-name">${item.player}</span>
|
||||
<img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'">
|
||||
<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>
|
||||
${timesHTML}
|
||||
<img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'">
|
||||
</div>
|
||||
`;
|
||||
@@ -258,13 +286,8 @@
|
||||
<div class="player-card ${highlightClass} ${dynamicBgClass}">
|
||||
<span class="rank-badge ${isTopRank}">#${item.divisionRank ?? '-'}</span>
|
||||
<span class="player-name">${item.player}</span>
|
||||
<img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'">
|
||||
<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>
|
||||
<img src="${item.flag}" class="division-icon-large" alt="" onerror="this.style.display='none'">
|
||||
${timesHTML}
|
||||
<img src="${item.grindState}" class="division-icon-large" alt="" onerror="this.style.display='none'">
|
||||
</div>
|
||||
`;
|
||||
@@ -357,4 +380,4 @@
|
||||
setInterval(loadApiData, REFRESH_INTERVAL);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
+1
-1
@@ -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"}
|
||||
Reference in New Issue
Block a user