decidim-design 0.28.2 → 0.29.0.rc2

data/config/locales/de.yml

@@ -0,0 +1,309 @@
+---
+de:
+  decidim:
+    design:
+      components:
+        accordions:
+          content_panel: Inhalt des Panels
+          demo: Demo
+          demo_description: Während der gesamten Anwendung werden die Akkordeons hauptsächlich verwendet, um Inhalte in Tabs anzuzeigen/zu verbergen oder um sichtbare Texte zu falten/zu entfalten.
+          description_accordions_html: Akkordeons sind eine Javascript-Funktion, die dank einer externen Bibliothek namens %{link_code} a11y-accordion-Komponente verfügbar ist.
+          github_source_html: Quellcode auf GitHub %{github_link}
+          panel: Fenster
+          title: Akkordeons
+          trigger: Auslöser
+          usage: Nutzung
+          usage_p: Ein Akkordeon benötigt mindestens drei Elemente
+          usage_p_1_html: 1. Ein Wrapper <code>div</code>, mit dem Data-Attribut <code>data-component="accordion"</code>, über alle verfügbaren Trigger und Panels.
+          usage_p_2_html: 2. Ein Triggerelement, fremdbedienbar (als Button), das auf das zusammenklappbare Element durch <code>data-controls="Panel"</code>zeigt, wobei das <i>panel</i> durch die <code>id</code> des Panels angesteuert wird.
+          usage_p_3_html: 3. Ein versteckbares Element, dessen <code>id</code> mit dem Wert der Datensteuerung übereinstimmt, auf den sich der Trigger bezieht.
+        activities:
+          activities: Aktivitäten
+        address:
+          title: Adresse
+        announcement:
+          iam_an_announcement: Ich bin eine Ankündigung
+          this_is_the_body: Das ist der Textkörper
+          this_is_the_title: Das ist der Titel
+          title: Ankündigung
+        author:
+          title: Autor*in
+        buttons:
+          description_html: 'Schaltflächen werden mit einer Kombination verschiedener CSS-Klassen erstellt: der <code>button</code>-Klasse, einer Größe und einer Farbe.'
+          title: Schaltflächen
+        cards:
+          title: Karten
+        dialogs:
+          dialog_demo_description_html: Die Dialoge oder modale Komponenten werden über den Rails-Helfer <code>decidim_modal</code> implementiert.
+          dialogs_description_html: Dialoge sind eine Javascript-Funktion, die dank einer externen Bibliothek namens <a href="https://github.com/jonathanlevaillant/a11y-dialog-component" target="_blank" rel="noopener noreferrer">a11y-dialog-component</a> verfügbar ist.
+          tips_description: 'Um einen komplexen Modus anzuzeigen, der die Stile entspricht, führe folgendes Markup durch:'
+          tips_description_html: Achten Sie auf die <i>Datenattribute</i> und die <i>Ids</i>. Zum Beispiel die <code>[data-dialog-title]</code>'s Id beginnt mit <i>Dialog-Titel</i> plus die <i>modal id</i>.
+          title: Dialoge
+          usage_description: Ein Dialog erfordert zwei Elemente
+          usage_description_2_html: 2. Ein modales Element, dessen <code>ID</code> mit dem Datenzielwert übereinstimmt, auf den der Trigger verweist.
+          usage_description_html: 1. Ein benutzerdefinierbares Element, mit dem Daten-Attribut <code>data-dialog-open="Beispiel"</code>, wobei das Beispiel die <code>ID</code> des Modals ist.
+        follow:
+          title: Folgen
+        forms:
+          disabled: Deaktiviert
+          emojis: Emojis
+          emojis_description: Funktioniert nur für Textbereiche
+          errors: Fehler
+          errors_description: Gilt nicht für select
+          header_alert: Diese Seite kommt aus einer alten Ansicht. Der Inhalt ist veraltet.
+          help_texts: Hilfe-Texte
+          html_regular_inputs: Reguläre HTML-Eingaben
+          min_max_length: Min / max Länge
+          min_max_length_description: Funktioniert nur für input type='text' und 'textarea'
+          multiselect: Mehrfachauswahl
+          multiselect_description_html: Die Mehrfachauswahl ist eine Javascript-Funktion, die dank einer externen Bibliothek namens <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">Tom Select</a> verfügbar ist.
+          regular_inputs_description: 'Zeigt nur gängige Typen an, volle verfügbare Liste: date, datetime-local, email, month, number, password, search, tel, text, time, url, week'
+          textarea_required: textarea erforderlich
+          title: Formulare
+        report:
+          title: Melden
+        share:
+          title: Teilen
+        tab_panels:
+          title: Tab-Panels
+        tooltips:
+          demo: Demo
+          demo_description: Damit diese Komponente funktioniert, muss ein Teilnehmer auf dem Element schweben.
+          description: Ein Tooltip ist eine Komponente, die Benutzer mit der Maus schweben können, um zusätzliche Informationen darüber zu erhalten.
+          github_source_html: Quellcode auf GitHub %{github_link}
+          title: Tooltips
+          usage: Verwendung
+          usage_p: 'Ein Tooltip erfordert die Verwendung des `with_tooltip` Helfers, mit drei Argumenten:'
+          usage_p_1_html: 1. Ein String mit dem Wert des Tooltip. Im Beispiel dieser Seite ist "Hallo Welt".
+          usage_p_2_html: 2. Eine optionale Klasse mit einem Symbol, auf der der Tooltip angezeigt wird. Mögliche Werte sind <code>:top</code>, <code>:bottom</code>, <code>:right</code>, oder <code>:left</code>.
+          usage_p_3_html: 3. Ein Block mit der Zeichenkette, die der Benutzer bewegen muss, um angezeigt zu werden.
+      foundations:
+        accessibility:
+          accessibility_labels: Barrierefreiheitsbezeichnungen
+          accessibility_labels_paragraph: Wenn Sie Elemente definieren, stellen Sie sicher, dass sie für Benutzer des Screenreaders sinnvoll sind.
+          accessibility_title: Barrierefreiheit
+          adjacent_links: Angrenzende Links
+          adjacent_links_header: Angrenzende Links für die gleiche Ressource
+          adjacent_links_paragraph: Wenn die selbe Ressource mehrere angrenzende Links hat, die auf sie verweisen, erschwert das den Benutzer*innen, die Seite durchzusehen, da sie unter Umständen mehrere Links durchlaufen müssen, um zur nächsten Ressource zu gelangen.
+          color_contrast: Farbkontrast
+          color_contrast_paragraph: Wenn Sie die Benutzeroberfläche erstellen oder die Farben ändern, stellen Sie immer sicher, dass Sie mit Ihren Änderungen nicht die Barrierefreiheit verletzen. Sie können mit der Farbkontrastprüfung sicherstellen, dass Ihre Textfarben ausreichend Kontrast zur Hintergrundfarbe haben, auf der sie angezeigt werden.
+          decidim_follows_html: Decidim folgt bei Barrierefreiheit den Richtlinien für <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
+          dynamic_changes_header: Dynamische Funktionalität ändert den Seitenkontext unintuitiv
+          dynamic_changes_paragraph: Änderungen in den Formulareingaben sollten den Kontext der Seite nicht automatisch ändern.
+          elements_hidden: Elemente versteckt
+          elements_hidden_header: Elemente aus der Barrierefreiheit-API versteckt
+          elements_hidden_paragraph: Um ein Element vor unterstützenden Technologien zu verstecken, verwenden Sie das Attribut aria-hidden="true".
+          heading_on: Überschrift zu wichtigen Abschnitten
+          here_link: hier
+          illogical_heading_order: Unlogische Überschriftenreihenfolge
+          illogical_heading_paragraph: Jede Seite sollte eine logische Überschriftenreihenfolge haben, wenn die Überschriften <h1>, <h2>, <h3>, <h4>, <h5> und <h6> verwendet werden.
+          important_sections_heading: Überschrift zu wichtigen Abschnitten
+          important_sections_paragraph: Es ist sehr wichtig, dass jeder wichtige Abschnitt der Seite eine Überschrift hat. Damit wird es einfacher zu verstehen, welche Abschnitte auf der Seite wichtig sind, wenn man die Überschriften auf der Seite überfliegt.
+          links_and_buttons: Links und Buttons
+          links_and_buttons_paragraph: Die Ankerelemente (z.B. Links) sollen auf andere Seiten verlinken oder Positionen innerhalb der Seite verankert werden. Wenn das Element z.B. ein verstecktes Element auf dieser Seite öffnen soll, sollten Sie stattdessen das Element <button> verwenden.
+          see_further_info_html: Siehe weitere Informationen
+          unique_h1: Eindeutige H1
+          unique_h1_paragraph: Jede Seite sollte eine eindeutige H1-Überschrift haben
+          use_aria: Benutze ARIA
+          use_aria_header: ARIA-Attribute verwenden, wenn möglich
+          use_aria_paragraph: Viele Elemente, die interaktive Funktionalität auf der Website bieten, erfordern ARIA-Attribute auf ihnen, um sie barrierefrei zugänglich zu machen.
+        color:
+          color_header: Farbe
+          description_p1: Wir bieten eine Grundpalette mit wenigen Farben, so dass kleinere Anpassungen einfach sind. Sie können die Grundpalette entweder im Administrationsbereich oder in der Tailwind-Konfigurationsdatei ändern, wenn Sie erweiterte Anpassungen vornehmen möchten.
+          description_p2_html: Wenn Sie die Farben anpassen, denken Sie an den %{contrast_link}. Sie können den Kontrast Ihrer Auswahl mit %{checker_link} oder anderen ähnlichen Tools überprüfen.
+          wcag_compliant_rations: WCAG 2.1 AA konformes Kontrastverhältnis
+          wcag_contrast_checker: WebAIM-Kontrastprüfung
+        iconography:
+          description_iconography: Wir verwenden Symbole, um die Bedeutung von Aktionen, Titeln usw. zu stärken
+          description_iconography_html: 'Wir verwenden die Open-Source-Bibliothek Remixicon: %{iconography_link}'
+          title: Ikonografie
+        layout:
+          breakpoint: Breakpoint
+          breakpoints: Breakpoints
+          centered: Zentriert
+          code: Code
+          columns: Anzahl der Spalten (10, 8 oder 6).
+          description_layout_p1: Für den Desktop verwendet Decidim ein 12 Spaltenraster mit limitierter Anzahl von Vorlagen (Grid-Konfigurationen) für verschiedene Inhaltstypen. Das Ziel ist, dass eine bestimmte Art von Inhalten (Homepage, Liste der Elemente, einzelne Artikel) ein unverwechselbares Layout hat, so dass die Benutzer verstehen können, in welcher Art von Inhalt sie sind nur durch das allgemeine Aussehen der Seite.
+          description_layout_p2: Diese einfachen Regeln sollten beim Erstellen neuer Module oder beim Anpassen vorhandener Module befolgt werden, so dass eine Decidim-Website ihre Konsistenz bewahren kann.
+          desktop: Desktop
+          full_width: Volle Breite
+          layout_list_1: 'Homepage (der Seite, des Bereichs): volle Breite'
+          layout_list_2: 'Liste der Elemente (Leerzeichen, Elemente innerhalb eines Raumes usw.): Links'
+          layout_list_3: 'Individueller Artikel (Vorschlag, Blog-Beitrag): zentriert, optional mit rechter Seite'
+          left_aside: Seitlich links
+          mobile: Mobil
+          not_required: Nicht erforderlich
+          properties: Eigenschaften
+          right_aside: Seitlich rechts
+          section_p_breakpoints: 'Um die Responsive Max-Breite von Elementen zu verwalten, verlassen wir uns auf die Standard `container` Schliffwind-Klasse, die folgende Haltepunkte angibt:'
+          section_p_code: Wenn Sie neue Module implementieren, haben Sie einige Helfer, die Ihnen automatisch den Code zur Verfügung stellen, um die HTML-Struktur einzurichten. Du solltest diese Helfer verwenden, anstatt direkt div Elemente mit Klassen zu verwenden, damit du die Konsistenz aufrechterhalten kannst.
+          section_p_code_html: Sie finden die Grundlayouts in %{link_section_code}
+          section_p_desktop: Desktop-Rastersystem besteht aus 12 flexiblen Spalten mit einem Raster zwischen 16px und linken und rechten Rändern von 48px
+          section_p_mobile: Mobiles Rastersystem besteht aus 4 flexiblen Spalten mit einem Raster zwischen 16px und 16px und rechts. Für Größen unter 320px sind diese Ränder auf 8px gesetzt.
+          section_p_tablet: Desktop-Rastersystem besteht aus 8 flexiblen Spalten mit einem Raster zwischen 16px und linken und rechten Rändern von 48px.
+          tablet: Tablet
+          title: Layout
+        typography:
+          description: Diese Richtlinien fassen die Verwendung der Typografie bei Decidim zusammen und dienen als Garanten für Designer, um frei unter Berücksichtigung der besten typographischen Praktiken zu gestalten.
+          headings:
+            characters: Zeichen pro Zeile
+            layout: Layout-Spalten
+            size: Größe
+          title: Typografie
+          typefaces_description_1: Decidim verwendet Source Sans Pro als primäre Schriftart. Diese Schrift unterstützt 310 Sprachen.
+          typefaces_description_2: Diese Schriften sind lizenziert mit der Open Font Lizenz
+      helpers:
+        accountability: Verantwortlichkeit
+        accountability_cards_html: Wird von <i>Umsetzungsprojekte</i>- Karten verwendet. Diese Karte erfordert eine korrekte Anzeige der Modul-Assets z.B. <code>append_stylesheet_pack_tag \"decidim_budgets\"</code>
+        activity: Aktivität
+        address_description: Die Adresszelle empfängt eine Ressource und durchsucht die geolokalisierbaren Attribute, um ein bestimmtes Markup darzustellen.
+        address_description_2: Abhängig vom Typ des Inhalts kann die Adresse eine Online-URL sein. In solchen Fällen sind die angezeigten Informationen genau dieselbe, aber passend geformt.
+        ally_link: a11y-dropdown-Komponente
+        argument: Argument
+        assemblies: Gremien
+        assembly_g: Gremium G
+        assembly_s: Gremium S
+        avatar: Profilbild
+        avatar_description: Es wird verwendet, wenn es schmale Leerzeichen gibt, in denen der Autor eine sekundäre Information ist.
+        background: Hintergrund und Ränder
+        base: Basis
+        block_text: extra_Data-Block verwenden
+        blog_cards_html: Wird von <i>Blog</i>-Karten verwendet
+        blogs: Blogs
+        budget_card_html: Wird von <i>Budgetprojekt</i>- Karten verwendet. Diese Karte erfordert eine korrekte Anzeige der Modul-Assets z.B. <code>append_stylesheet_pack_tag \"decidim_budgets\"</code>
+        budgets: Budgets
+        callout_class: Callout-Klasse
+        callout_description: Dieses Attribut wendet einen Status für die Ankündigung an. Standardmäßig verwendet es die sekundäre Farbe.
+        card_g: Karte G
+        card_l: Karte L
+        card_s: Karte S
+        collaborative_draft_l: Gemeinsamer Entwurf L
+        colors: Farben
+        compact: Kompakt
+        compact_description: Diese Autorenversion ist der übliche Weg, um den Ressourcen-Ersteller zu identifizieren.
+        conference_g: Konferenz G
+        conference_s: Konferenz S
+        conferences: Konferenzen
+        context: Kontext
+        context_description: Diese Zelle zeigt einige Informationen über einen Benutzer an. Es ist eine visuelle Hilfe um den Ressourcen-/Inhalts-Ersteller zu identifizieren. Mit der Maus bewegen zeigt einen Tooltip mit weiteren Informationen und Links zu seinem Profil.
+        context_description_2: Für Ressourcen erscheint diese Zelle unterhalb der Hauptüberschrift. Für andere Inhalte erscheint sie neben dem Inhalt selbst.
+        debate_l: Debatte L
+        debate_s: Debatte S
+        debates: Debatten
+        debates_cards_html: Wird von <i>Debatten</i>-Karten verwendet
+        debates_cards_text: Andere Vorlage für den Bilderblock verwenden
+        default: Standard
+        default_description: Aufruf der Zelle ohne zusätzliche Argumente, sondern nur des Benutzers selbst.
+        demo: Demo
+        demo_text: 'Diese Zelle erhält ein Modell von LastActivity Elementen und zeigt folgende Elemente an:'
+        demo_text_2: Wird von der letzten Aktivitätsseite in einem Inhaltsblock und innerhalb der Dropdown-Menüs verwendet.
+        description: Beschreibung
+        disabled: Deaktiviert
+        dropdowns: Dropdowns
+        dropdowns_demo_1_description: 'Das folgende Beispiel wird auf dem Desktop nicht auffindbar sein, sondern mobile:'
+        dropdowns_demo_description: Die Dropdowns werden entlang der Anwendung verwendet, um große, leicht lesbare Menüs für Desktop-Geräte zu zerbrechen, aber zu wordy für mobile Geräte.
+        dropdowns_demo_description_html: 'Dieses Javascript-Feature wird um eine kleine css erweitert, durch den Namen: Der versteckbare Inhalt MÜSSEN eine <code>id</code> HABEN, beginnend mit dem <i>Drop-down-Menü</i>.'
+        dropdowns_description_html: Dropdowns sind eine Javascript-Funktion, die dank einer externen Bibliothek namens %{link} verfügbar ist.
+        dropdowns_usage_1_description: 2. Ein versteckbares Element, dessen <code>ID</code> mit dem Datenzielwert übereinstimmt, auf den der Trigger verweist.
+        dropdowns_usage_description: 'Ein Dropdown erfordert zwei Elemente:'
+        dropdowns_usage_description_html: 1. Ein benutzerdefinierbares Element, mit den Datenattributen <code>Datenkomponent="Dropdown" data-target="dropdown-menu-element"</code>.
+        dummy_description: Beschreibung der Dummy Ressource
+        dummy_title: Dummy Ressourcentitel
+        follow_button: Folgen-Button
+        follower_description_html: Stellen Sie sicher, dass die partielle <code>Dezimal/Shared/login_modal</code> im DOM-Archiv vorhanden ist. Dieser Teil wird beim Einloggen im Anwendungslayout platziert.
+        form_elements: Formularelemente
+        generic_cards: Allgemeine Karten
+        grid: Raster
+        hex_code: Hex-Code
+        highlight: Hervorhebung
+        highlight_description: Verwendet von Ressourcen, die das Hervorheben erlauben
+        html_tips: HTML-Tips
+        icons: Symbole
+        image_and_description: Bild und Beschreibung
+        initiative_g: initiative_g
+        initiative_s: initiative_s
+        initiatives: Initiativen
+        list: Liste
+        main_colors: Hauptfarben
+        meeting_l: Sitzung L
+        meeting_s: Sitzung S
+        meetings: Sitzung
+        meetings_html: Wird von <i>Meetings</i>-Karten verwendet
+        metadata_items: Metadaten-Elemente
+        metadata_text: Jede Ressource definiert eigene Metadaten
+        participatory_process_g: Partizipationsprozess G
+        participatory_process_group_g: Partizipative Prozessgruppe G
+        participatory_process_group_s: Partizipative Prozessgruppe S
+        participatory_process_s: Partizipationsprozess S
+        participatory_processes: Partizipationsprozesse
+        plain_text: Ich bin nur reiner Text
+        plain_text_description: Sie können als erstes Argument sowohl einen Klartext als auch ein Hash-Objekt angeben
+        plain_text_vs_hash: Einfacher Text Vs Hash
+        post_g: Beitrag G
+        post_l: Beitrag L
+        post_s: Beitrag S
+        project_l: Projekt L
+        project_s: Projekt S
+        proposal_l: Vorschlag L
+        proposal_s: Vorschlag S
+        proposals: Vorschläge
+        report_button: Schaltfläche "Melden"
+        report_usage_description: Die Schaltfläche "Melden" öffnet einen modalen Dialog, wo Beiträge zur Moderation gemeldet werden können.
+        result_l: Resultat L
+        rgba_code: RGBA-Code
+        search: Suche
+        send: Senden
+        share_button: Schaltfläche "Teilen"
+        share_usage_description_html: Stellen Sie sicher, dass die partielle <code>Dezimal/Shared/share_modal</code> im DOM-Archiv vorhanden ist. Dieser Teil im Anwendungslayout platziert.
+        sizes: Grössen
+        sortition_l: Sortierung_I
+        sortitions: Sortierungen
+        source_code: Quellcode
+        state: Status
+        tab_panels_context_description: Diese Tab-Panel-Komponente sammelt alle zugehörigen Inhalte oder andere Ressourcen des angezeigten Hauptelements, um vertikalen Speicherplatz zu sparen. Wenn Sie auf den Tab klicken, wird das erstellte Fenster aktiviert, um den Inhalt anzuzeigen.
+        tab_panels_context_description_html: Hauptsächlich wird nach dem Hauptinhalt der Ressource <i>layout_item</i> oder <i>layout_center</i>verwendet.
+        tab_panels_usage_description: 'Diese Komponente erhält ein Array von Hashes und ordnet die Ausgabe jedes Elements in eine Tab-Panel-Struktur um. Verfügbare Eigenschaften für jedes Panel:'
+        tab_panels_usage_description_arguments_html: "<strong>args</strong>: <i>Array</i>. Argumente für die vorherige Methode"
+        tab_panels_usage_description_html: "<strong>aktiviert</strong>: <i>Boolean</i>. Unter Umständen wird der Tab gerendert"
+        tab_panels_usage_description_id_html: "<strong>id</strong>: <i>String</i>. Einzigartige II"
+        tab_panels_usage_description_rails_html: "<strong>Methode</strong>: <i>Symbol</i>. Irgendeine Funktion, die von Rails verstanden wird"
+        tab_panels_usage_description_remixicon_html: "<strong>Icon</strong>: <i>String</i>. Remixicon-Key"
+        tab_panels_usage_description_tab_html: "<strong>text</strong>: <i>String</i>. Abschnittstitel"
+        tailwind: Tailwind-Bezeichnung
+        text: Text
+        transparent: Transparent
+        transparent_description: 'Im Falle eines dunkleren Hintergrunds:'
+        types: Typen
+        typography_texts: Typographie und Texte
+        usage: Nutzung
+        usage_background_1: Seitlicher Hintergrund
+        usage_background_2: Hintergrund der ausgewählten Seitenleiste
+        usage_background_3: Standard-Symbolfarbe
+        usage_background_4: Zeilen und Trennzeichen
+        usage_background_5: Hintergrund der Fußzeile
+        usage_background_6: Admin Layout-Hintergrund
+        usage_base_1: Haupt nav Komponente Hintergrund\nNav Menüs in Startseite und Raum Home
+        usage_base_2: Hauptfarbe für Links und Schaltflächen
+        usage_base_3: Grafische Ornamente und Akzentfarbe\nKarten und Listenelemente Schwebezustand
+        usage_formelements_1: Standard-Hintergrund für Eingabeelemente
+        usage_formelements_2: Eingabeelemente deaktivierter Statushintergrund
+        usage_state_1: Rahmen Erfolgsnachricht\nFüllung Alarm-Benachrichtigungssymbol\nHintergrund des Buttons bei Erfolgsmeldung
+        usage_state_2: Warnbanner-Rahmen
+        usage_state_3: Alarm-Benachrichtigungs-Rand\nBenachrichtigungs-Symbol füllen
+        usage_typography_1: Überschriften und Titel der Abschnitte
+        usage_typography_2: Inline-Text
+        usage_typography_3: Text über dunklem Hintergrund
+        usage_typography_4: Links und Schaltflächen
+        value: Wert
+        variations: Variationen
+        variations_cards_description: Jede Karte sieht je nach Eigenschaften der angezeigten Ressource unterschiedlich aus. Sie können dieses Verhalten in der jeweiligen Zelle überschreiben.
+        variations_description: Es gibt drei verschiedene Versionen dieser Zelle und jede passt besser in den angezeigten Kontext.
+        variations_text: Was die Art der Aktivität betrifft, so könnte die Zelle verschiedene Inhalte anzeigen, zum Beispiel ob die unterschiedlichen Ressourcen angezeigt werden, ob sie zu einem partizipatorischen Raum gehören oder nicht, ob sie einen einen Autor haben oder nicht.
+      home:
+        index:
+          by_sharing_principles: Durch die gemeinsame Nutzung der Prinzipien, Philosophie, und der Logik hinter Designentscheidungen wollen wir die Community dazu befähigen, konsequent beizutragen, so dass wir die beste Erfahrung für die Teilnehmenden erreichen.
+          decidim_guide: Der Leitfaden zum Design von Decidim
+          different_ui_components: Gleichzeitig dokumentieren wir die verschiedenen verwendeten UI-Komponenten und -Muster, die wiederverwendet oder erweitert werden sollten.
+          github_source: Quellcode auf GitHub
+          home_header: Decidim-Design-Leitfaden
+          welcome_sentence: Willkommen zur Decidim Design Guide (DDG). Dieser Leitfaden ist die Ressource für Designer und Entwickler, die die Plattform anpassen, neue Module entwickeln und neue Funktionen integrieren.

