release nouri 0.6.0 polish backup and pwa
This commit is contained in:
@@ -0,0 +1,79 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Nouri offline</title>
|
||||
<style>
|
||||
:root {
|
||||
color-scheme: light;
|
||||
--bg: #fff6ef;
|
||||
--surface: rgba(255, 255, 255, 0.92);
|
||||
--line: rgba(126, 104, 85, 0.14);
|
||||
--text: #352d2b;
|
||||
--muted: #7d7069;
|
||||
--accent: #de9862;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
padding: 1.5rem;
|
||||
font-family: "Avenir Next", "Segoe UI", sans-serif;
|
||||
color: var(--text);
|
||||
background:
|
||||
radial-gradient(circle at top left, rgba(255, 205, 174, 0.42), transparent 24rem),
|
||||
radial-gradient(circle at 90% 8%, rgba(190, 226, 203, 0.34), transparent 24rem),
|
||||
linear-gradient(180deg, var(--bg), #fdf0e6);
|
||||
}
|
||||
|
||||
.card {
|
||||
width: min(28rem, 100%);
|
||||
padding: 1.4rem;
|
||||
border-radius: 24px;
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--line);
|
||||
box-shadow: 0 22px 48px rgba(125, 92, 68, 0.12);
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 0.45rem;
|
||||
font-family: "Iowan Old Style", "Palatino Linotype", serif;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.35rem 0;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-top: 1rem;
|
||||
padding: 0.82rem 1.1rem;
|
||||
border-radius: 999px;
|
||||
background: var(--accent);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main class="card">
|
||||
<h1>Nouri ist gerade kurz offline</h1>
|
||||
<p>Die App bleibt da und versucht es gleich wieder. Sobald die Verbindung zurück ist, kannst du normal weitermachen.</p>
|
||||
<p class="muted">Ein Teil der Oberfläche ist schon lokal verfügbar. Für aktuelle Haushaltsdaten braucht Nouri aber wieder eine Verbindung.</p>
|
||||
<a href="/">Erneut versuchen</a>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user