diff --git a/exampleSite/config/_default/languages.de.toml b/exampleSite/config/_default/languages.de.toml new file mode 100644 index 00000000..59f06247 --- /dev/null +++ b/exampleSite/config/_default/languages.de.toml @@ -0,0 +1,28 @@ +languageCode = "de-de" +languageName = "Deutsch (Deutschland)" +weight = 4 + +title = "Congo" +copyright = "© 2023 Congo contributors" + +[params] + isoCode = "de-de" + displayName = ":flag-de:" + rtl = false + + dateFormat = "2. January 2006" + + mainSections = ["samples"] + description = "Ein leistungsstarkes, leichtgewichtiges Theme für Hugo, das mit Tailwind CSS erstellt wurde." + +[author] + name = "Congo" + image = "img/author.jpg" + headline = "Nicht dein Durschnitts-Theme!" + bio = "Dies ist ein Beispiel für eine Autorenbiografie, und obwohl hier ein Stockfoto eines Hundes zu sehen ist, wurde dieser Artikel tatsächlich von einem Menschen verfasst. :dog:" + links = [ + { twitter = "https://twitter.com/" }, + { facebook = "https://facebook.com/" }, + { linkedin = "https://linkedin.com/" }, + { youtube = "https://youtube.com/" }, + ] diff --git a/exampleSite/config/_default/menus.de.toml b/exampleSite/config/_default/menus.de.toml new file mode 100644 index 00000000..605418d9 --- /dev/null +++ b/exampleSite/config/_default/menus.de.toml @@ -0,0 +1,50 @@ +# -- Main Menu -- +# The main menu is displayed in the header at the top of the page. +# Acceptable parameters are name, pageRef, page, url, title, weight. +# +# The simplest menu configuration is to provide: +# name = The name to be displayed for this menu link +# pageRef = The identifier of the page or section to link to +# +# By default the menu is ordered alphabetically. This can be +# overridden by providing a weight value. The menu will then be +# ordered by weight from lowest to highest. + +[[main]] + name = "Dokumentation" + pageRef = "docs" + weight = 10 + +[[main]] + name = "Beispiele" + pageRef = "samples" + weight = 20 + +[[main]] + name = "Genutzt von" + pageRef = "users" + weight = 30 + +[[main]] + name = "GitHub" + url = "https://github.com/jpanther/congo" + weight = 40 + [main.params] + icon = "github" + showName = false + target = "_blank" + +[[main]] + identifier = "search" + weight = 99 + [main.params] + action = "search" + +# -- Footer Menu -- +# The footer menu is displayed at the bottom of the page, just before +# the copyright notice. Configure as per the main menu above. + +# [[footer]] +# name = "Tags" +# pageRef = "tags" +# weight = 10 diff --git a/exampleSite/content/_index.de.md b/exampleSite/content/_index.de.md new file mode 100644 index 00000000..8f4fedbe --- /dev/null +++ b/exampleSite/content/_index.de.md @@ -0,0 +1,29 @@ +--- +title: "Willkommen bei Congo! :tada:" +description: "Dies ist eine Demo des Congo-Themes für Hugo." +--- + +{{< lead >}} +Ein mächtiges und gleichzeitig leichtes Theme für Hugo, das mit Tailwind CSS erstellt wurde. +{{< /lead >}} + +Dies ist eine Demo-Site, die vollständig mit Congo erstellt wurde. Sie enthält auch eine vollständige [Theme-Dokumentation]({{< ref path="docs" lang="en" >}}). Congo ist flexibel und eignet sich sowohl für statische seitenbasierte Inhalte (wie diese Demo) als auch für einen traditionellen Blog mit einem Feed der letzten Beiträge. + +
+ + {{< icon "triangle-exclamation" >}} + + + Dies ist eine Demo des page-Layouts. + + +
+ +{{< figure src="festivities.svg" class="m-auto mt-6 max-w-prose" >}} + +Schau dir die [Beispielseiten]({{< ref "samples" >}}) an, um ein Gefühl für die Möglichkeiten von Congo zu bekommen. Wenn dir gefällt, was du siehst, dann schau dir sich das Projekt auf [Github](https://github.com/jpanther/congo) an oder lies die [Installationsanleitung]({{< ref path="docs/installation" lang="en">}}), um loszulegen. diff --git a/exampleSite/content/samples/charts/index.de.md b/exampleSite/content/samples/charts/index.de.md index 8b5f95d3..eb1e219e 100644 --- a/exampleSite/content/samples/charts/index.de.md +++ b/exampleSite/content/samples/charts/index.de.md @@ -8,7 +8,7 @@ tags: ["Chart", "Beispiele", "Graph", "Shortcodes"] Congo bietet Unterstützung für Chart.js unter Verwendung des Shortcodes `chart`. Füge einfach das Chart-Markup in den Shortcode ein. Congo gestaltet die Charts automatisch so, dass sie der Konfiguration des Parameters `colorScheme` entsprechen. Die Farben können jedoch mit der normalen Chart.js-Syntax angepasst werden. -Weitere Details findest du in der Chart-Shortcode-Dokumentation ({{< ref "docs/shortcodes#chart" >}}). +Weitere Details findest du in der [Chart-Shortcode-Dokumentation]({{< ref path="docs/shortcodes#chart" lang="en" >}}). Die folgenden Beispiele sind eine kleine Auswahl aus der [offiziellen Chart.js-Dokumentation](https://www.chartjs.org/docs/latest/samples). Du kannst auch [die Quelle der Seite](https://raw.githubusercontent.com/jpanther/congo/dev/exampleSite/content/samples/charts/index.de.md) auf GitHub aufrufen, um das Markup zu sehen. diff --git a/exampleSite/content/samples/diagrams-flowcharts/index.de.md b/exampleSite/content/samples/diagrams-flowcharts/index.de.md index c73a8cef..70d62a4f 100644 --- a/exampleSite/content/samples/diagrams-flowcharts/index.de.md +++ b/exampleSite/content/samples/diagrams-flowcharts/index.de.md @@ -8,7 +8,7 @@ tags: ["Mermaid", "Beispiele", "Diagramm", "Shortcodes"] Mermaid-Diagramme werden in Congo mit dem Shortcode `mermaid` unterstützt. Füge einfach das Diagramm-Markup in den Shortcode ein. Congo gestaltet Mermaid-Diagramme automatisch so, dass sie der Konfiguration des Parameters `colorScheme` entsprechen. -Weitere Details findest du in der [Mermaid-Shortcode]-Dokumentation ({{< ref "docs/shortcodes#mermaid" >}}). +Weitere Details findest du in der [Mermaid-Shortcode]-Dokumentation ({{< ref path="docs/shortcodes#mermaid" lang="en">}}). Die folgenden Beispiele sind eine kleine Auswahl aus der [offiziellen Mermaid-Dokumentation](https://mermaid-js.github.io/mermaid/). Du kannst auch [die Quelle der Seite](https://raw.githubusercontent.com/jpanther/congo/dev/exampleSite/content/samples/diagrams-flowcharts/index.de.md) auf GitHub aufrufen, um das Markup zu sehen. diff --git a/exampleSite/content/samples/icons/index.de.md b/exampleSite/content/samples/icons/index.de.md index 00019320..985b9af6 100644 --- a/exampleSite/content/samples/icons/index.de.md +++ b/exampleSite/content/samples/icons/index.de.md @@ -9,7 +9,7 @@ tags: ["Icons", "Beispiele", "Shortcodes"] showDateUpdated: true --- -Congo hat integrierte Unterstützung für eine Reihe von Icons von [FontAwesome 6](https://fontawesome.com/icons). Diese können entweder über den Partial [icon]({{< ref "docs/partials#icon" >}}) oder Shortcode [icon]({{< ref "docs/shortcodes#icon" >}}) in deine Website eingebunden werden. +Congo hat integrierte Unterstützung für eine Reihe von Icons von [FontAwesome 6](https://fontawesome.com/icons). Diese können entweder über den Partial [icon]({{< ref path="docs/partials#icon" lang="en" >}}) oder Shortcode [icon]({{< ref path="docs/shortcodes#icon" lang="en">}}) in deine Website eingebunden werden. Darüber hinaus werden auch benutzerdefinierte Icons vollständig unterstützt. Du kannst deine eigenen SVG-Icon-Assets im Ordner `assets/icons/` im Stammverzeichnis deines Projekts ablegen. Alle Icons in diesem Verzeichnis stehen dann im gesamten Theme zur Verfügung. diff --git a/exampleSite/content/samples/mathematical-notation/index.de.md b/exampleSite/content/samples/mathematical-notation/index.de.md index 9cb73164..dd82fd64 100644 --- a/exampleSite/content/samples/mathematical-notation/index.de.md +++ b/exampleSite/content/samples/mathematical-notation/index.de.md @@ -11,7 +11,7 @@ KaTeX kann verwendet werden, um mathematische Notationen in Artikeln darzustelle {{< katex >}} -Congo bindet die KaTeX-Assets nur dann in das Projekt ein, wenn die mathematische Notation verwendet wird. Damit dies funktioniert, kann einfach der Shortcode [`katex`]({{< ref "docs/shortcodes#katex" >}}) in den Artikel eingefügt werden. Jede KaTeX-Syntax auf dieser Seite wird dann automatisch gerendert. +Congo bindet die KaTeX-Assets nur dann in das Projekt ein, wenn die mathematische Notation verwendet wird. Damit dies funktioniert, kann einfach der Shortcode [`katex`]({{< ref path="docs/shortcodes#katex" lang="en" >}}) in den Artikel eingefügt werden. Jede KaTeX-Syntax auf dieser Seite wird dann automatisch gerendert. Die Online-Referenz der [unterstützten TeX-Funktionen](https://katex.org/docs/supported.html) zeigt Syntax-Beispiele.