feature: new navbar design

README.md

@@ -45,6 +45,24 @@ The views are simple Svelte3 components that live inside `src/views`
 <h1 on:click="{knock}">Hello {name}</h1>
 ```
 
+You can use the following authentication strategies to specify who can access the route:
+
+- `'user'` - require signed in user, otherwise redirect to signin
+- `'admin'` - admin only route, throw error if accessed by non-admins
+- `'session'` - a valid session is needed (including guest sessions)
+- `false` - no restrictions
+
+```jsx
+server.route({
+    path: '/users-only',
+    method: 'GET',
+    options: {
+        auth: 'user',
+        async handler(request, h) {}
+    }
+});
+```
+
 ### Server-side rendering + client-side hydration + IE transpiling
 
 Each view is compiled twice, so we can render it server-side and then „hydrate“ it client-side.

locale/de_DE.json

@@ -55,7 +55,7 @@
   "controls / color-scale / breaks / custom": "benutzerdef.",
   "controls / custom-format / info": "Lerne mehr über benutzerdefinierte Zahlenformate in unserem <a href=\"https://academy.datawrapper.de/article/207-custom-number-formats-that-you-can-display-in-datawrapper\">Academy-Artikel</a>.",
   "controls / custom-format / custom / number": "Eine Erklärung zu Zahlenformaten findest du in unserer <a href=\"https://academy.datawrapper.de/article/207-custom-number-formats-that-you-can-display-in-datawrapper\" target=\"_blank\" rel=\"noopener\">Dokumentation</a>.",
-  "controls / custom-format / custom / date": "Eine Erklärung zu Datumsformaten findest du in der <a href=\"http://momentjs.com/docs/#/displaying/format/\" target=\"_blank\" rel=\"noopener\">moment.js-Dokumentation</a>.",
+  "controls / custom-format / custom / date": "Eine Erklärung zu Datumsformaten findest du in der <a href=\"https://academy.datawrapper.de/article/199-custom-date-formats-that-you-can-display-in-datawrapper\" target=\"_blank\" rel=\"noopener\">Dokumentation</a>.",
   "controls / custom-format / custom": "(anpassen)",
   "controls / custom-format / auto": "(automatisch)",
   "controls / gradient-editor / how-this-works": "Anleitung:",
@@ -229,10 +229,10 @@
   "publish / publish-btn-intro": "Klicke hier wenn du dein Diagramm auf deiner <b>Website<b> oder <b>CMS</b> einbetten willst.",
   "publish / publish-btn": "Veröffentlichen",
   "publish / republish-btn": "Erneut veröffentlichen",
-  "publish / republish-alert": "Dein Diagramm wurde geändert nachdem es veröffentlicht wurde. Du musst es <b>erneut veröffentlichen</b> damit die Änderungen wirksam werden.",
-  "publish / progress / please-wait": "Dein Diagramm wird jetzt für die Veröffentlichung vorbereitet. In wenigen Sekunden erhältst du einen Link für die Einbettung. ",
-  "publish / publish-success": "Glückwunsch, das Diagramm kann jetzt geteilt und eingebettet werden.",
-  "publish / share-url": "Diagramm per URL teilen",
+  "publish / republish": "Dein Diagramm wurde geändert nachdem es veröffentlicht wurde. Du musst es <b>erneut veröffentlichen</b> damit die Änderungen wirksam werden.",
+  "publish / progress / publishing": "Wir bereiten deine Visualisierung für die Veröffentlichung vor. Das dauert nur wenige Sekunden.",
+  "publish / publish-success": "<b>Glückwunsch!</b> Deine Visualisierung kann jetzt geteilt und eingebettet werden.",
+  "publish / share-url": "Visualisierung per URL teilen",
   "publish / share-url / standalone": "Normale Größe",
   "publish / share-url / fullscreen": "Vollbild",
   "publish / help / share-url": "Bei <b>normale Größe</b> wird das Diagramm genau so dargestellt, wie es erstellt wurde. Bei <b>Vollbild</b> füllt das Diagramm das komplette Browser-Fenser.",
@@ -556,10 +556,10 @@
   "Create an account / sign in": "Nutzerkonto anlegen / einloggen",
   "Create another graphic": "Neues Diagramm erstellen",
   "Return to visualise step": "Zurück zum Visualisieren",
-  "publish / export-duplicate": "Diagramm exportieren oder duplizieren",
-  "publish / export-duplicate / intro": "Du kannst dein Diagramm <b>duplizieren</b>, um eine neue Kopie zu bearbeiten. Oder exportiere das Diagramm in andere Formate.",
+  "publish / export-duplicate": "Visualisierung exportieren oder duplizieren",
+  "publish / export-duplicate / intro": "Du kannst deine Visualisierung <b>duplizieren</b>, um eine neue Kopie zu bearbeiten. Oder exportiere die Visualisierung in andere Formate.",
   "publish / unactivated / h1": "Du hast Post!",
-  "publish / unactivated / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um dein Diagramm zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
+  "publish / unactivated / p": "Wir haben dir ein Link zu deiner Visualisierung per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um deine Visualisierung zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail erhalten hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
   "upload / try-beta": "<b>Neugierig auf Features?</b> Wir arbeiten an einer neuen Version dieser Seite. <a href='?beta=1'>Klicke hier</a> um zum aktivieren!",
   "upload / headline": "Alles beginnt mit dem Datensatz...",
   "upload / quick help": "Markiere die Datentabelle in Excel oder LibreOffice (einschließlich der ersten Zeile mit den Spaltentiteln), und fügen ihn in das nebenstehende Textfeld. Alternativ kannst du auch eine CSV- oder Excel-Datei hochladen.",
@@ -708,16 +708,16 @@
   "switch-team": "Team wechseln",
   "teams / remove / alert": "Bist du sicher das du dem Nutzer den Zugriff auf dein Team entziehen willst? Wenn du ein Teammitglied einfernst werden dessen Diagramme weiterhin für das restliche Team verfügbar sein, der entfernte Nutzer hat jedoch keinen Zugriff mehr.",
   "publish / pending-activation / h1": "Du hast Post!",
-  "publish / pending-activation / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um dein Diagramm zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
+  "publish / pending-activation / p": "Wir haben dir ein Link zu deinem Diagramm per E-Mail zugesandt. Schau in deinem Postfach und klicke auf den Link um deine Visualisierung zu bekommen. Wenn du innerhalb von 15 Minuten keine E-Mail bekommen hast, melde dich bei uns via <a href=\"mailto:support@datawrapper.de\">support@datawrapper.de</a>.",
   "publish / pending-activation / resend": "E-mail neu versenden",
   "publish / pending-activation / resend-success": "Deine Aktivierungsemail wurde erneut versandt.",
   "publish / pending-activation / resend-error": "Your activation e-mail has already been re-sent multiple times. Please <a href=\"mailto:support@datawrapper.de\">contact suppport</a> to activate your account.",
   "publish / guest / back": "Zurück",
-  "publish / guest / cta": "Diagramm zusenden",
+  "publish / guest / cta": "Visualisierung zusenden",
   "publish / guest / e-mail": "Deine E-Mail:",
   "publish / guest / example-email": "z.B. max.mustermann@web.de",
-  "publish / guest / h1": "Erstelle einen Account, um dein Diagramm zu veröffentlichen",
-  "publish / guest / p": "Gib deine E-Mail-Adresse ein, um einen Account anzulegen, mit dem du dein Diagramm veröffentlichen kannst.",
+  "publish / guest / h1": "Erstelle einen Account, um deine Visualisierung zu veröffentlichen",
+  "publish / guest / p": "Gib deine E-Mail-Adresse ein, um einen Account anzulegen, mit dem du deine Visualisierung veröffentlichen kannst.",
   "visualization": "Visualisierung",
   "cc / formula / hint / use": "Tipp: Benutze",
   "cc / formula / hint / instead-of": "anstelle von",
@@ -889,5 +889,49 @@
   "chart-notification / download / png": "Bilddatei wird zum Download vorbereitet...",
   "chart-notification / download / svg": "SVG-Datei wird zum Download vorbereitet…",
   "chart-notification / download / fail / png": "Beim Bilddownload ist ein Problem aufgetreten. Bitte wende dich an support@datawrapper.de, wenn das Problem weiterhin auftritt.",
-  "template / confirm-q / yes": "Ja, neue Visualisierung erstellen"
+  "template / confirm-q / yes": "Ja, neue Visualisierung erstellen",
+  "teams / editor / preview-widths": "Vorschaubreiten",
+  "teams / editor / preview-widths / help": "Konfiguriere, welche Breitenvorgaben für die Visualisierungsvorschau im Editor verwendet werden.",
+  "teams / editor / h1": "Visualisierungseditor",
+  "teams / defaults / visualization-size": "Voreinstellung der Visualisierungsgröße",
+  "teams / defaults / visualization-size / help": "Bestimme die Größe, die für neu erstellte Visualisierungen angewendet wird.",
+  "teams / error": "",
+  "error / unauthorized / hed": "",
+  "publish / published": "Deine Visualisierung wurde <b>veröffentlicht</b>.",
+  "publish / unpublish-btn": "rückgängig machen.",
+  "publish / unpublish-intro": "Du kannst die Veröffentlichung jederzeit",
+  "publish / replace-embed": "Wenn du die Visualisierung bereits in deiner Website eingebettet hast, musst du den <b>Einbett-Code</b> durch die <b>aktualisierte Version</b> unten ersetzen, um die Änderungen auf deiner Website zu sehen.",
+  "publish / unpublish-confirmation / title": "Willst du die Veröffentlichung rückgängig machen?",
+  "publish / unpublish-confirmation / explanation": "Alle Einbett-Codes und Links zu dieser Visualisierung werden nicht mehr funktionieren, bis du die Visualisierung wieder veröffentlichst.",
+  "publish / unpublish-confirmation / close": "Schließen",
+  "publish / unpublish-confirmation / back": "Zurück",
+  "publish / unpublish-confirmation / unpublish": "Ja, mach die Veröffentlichung rückgängig",
+  "publish / update-embed": "Deine eingebettete Visualisierung wird in wenigen Augenblicken <b>automatisch aktualisiert</b>. Falls du die letzte Version sofort brauchst, kannst du den alten Einbett-Code durch den neuen ersetzen.",
+  "publish / progress / unpublishing": "Wir machen die Veröffentlichung deiner Visualisierung <b>rückgängig</b>. Das dauert nur wenige Sekunden.",
+  "publish / progress / unpublished": "Die Veröffentlichung wurde <em>rückgängig gemacht</em>. Deine Visualisierung ist nicht mehr unter einem Link oder einem Einbett-Code sichtbar.",
+  "publish / unpublishing-btn": "Veröffentlichung aufheben",
+  "publish / title": "Visualisierung veröffentlichen",
+  "publish / publish-info-1": "<b>Veröffentliche</b> deine Visualisierung, um sie auf einer Webseite <b>einzubetten</b> oder in sozialen Medien zu <b>teilen.</b>",
+  "publish / publish-info-2": "Deine Visualisierung kann man auch nach der Veröffentlichung nur sehen, wenn man die Visualisierungs-URL kennt. <b>Wir teilen sie nicht öffentlich.</b>",
+  "publish / publishing-btn": "Veröffentlichen",
+  "signin / choose-different-provider": "Anderen Anbieter auswählen",
+  "signin / no-account-yet": "Du hast noch kein Nutzerkonto?",
+  "signup / create-account": "Benutzerkonto anlegen",
+  "signin / its-free": "Es ist kostenlos und schnell erledigt.",
+  "signin / enter-otp": "Bitte das OTP-Gerät (z.B. YubiKey) verbinden und aktivieren oder gib einen Code aus deiner konfigurierten OTP-App ein.",
+  "signin / already-have-account": "Du hast bereits ein Nutzerkonto?",
+  "signin / signin-here": "Hier anmelden",
+  "signin / terms": "Durch die Nutzung von Datawrapper stimmst du unseren <a href=\"https://www.datawrapper.de/terms\"> Nutzungsbedingungen </a>  zu.",
+  "signin / sign-up-using": "Registrieren mit",
+  "signin / sign-in-using": "Anmelden mit",
+  "signin / alternative-signin": "Oder melde dich an über",
+  "signin / login-success": "Anmeldung erfolgreich, Seite wird neu geladen …",
+  "signin / signup-check-email": "Bitte prüfe deinen E-Mail-Posteingang, um auf deinem Desktop-Computer fortzufahren.",
+  "signin / signup-success": "Anmeldung erfolgreich. Willkommen bei Datawrapper :)",
+  "navbar / teams / no-team": "Kein Team <span class=\"has-text-grey pl-1\">(privat)</span>",
+  "navbar / create-new": "Neu erstellen",
+  "navbar / dashboard": "Dashboard",
+  "navbar / create / chart": "Diagramm",
+  "navbar / create / map": "Karte",
+  "navbar / create / table": "Tabelle"
 }