cay/dok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adfhbadf

Browse Source
This commit is contained in:
cay 2026-04-14 18:50:24 +01:00
parent bee5603d5b
commit 0e569f4df4
2 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
public/css/gildenhalle.css
View File

@ -30,7 +30,7 @@
background: linear-gradient(135deg, #2a1a08, #1a0f04); background: linear-gradient(135deg, #2a1a08, #1a0f04);
border: 2px solid #6b4b2a; border: 2px solid #6b4b2a;
border-radius: 8px; border-radius: 8px;
color: #c8a86a; color: #4a2a0a;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
@ -39,10 +39,10 @@
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
} }
.mp-tab:hover { color: #f0d9a6; filter: brightness(1.2); } .mp-tab:hover { color: #2a1505; filter: brightness(1.2); }
.mp-tab.mp-tab-active { .mp-tab.mp-tab-active {
color: #fff !important; color: #2a1505 !important;
border-color: #f0d060 !important; border-color: #7a4a00 !important;
background: linear-gradient(135deg, #4a3010, #2a1a08) !important; background: linear-gradient(135deg, #4a3010, #2a1a08) !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 0 14px rgba(200,160,60,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 0 14px rgba(200,160,60,0.3);
} }
@ -55,7 +55,7 @@
} }
.mp-tab-active .mp-tab-dot { .mp-tab-active .mp-tab-dot {
background: #f0d060; background: #f0d060;
border-color: #f0d060; border-color: #7a4a00;
} }
.mp-content { .mp-content {
@ -78,7 +78,7 @@
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 15px; font-size: 15px;
font-weight: 700; font-weight: 700;
color: #f0d9a6; color: #2a1505;
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
padding: 10px 20px; padding: 10px 20px;
@ -128,7 +128,7 @@
font-size: 12px; font-size: 12px;
} }
.gh-members-table th { .gh-members-table th {
color: var(--guild-muted); color: #5a3a18;
font-size: 10px; font-size: 10px;
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
@ -139,7 +139,7 @@
.gh-members-table td { .gh-members-table td {
padding: 7px 10px; padding: 7px 10px;
border-bottom: 1px solid rgba(139,106,42,.2); border-bottom: 1px solid rgba(139,106,42,.2);
color: var(--guild-text); color: #2a1505;
vertical-align: middle; vertical-align: middle;
} }
.gh-members-table tr:hover td { .gh-members-table tr:hover td {
@ -155,11 +155,11 @@
font-weight: bold; font-weight: bold;
background: linear-gradient(#3a2810, #1a0f04); background: linear-gradient(#3a2810, #1a0f04);
border: 1px solid var(--guild-border); border: 1px solid var(--guild-border);
color: var(--guild-gold); color: #7a4a00;
white-space: nowrap; white-space: nowrap;
} }
.gh-rank-badge.leader { .gh-rank-badge.leader {
border-color: var(--guild-gold); border-color: #7a4a00;
background: linear-gradient(#6b4b2a, #3c2414); background: linear-gradient(#6b4b2a, #3c2414);
box-shadow: 0 0 6px rgba(200,160,60,.3); box-shadow: 0 0 6px rgba(200,160,60,.3);
} }
@ -186,7 +186,7 @@
cursor: default; cursor: default;
} }
.gh-guild-card:hover { .gh-guild-card:hover {
border-color: var(--guild-gold); border-color: #7a4a00;
box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 10px rgba(200,160,60,.15); box-shadow: 0 4px 16px rgba(0,0,0,.5), 0 0 10px rgba(200,160,60,.15);
} }
@ -203,14 +203,14 @@
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: var(--guild-gold); color: #7a4a00;
flex-shrink: 0; flex-shrink: 0;
} }
.gh-guild-name { .gh-guild-name {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 13px; font-size: 13px;
font-weight: bold; font-weight: bold;
color: var(--guild-text); color: #2a1505;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -218,7 +218,7 @@
.gh-guild-desc { .gh-guild-desc {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 10px; font-size: 10px;
color: var(--guild-muted); color: #5a3a18;
line-height: 1.5; line-height: 1.5;
flex: 1; flex: 1;
} }
@ -227,14 +227,14 @@
justify-content: space-between; justify-content: space-between;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 10px; font-size: 10px;
color: var(--guild-muted); color: #5a3a18;
} }
.gh-guild-open { .gh-guild-open {
color: var(--guild-green); color: #1a5a10;
font-weight: bold; font-weight: bold;
} }
.gh-guild-closed { .gh-guild-closed {
color: #e0a030; color: #6a3a00;
font-weight: bold; font-weight: bold;
} }
@ -244,7 +244,7 @@
background: linear-gradient(#3a2810, #1a0f04); background: linear-gradient(#3a2810, #1a0f04);
border: 2px solid var(--guild-border); border: 2px solid var(--guild-border);
border-radius: 6px; border-radius: 6px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
@ -253,16 +253,16 @@
width: 100%; width: 100%;
} }
.gh-join-btn:hover:not(:disabled) { .gh-join-btn:hover:not(:disabled) {
border-color: var(--guild-gold); border-color: #7a4a00;
color: #fff; color: #2a1505;
} }
.gh-join-btn:disabled { .gh-join-btn:disabled {
opacity: .45; opacity: .45;
cursor: not-allowed; cursor: not-allowed;
} }
.gh-join-btn.pending { .gh-join-btn.pending {
border-color: #e0a030; border-color: #6a3a00;
color: #e0a030; color: #6a3a00;
} }
/* ── Gilde gründen ──────────────────────────────────────── */ /* ── Gilde gründen ──────────────────────────────────────── */
@ -281,7 +281,7 @@
.gh-form-label { .gh-form-label {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
color: var(--guild-muted); color: #5a3a18;
letter-spacing: 1px; letter-spacing: 1px;
} }
.gh-form-input, .gh-form-input,
@ -290,7 +290,7 @@
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
border: 2px solid var(--guild-border); border: 2px solid var(--guild-border);
border-radius: 7px; border-radius: 7px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 13px; font-size: 13px;
padding: 7px 10px; padding: 7px 10px;
@ -299,7 +299,7 @@
} }
.gh-form-input:focus, .gh-form-input:focus,
.gh-form-textarea:focus, .gh-form-textarea:focus,
.gh-form-select:focus { border-color: var(--guild-gold); } .gh-form-select:focus { border-color: #7a4a00; }
.gh-form-textarea { resize: vertical; min-height: 70px; } .gh-form-textarea { resize: vertical; min-height: 70px; }
.gh-form-select { cursor: pointer; } .gh-form-select { cursor: pointer; }
@ -308,7 +308,7 @@
background: linear-gradient(#6b4b2a, #3c2414); background: linear-gradient(#6b4b2a, #3c2414);
border: 2px solid var(--guild-gold); border: 2px solid var(--guild-gold);
border-radius: 8px; border-radius: 8px;
color: #fff5cc; color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 13px; font-size: 13px;
font-weight: bold; font-weight: bold;
@ -323,7 +323,7 @@
.gh-error-msg { .gh-error-msg {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
color: #ff6666; color: #880000;
text-align: center; text-align: center;
} }
@ -347,7 +347,7 @@
transition: .2s; transition: .2s;
} }
.gh-task-card.completed { .gh-task-card.completed {
border-color: var(--guild-green); border-color: #1a5a10;
opacity: .75; opacity: .75;
} }
@ -359,18 +359,18 @@
.gh-task-label { .gh-task-label {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 13px; font-size: 13px;
color: var(--guild-text); color: #2a1505;
font-weight: bold; font-weight: bold;
} }
.gh-task-reward { .gh-task-reward {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
color: var(--guild-gold); color: #7a4a00;
} }
.gh-task-done-badge { .gh-task-done-badge {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
color: var(--guild-green); color: #1a5a10;
font-weight: bold; font-weight: bold;
} }
@ -398,7 +398,7 @@
.gh-task-progress-text { .gh-task-progress-text {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 10px; font-size: 10px;
color: var(--guild-muted); color: #5a3a18;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
@ -423,13 +423,13 @@
.gh-request-name { .gh-request-name {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
color: var(--guild-text); color: #2a1505;
flex: 1; flex: 1;
} }
.gh-request-msg { .gh-request-msg {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 10px; font-size: 10px;
color: var(--guild-muted); color: #5a3a18;
font-style: italic; font-style: italic;
flex: 2; flex: 2;
overflow: hidden; overflow: hidden;
@ -450,13 +450,13 @@
.gh-req-accept { .gh-req-accept {
background: linear-gradient(#1a4a18, #0f2a0e); background: linear-gradient(#1a4a18, #0f2a0e);
border: 2px solid #4a8a3c; border: 2px solid #4a8a3c;
color: #a0e090; color: #1a5a10;
} }
.gh-req-accept:hover { border-color: #7ada60; } .gh-req-accept:hover { border-color: #7ada60; }
.gh-req-reject { .gh-req-reject {
background: linear-gradient(#4a1010, #2a0808); background: linear-gradient(#4a1010, #2a0808);
border: 2px solid #8a3030; border: 2px solid #8a3030;
color: #e07070; color: #7a1010;
} }
.gh-req-reject:hover { border-color: #ff6060; } .gh-req-reject:hover { border-color: #ff6060; }
@ -474,7 +474,7 @@
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: var(--guild-gold); color: #7a4a00;
background: linear-gradient(#6b4b2a, #3c2414); background: linear-gradient(#6b4b2a, #3c2414);
border: 2px solid var(--guild-gold); border: 2px solid var(--guild-gold);
border-radius: 8px; border-radius: 8px;
@ -484,12 +484,12 @@
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: var(--guild-text); color: #2a1505;
} }
.gh-my-sub { .gh-my-sub {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
color: var(--guild-muted); color: #5a3a18;
} }
.gh-leave-btn { .gh-leave-btn {
margin-left: auto; margin-left: auto;
@ -497,7 +497,7 @@
background: linear-gradient(#3a1010, #1a0808); background: linear-gradient(#3a1010, #1a0808);
border: 2px solid #6a2020; border: 2px solid #6a2020;
border-radius: 7px; border-radius: 7px;
color: #d08080; color: #7a1010;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
cursor: pointer; cursor: pointer;
@ -518,25 +518,25 @@
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
border: 2px solid var(--guild-border); border: 2px solid var(--guild-border);
border-radius: 7px; border-radius: 7px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
padding: 6px 10px; padding: 6px 10px;
outline: none; outline: none;
} }
.gh-search-input:focus { border-color: var(--guild-gold); } .gh-search-input:focus { border-color: #7a4a00; }
.gh-search-btn { .gh-search-btn {
padding: 6px 16px; padding: 6px 16px;
background: linear-gradient(#3a2810, #1a0f04); background: linear-gradient(#3a2810, #1a0f04);
border: 2px solid var(--guild-border); border: 2px solid var(--guild-border);
border-radius: 7px; border-radius: 7px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
transition: .15s; transition: .15s;
} }
.gh-search-btn:hover { border-color: var(--guild-gold); } .gh-search-btn:hover { border-color: #7a4a00; }
/* ── Keine Gilde Hinweis ────────────────────────────────── */ /* ── Keine Gilde Hinweis ────────────────────────────────── */
.gh-no-guild { .gh-no-guild {
@ -547,7 +547,7 @@
height: 100%; height: 100%;
gap: 12px; gap: 12px;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
color: var(--guild-muted); color: #5a3a18;
text-align: center; text-align: center;
padding: 24px; padding: 24px;
} }
@ -568,18 +568,18 @@
background: linear-gradient(#3a2810, #1a0f04); background: linear-gradient(#3a2810, #1a0f04);
border: 1px solid var(--guild-border); border: 1px solid var(--guild-border);
border-radius: 5px; border-radius: 5px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
padding: 3px 10px; padding: 3px 10px;
cursor: pointer; cursor: pointer;
transition: .15s; transition: .15s;
} }
.gh-page-btn:hover:not(:disabled) { border-color: var(--guild-gold); } .gh-page-btn:hover:not(:disabled) { border-color: #7a4a00; }
.gh-page-btn:disabled { opacity: .35; cursor: not-allowed; } .gh-page-btn:disabled { opacity: .35; cursor: not-allowed; }
.gh-page-btn.active { .gh-page-btn.active {
background: linear-gradient(#6b4b2a, #3c2414); background: linear-gradient(#6b4b2a, #3c2414);
border-color: var(--guild-gold); border-color: #7a4a00;
} }
/* ── Lade/Leer-Zustand ──────────────────────────────────── */ /* ── Lade/Leer-Zustand ──────────────────────────────────── */
@ -588,14 +588,14 @@
padding: 40px; padding: 40px;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 13px; font-size: 13px;
color: var(--guild-muted); color: #5a3a18;
} }
/* ── Section-Header innerhalb Panel ────────────────────── */ /* ── Section-Header innerhalb Panel ────────────────────── */
.gh-section-title { .gh-section-title {
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 12px; font-size: 12px;
color: var(--guild-gold); color: #7a4a00;
letter-spacing: 2px; letter-spacing: 2px;
text-transform: uppercase; text-transform: uppercase;
padding: 8px 16px 4px; padding: 8px 16px 4px;
@ -608,7 +608,7 @@
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
border: 1px solid var(--guild-border); border: 1px solid var(--guild-border);
border-radius: 5px; border-radius: 5px;
color: var(--guild-text); color: #2a1505;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 11px; font-size: 11px;
padding: 2px 5px; padding: 2px 5px;
@ -619,7 +619,7 @@
background: linear-gradient(#4a1010, #2a0808); background: linear-gradient(#4a1010, #2a0808);
border: 1px solid #8a3030; border: 1px solid #8a3030;
border-radius: 5px; border-radius: 5px;
color: #e07070; color: #7a1010;
font-family: "Cinzel", serif; font-family: "Cinzel", serif;
font-size: 10px; font-size: 10px;
cursor: pointer; cursor: pointer;

8
public/js/buildings/gildenhalle.js
View File

@ -51,7 +51,7 @@ function ghEnsurePopup() {
placeholder="Gildennamen oder Tag suchen…" /> placeholder="Gildennamen oder Tag suchen…" />
<button class="gh-search-btn" id="gh-search-btn">Suchen</button> <button class="gh-search-btn" id="gh-search-btn">Suchen</button>
<button class="gh-search-btn" id="gh-create-toggle-btn" <button class="gh-search-btn" id="gh-create-toggle-btn"
style="border-color:#f0d060;color:#f0d060;">+ Gründen</button> style="border-color:#7a4a00;color:#7a4a00;">+ Gründen</button>
</div> </div>
<div class="gh-guild-grid" id="gh-guild-grid"> <div class="gh-guild-grid" id="gh-guild-grid">
<div class="gh-loading">Lade Gilden…</div> <div class="gh-loading">Lade Gilden…</div>
@ -330,7 +330,7 @@ async function ghLoadMyGuild() {
: `<span class="gh-rank-badge ${m.id === guild.leader_id ? 'leader' : ''}">${m.rank_name || '–'}</span>` : `<span class="gh-rank-badge ${m.id === guild.leader_id ? 'leader' : ''}">${m.rank_name || '–'}</span>`
} }
</td> </td>
<td style="font-size:10px;color:var(--guild-muted)"> <td style="font-size:10px;color:#5a3a18">
${new Date(m.joined_at).toLocaleDateString('de-DE')} ${new Date(m.joined_at).toLocaleDateString('de-DE')}
</td> </td>
<td> <td>
@ -461,8 +461,8 @@ async function ghLoadTasks() {
container.innerHTML = ` container.innerHTML = `
<div style="padding:10px 16px;font-family:'Cinzel',serif;font-size:11px; <div style="padding:10px 16px;font-family:'Cinzel',serif;font-size:11px;
color:var(--guild-muted);border-bottom:1px solid rgba(139,106,42,.25);"> color:#5a3a18;border-bottom:1px solid rgba(139,106,42,.25);">
Gemeinsame Aufgaben der Gilde <strong style="color:var(--guild-gold);">${data.guildName}</strong> Gemeinsame Aufgaben der Gilde <strong style="color:#7a4a00;">${data.guildName}</strong>
</div> </div>
<div class="gh-tasks-list"> <div class="gh-tasks-list">
${data.tasks.map(t => { ${data.tasks.map(t => {