data/config/locales/el.yml

@@ -0,0 +1 @@
+el:

data/config/locales/en.yml

@@ -0,0 +1,309 @@
+---
+en:
+  decidim:
+    design:
+      components:
+        accordions:
+          content_panel: Content of the panel
+          demo: Demo
+          demo_description: Throughout the application the accordions are used, mainly, to show/hide content in tabs or fold/unfold visible texts.
+          description_accordions_html: Accordions are a javascript feature available thanks to an external library called %{link_code} a11y-accordion-component.
+          github_source_html: Source code on GitHub %{github_link}
+          panel: Panel
+          title: Accordions
+          trigger: Trigger
+          usage: Usage
+          usage_p: An accordion requires at least three elements
+          usage_p_1_html: 1. A wrapper <code>div</code>, with the data-attribute <code>data-component="accordion"</code>, over all the available triggers and panels.
+          usage_p_2_html: 2. A trigger element, user actionable (as a button), pointing to the collapsable element through <code>data-controls="panel"</code>, where <i>panel</i> is the <code>id</code> of the panel.
+          usage_p_3_html: 3. A hideable element, whose <code>id</code> matches the data-controls value the trigger refers to.
+        activities:
+          activities: Activities
+        address:
+          title: Address
+        announcement:
+          iam_an_announcement: I am an announcement
+          this_is_the_body: This is the body
+          this_is_the_title: This is the title
+          title: Announcement
+        author:
+          title: Author
+        buttons:
+          description_html: 'Buttons are built using different combinations of CSS classes: the <code>button</code> class, a size and a color.'
+          title: Buttons
+        cards:
+          title: Cards
+        dialogs:
+          dialog_demo_description_html: The dialogs, or modal components, are implemented through the rails helper <code>decidim_modal</code>.
+          dialogs_description_html: Dialogs are a javascript feature available thanks to an external library called <a href="https://github.com/jonathanlevaillant/a11y-dialog-component" target="_blank" rel="noopener noreferrer">a11y-dialog-component</a>.
+          tips_description: 'In order to display a complex modal, matching up the styles, do the following markup:'
+          tips_description_html: Pay attention to the <i>data-attributes</i> and the <i>ids</i>. For instance, the <code>[data-dialog-title]</code>'s id starts with <i>dialog-title</i> plus the <i>modal id</i>.
+          title: Dialogs
+          usage_description: An dialog requires two elements
+          usage_description_2_html: 2. A modal element, whose <code>id</code> matches the data-target value the trigger refers to.
+          usage_description_html: 1. A user actionable element, with the data-attribute <code>data-dialog-open="example"</code>, where example is the <code>id</code> of the modal.
+        follow:
+          title: Follow
+        forms:
+          disabled: Disabled
+          emojis: Emojis
+          emojis_description: Only works for textarea
+          errors: Errors
+          errors_description: Does not apply for select
+          header_alert: This page comes from a legacy view. Content is outdated.
+          help_texts: Help texts
+          html_regular_inputs: HTML regular inputs
+          min_max_length: Min/Max length
+          min_max_length_description: Only works for input type='text' and textarea
+          multiselect: Multiselect
+          multiselect_description_html: Multiselects are a javascript feature available thanks to an external library called <a href="https://tom-select.js.org/" target="_blank" rel="noopener noreferrer">Tom Select</a>.
+          regular_inputs_description: 'Only displays common types, full available list: date, datetime-local, email, month, number, password, search, tel, text, time, url, week'
+          textarea_required: textarea required
+          title: Forms
+        report:
+          title: Report
+        share:
+          title: Share
+        tab_panels:
+          title: Tab Panels
+        tooltips:
+          demo: Demo
+          demo_description: For this component to work a participant need to hover on the element.
+          description: A tooltip is a component that users can hover their mouse to have extra information about it.
+          github_source_html: Source code on GitHub %{github_link}
+          title: Tooltips
+          usage: Usage
+          usage_p: 'A tooltip requires the usage of the `with_tooltip` helper, with three arguments:'
+          usage_p_1_html: 1. A string with the value of the tooltip. In the example of this page is "Hello world".
+          usage_p_2_html: 2. An optional class with a symbol on where the tooltip will be displayed. Possible values are <code>:top</code>, <code>:bottom</code>, <code>:right</code>, or <code>:left</code>.
+          usage_p_3_html: 3. A block with the string that the user needs to hover to be displayed.
+      foundations:
+        accessibility:
+          accessibility_labels: Accessibility labels
+          accessibility_labels_paragraph: When defining elements, always make sure they make sense for screen reader users.
+          accessibility_title: Accessibility
+          adjacent_links: Adjacent links
+          adjacent_links_header: Adjacent links for the same resource
+          adjacent_links_paragraph: If the same resource has multiple adjacent links pointing to it, it makes it difficult for such users to glance through the page because they might need to go through multiple links to get to the next resource.
+          color_contrast: Color contrast
+          color_contrast_paragraph: When creating user interfaces or modifying the colors, always make sure that you are not breaking accessibility with your changes. You can use the Color contrast checker to ensure that your colors have enough contrast against the background color where they are displayed at.
+          decidim_follows_html: Decidim follows the <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
+          dynamic_changes_header: Dynamic functionality changes the page context unintuitively
+          dynamic_changes_paragraph: Changes in the form inputs should not change the context of the page automatically.
+          elements_hidden: Elements hidden
+          elements_hidden_header: Elements hidden from the accessibility API
+          elements_hidden_paragraph: To hide an element from assistive technologies, use the aria-hidden="true" attribute on it.
+          heading_on: Heading on important sections
+          here_link: here
+          illogical_heading_order: Illogical heading order
+          illogical_heading_paragraph: Every page should have a logical heading order when using the <h1>, <h2>, <h3>, <h4>, <h5> and <h6> heading elements.
+          important_sections_heading: Heading on important sections
+          important_sections_paragraph: It is highly important that each important section of the page has a heading to make it easier to understand what important sections are on the page just by browsing through its headings.
+          links_and_buttons: Links and Buttons
+          links_and_buttons_paragraph: The anchor elements (i.e. links) are meant to link to different pages or to anchor positions within the page. If the element is supposed to e.g. open some hidden item on that page, you should use the <button> element instead.
+          see_further_info_html: See further info %{link}
+          unique_h1: Unique H1
+          unique_h1_paragraph: Every page should have a unique H1 heading on it
+          use_aria: Use ARIA
+          use_aria_header: Use ARIA attributes where possible
+          use_aria_paragraph: Many elements that provide interactive functionality on the website require ARIA attributes on them to make them accessible.
+        color:
+          color_header: Color
+          description_p1: We provide a Base palette with few colors so simple customizations are easy. You can modify the Base palette either in the Administration area or in the Tailwind configuration file if you need more advanced customization.
+          description_p2_html: When customizing your colors, have in mind the %{contrast_link}. You can check the contrast of your choosing with %{checker_link} or other similar tools.
+          wcag_compliant_rations: WCAG 2.1 AA compliant contrast ratio
+          wcag_contrast_checker: WebAIM Contrast Checker
+        iconography:
+          description_iconography: We use icons to reinforce the meaning of actions, titles, etc
+          description_iconography_html: 'We use the Remixicon open source library: %{iconography_link}'
+          title: Iconography
+        layout:
+          breakpoint: Breakpoint
+          breakpoints: Breakpoints
+          centered: Centered
+          code: Code
+          columns: Being the number of columns 10, 8 or 6.
+          description_layout_p1: For desktop, Decidim uses a 12 column grid with limited number of templates (grid configurations) for different types of content. The objective is that a given type of content (homepage, list of elements, individual item) has a distinctive layout, so users can understand in which kind of content they are just by the general look of the page.
+          description_layout_p2: These simple rules should be followed when creating new modules or customizing existing ones, so a Decidim site can maintain its consistency.
+          desktop: Desktop
+          full_width: Full width
+          layout_list_1: 'Homepage (of the site, of an space): full width'
+          layout_list_2: 'List of elements (of spaces, of items inside a space, etc): left aside'
+          layout_list_3: 'Individual item (proposal, blog post): centered, optionally with a right aside'
+          left_aside: Left aside
+          mobile: Mobile
+          not_required: Not required
+          properties: Properties
+          right_aside: Right Aside
+          section_p_breakpoints: 'To manage the responsive max-width of elements we rely on the default `container` Tailwind class, which states the following breakpoints:'
+          section_p_code: When implementing new modules you have some helpers that automatically provides you with the code needed to setup the HTML structure. You should use these helpers instead of directly using div elements with classes, so you maintain consistency.
+          section_p_code_html: You can find the basic layouts in %{link_section_code}
+          section_p_desktop: Desktop grid system is composed of 12 flexible columns with a gutter between columns of 16px and left and right margins of 48px
+          section_p_mobile: Mobile grid system is composed of 4 flexible columns with a gutter between columns of 16px and left and right margins of 16px. For sizes below 320px this margins are set to 8px
+          section_p_tablet: Tablet grid system is composed of 8 flexible columns with a gutter between columns of 16px and left and right margins of 24px
+          tablet: Tablet
+          title: Layout
+        typography:
+          description: These guidelines summarize how use typography at Decidim, and serve as guardrails for designers to design freely with best typographic practices in mind.
+          headings:
+            characters: Characters per line
+            layout: Layout cols
+            size: Size
+          title: Typography
+          typefaces_description_1: Decidim uses Source Sans Pro as primary typeface. This typeface supports 310 languages
+          typefaces_description_2: This fonts are licensed under the Open Font License
+      helpers:
+        accountability: Accountability
+        accountability_cards_html: Used by <i>Accountability projects</i> cards. This card requires the module assets to display properly, i.e. <code>append_stylesheet_pack_tag \"decidim_accountability\"</code>
+        activity: Activity
+        address_description: Address cell receives a resource, and searches the geolocalizable attributes to render an specific markup.
+        address_description_2: Depending of the type of the content, the address could be an online url. For such cases, the displayed information is quite the same but shaped to fit.
+        ally_link: a11y-dropdown-component
+        argument: Argument
+        assemblies: Assemblies
+        assembly_g: Assembly G
+        assembly_s: Assembly S
+        avatar: Avatar
+        avatar_description: It is used when there are narrow spaces, where the author is a secondary information.
+        background: Background and borders
+        base: Base
+        block_text: Use the extra_data block
+        blog_cards_html: Used by <i>Blogs</i> cards
+        blogs: Blogs
+        budget_card_html: Used by <i>Budget projects</i> cards. This card requires the module assets to display properly, i.e. <code>append_stylesheet_pack_tag \"decidim_budgets\"</code>
+        budgets: Budgets
+        callout_class: Callout Class
+        callout_description: This attribute applies an status to the announcement. By default, it uses secondary color.
+        card_g: Card G
+        card_l: Card L
+        card_s: Card S
+        collaborative_draft_l: Collaborative Draft L
+        colors: Colors
+        compact: Compact
+        compact_description: This author version is the common way to identify the resource creator.
+        conference_g: Conference G
+        conference_s: Conference S
+        conferences: Conferences
+        context: Context
+        context_description: This cell display some information about a user. It a visual help to identify the resource/content creator. Hovering with the mouse displays a tooltip with further info and links to its profile.
+        context_description_2: For resources, this cell appears beneath the main heading. For other contents, it appears next to the content itself.
+        debate_l: Debate L
+        debate_s: Debate S
+        debates: Debates
+        debates_cards_html: Used by <i>Debates</i> cards
+        debates_cards_text: Use different template for the image block
+        default: Default
+        default_description: Calling the cell with no extra arguments, but the user itself.
+        demo: Demo
+        demo_text: 'This cell receives a model of LastActivity items and displays the following elements:'
+        demo_text_2: Used by the last activity page, in a content block and within the dropdowns.
+        description: Description
+        disabled: Disabled
+        dropdowns: Dropdowns
+        dropdowns_demo_1_description: 'The following example will not be noticeable in desktop, but mobile:'
+        dropdowns_demo_description: The dropdowns are used along the application in order to collapse large, easy-readable menus for desktop devices, but too wordy for mobile devices.
+        dropdowns_demo_description_html: 'This javascript feature is enhanced with a small css, through the naming: the hideable content MUST HAVE an <code>id</code> starting with <i>dropdown-menu</i>.'
+        dropdowns_description_html: Dropdowns are a javascript feature available thanks to an external library called %{link}.
+        dropdowns_usage_1_description: 2. A hideable element, whose <code>id</code> matches the data-target value the trigger refers to.
+        dropdowns_usage_description: 'An dropdown requires two elements:'
+        dropdowns_usage_description_html: 1. A user actionable element, with the data-attributes <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dummy_description: Dummy resource description
+        dummy_title: Dummy resource title
+        follow_button: Follow Button
+        follower_description_html: Make sure the partial <code>decidim/shared/login_modal</code> is present in the DOM. This partial is placed in the application layout when the user is logged in.
+        form_elements: Form elements
+        generic_cards: Generic cards
+        grid: Grid
+        hex_code: Hex code
+        highlight: Highlight
+        highlight_description: Used by resources who allow to highlight
+        html_tips: HTML tips
+        icons: Icons
+        image_and_description: Image and Description
+        initiative_g: initiative_g
+        initiative_s: initiative_s
+        initiatives: Initiatives
+        list: List
+        main_colors: Main Colors
+        meeting_l: Meeting L
+        meeting_s: Meeting S
+        meetings: Meetings
+        meetings_html: Used by <i>Meetings</i> cards
+        metadata_items: Metadata items
+        metadata_text: Each resource define its own metadata items
+        participatory_process_g: Participatory Process G
+        participatory_process_group_g: Participatory Process Group G
+        participatory_process_group_s: Participatory Process Group S
+        participatory_process_s: Participatory Process S
+        participatory_processes: Participatory Processes
+        plain_text: I am just plain text
+        plain_text_description: You can provide as first argument both a plain text and a hash object
+        plain_text_vs_hash: Plain Text Vs Hash
+        post_g: Post G
+        post_l: Post L
+        post_s: Post S
+        project_l: Project L
+        project_s: Project S
+        proposal_l: Proposal L
+        proposal_s: Proposal S
+        proposals: Proposals
+        report_button: Report button
+        report_usage_description: Report button launches a modal window to flag the current resource.
+        result_l: Result L
+        rgba_code: RGBA code
+        search: Search
+        send: Send
+        share_button: Share Button
+        share_usage_description_html: Make sure the partial <code>decidim/shared/share_modal</code> is present in the DOM. This partial is placed in the application layout.
+        sizes: Sizes
+        sortition_l: sortition_l
+        sortitions: Sortitions
+        source_code: Source Code
+        state: State
+        tab_panels_context_description: This tab-panel component gathers all the related contents or another resources of the main element displayed, in order to save vertical space. Clicking on the tab will activate the created panel to show the content.
+        tab_panels_context_description_html: Mainly is used within the <i>layout_item</i> or the <i>layout_center</i>, after the main content of the resource.
+        tab_panels_usage_description: 'This component receives an array of hashes, and rearrange the output of each item into a tab-panel structure. Available properties for each panel:'
+        tab_panels_usage_description_arguments_html: "<strong>args</strong>: <i>Array</i>. Arguments for the previous method"
+        tab_panels_usage_description_html: "<strong>enabled</strong>: <i>Boolean</i>. Conditionally render the tab"
+        tab_panels_usage_description_id_html: "<strong>id</strong>: <i>String</i>. Unique id"
+        tab_panels_usage_description_rails_html: "<strong>method</strong>: <i>Symbol</i>. Any function rails understands"
+        tab_panels_usage_description_remixicon_html: "<strong>icon</strong>: <i>String</i>. Remixicon key"
+        tab_panels_usage_description_tab_html: "<strong>text</strong>: <i>String</i>. Tab title"
+        tailwind: Tailwind name
+        text: Text
+        transparent: Transparent
+        transparent_description: 'In case of a darker background:'
+        types: Types
+        typography_texts: Typography and texts
+        usage: Usage
+        usage_background_1: Aside background
+        usage_background_2: Selected sidebar filter background
+        usage_background_3: Default icon color
+        usage_background_4: Lines and separators
+        usage_background_5: Footer background
+        usage_background_6: Admin layout background
+        usage_base_1: Main nav component background\nNav menus in homepage and space home
+        usage_base_2: Main color for links and buttons
+        usage_base_3: Graphic ornaments and accent color\nCards and list items hover state border
+        usage_formelements_1: Input elements default background
+        usage_formelements_2: Input elements disabled state background
+        usage_state_1: Success notice border\nAlert notice icon fill\nButton background on success message
+        usage_state_2: Warning notice border
+        usage_state_3: Alert notice border\nAlert notice icon fill
+        usage_typography_1: Headings and section titles
+        usage_typography_2: Inline text
+        usage_typography_3: Text over dark background
+        usage_typography_4: Links and buttons
+        value: Value
+        variations: Variations
+        variations_cards_description: Each card will look like different regarding the properties of the resource displayed. You can override such behaviour in the specific cell.
+        variations_description: There are three different versions of this cell. Each one fits better regarding the context it is being displayed.
+        variations_text: Regarding the type of activity, the cell could show different content, reporting the distinct resources, whether belong to a participatory space or not, has an author or not.
+      home:
+        index:
+          by_sharing_principles: By sharing the principles, philosophy, and rationale behind design decisions we want to empower the community to contribute with consistency so we reach the best participant experience.
+          decidim_guide: The guide to design all things Decidim
+          different_ui_components: At the same time, we document the different UI components and patterns in use, that should be reused or extended.
+          github_source: Source code on GitHub
+          home_header: Decidim Design Guide
+          welcome_sentence: Welcome to the Decidim Design Guide (DDG). This guide is the resource for designers and developers who need to customize, develop new modules, and integrate new features.

data/config/locales/eo.yml

@@ -0,0 +1 @@
+eo: