fix: WeatherWidget Ort mittig darunter; +30 Sprüche des Tages (65 gesamt)

This commit is contained in:
Thomas Reitz 2026-03-13 13:38:45 +01:00
parent b34370345f
commit 0f63c28110
3 changed files with 53 additions and 9 deletions

View file

@ -4,16 +4,23 @@
.weather { .weather {
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.25rem;
padding: 0.375rem 0.75rem; padding: 0.5rem 0.75rem;
background: var(--color-bg-card); background: var(--color-bg-card);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius-md); border-radius: var(--radius-md);
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
font-size: 0.875rem;
color: var(--color-text); color: var(--color-text);
white-space: nowrap; }
/* Zeile 1: Icon + Temp + Label */
.weatherMain {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
} }
.weatherIcon { .weatherIcon {
@ -31,9 +38,11 @@
font-size: 0.8125rem; font-size: 0.8125rem;
} }
/* Zeile 2: Ort zentriert */
.weatherCity { .weatherCity {
color: var(--color-text-muted); color: var(--color-text-muted);
font-size: 0.75rem; font-size: 0.75rem;
text-align: center;
} }
.hint { .hint {

View file

@ -34,11 +34,15 @@ export function WeatherWidget({ city }: WeatherWidgetProps) {
return ( return (
<div className={styles.weather}> <div className={styles.weather}>
<span className={styles.weatherIcon}>{data.icon}</span> {/* Zeile 1: Icon + Temperatur + Bezeichnung */}
<span className={styles.weatherTemp}> <div className={styles.weatherMain}>
{Math.round(data.temperature)}&deg;C <span className={styles.weatherIcon}>{data.icon}</span>
</span> <span className={styles.weatherTemp}>
<span className={styles.weatherLabel}>{data.label}</span> {Math.round(data.temperature)}&deg;C
</span>
<span className={styles.weatherLabel}>{data.label}</span>
</div>
{/* Zeile 2: Ort zentriert */}
<span className={styles.weatherCity}>{data.cityName}</span> <span className={styles.weatherCity}>{data.cityName}</span>
</div> </div>
); );

View file

@ -59,6 +59,37 @@ const QUOTES: { text: string; author: string }[] = [
{ text: 'Aus Fehlern lernt man — außer man macht sie nicht.', author: 'Sprichwort' }, { text: 'Aus Fehlern lernt man — außer man macht sie nicht.', author: 'Sprichwort' },
{ text: 'Denke nicht daran, was du tun könntest, sondern was du tust.', author: 'Unbekannt' }, { text: 'Denke nicht daran, was du tun könntest, sondern was du tust.', author: 'Unbekannt' },
{ text: 'Die Zeit heilt alle Wunden.', author: 'Volksweisheit' }, { text: 'Die Zeit heilt alle Wunden.', author: 'Volksweisheit' },
// Weitere 30 Sprüche
{ text: 'Das Leben ist zu kurz, um schlechten Wein zu trinken.', author: 'Johann Wolfgang von Goethe' },
{ text: 'Zwei Dinge sind unendlich: das Universum und die menschliche Dummheit. Beim Universum bin ich mir nicht ganz sicher.', author: 'Albert Einstein' },
{ text: 'Wer mit Ungeheuern kämpft, mag zusehen, dass er nicht dabei zum Ungeheuer wird.', author: 'Friedrich Nietzsche' },
{ text: 'Die Kunst des Lebens liegt darin, den richtigen Augenblick zu erkennen.', author: 'Unbekannt' },
{ text: 'Tue jeden Tag etwas, das dich ein kleines Stück voranbringt.', author: 'Unbekannt' },
{ text: 'Es ist leichter, einen Fehler zu gestehen als ihn zu rechtfertigen.', author: 'Unbekannt' },
{ text: 'Wer andere kennt, ist klug. Wer sich selbst kennt, ist weise.', author: 'Laotse' },
{ text: 'Wer immer tut, was er schon kann, bleibt immer das, was er schon ist.', author: 'Henry Ford' },
{ text: 'Eine Reise von tausend Meilen beginnt mit einem einzigen Schritt.', author: 'Laotse' },
{ text: 'Niemand kann dir das Gefühl geben, minderwertig zu sein, ohne deine Zustimmung.', author: 'Eleanor Roosevelt' },
{ text: 'In jeder Schwierigkeit steckt eine Möglichkeit.', author: 'Albert Einstein' },
{ text: 'Charakter zeigt sich nicht in Ausnahmesituationen des Lebens, sondern in seiner Alltäglichkeit.', author: 'Aristoteles' },
{ text: 'Rede nicht darüber, was du tun wirst. Tu es.', author: 'Unbekannt' },
{ text: 'Die größte Schwäche liegt darin aufzugeben. Der sicherste Weg zum Erfolg ist, es noch einmal zu versuchen.', author: 'Thomas Edison' },
{ text: 'Gib jedem Tag die Chance, der schönste deines Lebens zu werden.', author: 'Mark Twain' },
{ text: 'Wenn der Schüler bereit ist, erscheint der Lehrer.', author: 'Buddhistisches Sprichwort' },
{ text: 'Der einzige Weg, gute Arbeit zu leisten, ist zu lieben, was man tut.', author: 'Steve Jobs' },
{ text: 'Träume nicht dein Leben, sondern lebe deinen Traum.', author: 'Unbekannt' },
{ text: 'Das Leben ist das, was passiert, während du eifrig dabei bist, andere Pläne zu machen.', author: 'John Lennon' },
{ text: 'Manchmal muss man einen Schritt zurückgehen, um zwei nach vorne machen zu können.', author: 'Unbekannt' },
{ text: 'Das Herz sieht schärfer als das Auge.', author: 'Russisches Sprichwort' },
{ text: 'Was du nicht willst, das man dir tu, das füg auch keinem andern zu.', author: 'Goldene Regel' },
{ text: 'Der Erfolg hat viele Väter, aber die Niederlage ist eine Waise.', author: 'John F. Kennedy' },
{ text: 'Qualität ist keine Handlung, sie ist eine Gewohnheit.', author: 'Aristoteles' },
{ text: 'Das Ziel des Lebens ist Selbstentfaltung.', author: 'Oscar Wilde' },
{ text: 'Die Natur eilt nie und bringt doch alles zustande.', author: 'Laotse' },
{ text: 'Wir sind, was wir wiederholt tun. Herausragend sein ist keine Handlung, sondern eine Gewohnheit.', author: 'Aristoteles' },
{ text: 'Mut ist nicht die Abwesenheit von Angst, sondern die Überzeugung, dass es etwas Wichtigeres gibt als Angst.', author: 'Nelson Mandela' },
{ text: 'Vergiss nicht: Du bist der Architekt deines eigenen Schicksals.', author: 'Alfred A. Montapert' },
{ text: 'Jeder, der aufgehört hat zu lernen, ist alt geworden — ob mit zwanzig oder mit achtzig.', author: 'Henry Ford' },
]; ];
function getDayOfYear(date: Date): number { function getDayOfYear(date: Date): number {