Home: oben der rote diora-Schriftzug statt der Begrüßung; sw v88
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
8b9c28cda1
commit
4256bf6b29
2 changed files with 4 additions and 8 deletions
|
|
@ -194,11 +194,6 @@
|
||||||
'<button type="button" class="home-more" data-act="tab" data-tab="' + tabName + '">Alle ›</button></div>' + body + '</section>';
|
'<button type="button" class="home-more" data-act="tab" data-tab="' + tabName + '">Alle ›</button></div>' + body + '</section>';
|
||||||
}
|
}
|
||||||
|
|
||||||
function greeting() {
|
|
||||||
const h = new Date().getHours();
|
|
||||||
return h < 5 ? 'Gute Nacht' : h < 11 ? 'Guten Morgen' : h < 18 ? 'Hallo' : 'Guten Abend';
|
|
||||||
}
|
|
||||||
|
|
||||||
let lastHtml = '';
|
let lastHtml = '';
|
||||||
let host = null;
|
let host = null;
|
||||||
|
|
||||||
|
|
@ -209,7 +204,7 @@
|
||||||
host.className = 'home';
|
host.className = 'home';
|
||||||
tab.appendChild(host);
|
tab.appendChild(host);
|
||||||
}
|
}
|
||||||
let html = '<div class="home-hello">' + greeting() + '</div>';
|
let html = '<div class="home-brand">diora</div>';
|
||||||
for (const part of [booksSection, podcastSection, radioSection, ambientSection]) {
|
for (const part of [booksSection, podcastSection, radioSection, ambientSection]) {
|
||||||
try { html += part(); } catch (e) { console.warn('home', e); }
|
try { html += part(); } catch (e) { console.warn('home', e); }
|
||||||
}
|
}
|
||||||
|
|
@ -272,7 +267,8 @@
|
||||||
const style = document.createElement('style');
|
const style = document.createElement('style');
|
||||||
style.textContent = [
|
style.textContent = [
|
||||||
'#tab-home .home { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
|
'#tab-home .home { max-width: 760px; margin: 0 auto; padding-bottom: 24px; }',
|
||||||
'#tab-home .home-hello { font-size: 22px; font-weight: 700; margin: 4px 0 18px; letter-spacing: 0.02em; }',
|
// The wordmark as in the web's navbar: red, bold, the page's monospace.
|
||||||
|
'#tab-home .home-brand { font-size: 26px; font-weight: 700; color: var(--accent, #e63946); margin: 4px 0 18px; letter-spacing: 0.05em; }',
|
||||||
'#tab-home .home-section { margin-bottom: 22px; }',
|
'#tab-home .home-section { margin-bottom: 22px; }',
|
||||||
'#tab-home .home-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }',
|
'#tab-home .home-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }',
|
||||||
'#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
|
'#tab-home .home-head h2 { margin: 0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; color: var(--nui-muted, #9a9a9a); }',
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
* diora service worker — caches the app shell for offline use.
|
* diora service worker — caches the app shell for offline use.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
const CACHE = 'diora-v87';
|
const CACHE = 'diora-v88';
|
||||||
const SHELL = [
|
const SHELL = [
|
||||||
'/static/css/app.css',
|
'/static/css/app.css',
|
||||||
'/static/js/app.js',
|
'/static/js/app.js',
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue