From 3b5c9cb9669b4dc1210178442616eef34e8b7bf8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= Date: Mon, 13 May 2024 14:46:46 +0200 Subject: [PATCH] Refine home page slogans and divers --- docs/.vuepress/styles/palette.scss | 62 +++++++++++-- docs/de/README.md | 141 +++++++++++++++-------------- 2 files changed, 131 insertions(+), 72 deletions(-) diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss index 187a076..2b24f44 100644 --- a/docs/.vuepress/styles/palette.scss +++ b/docs/.vuepress/styles/palette.scss @@ -45,14 +45,12 @@ h1, h2, h3, h4 { .hero-container { width: auto; - height: 800px; background-image: linear-gradient(#282a82, #5e0d46); position: relative; display: flex; flex-direction: column; justify-content: center; - height: 450px; margin-bottom: 1rem; color: #eee; } @@ -85,6 +83,10 @@ h1, h2, h3, h4 { width: 150px; } +.slogan { + display: block; +} + #slogan-container { margin: 30px auto; } @@ -100,12 +102,24 @@ h1, h2, h3, h4 { font-size: 2em; } -.slogan { - display: block; +@media screen and (max-width: 650px) { + .hero-button { + margin: 16px 0; + } + + #slogan-1 { + font-size: 2.7em; + line-height: 1.1em; + } + + #slogan-2 { + font-size: 1.85em; + line-height: 1.1em; + margin-top: 0.5em; + } } #main-title { -// z-index: -1000 !important; position: absolute; top: -100; opacity: 0 !important; @@ -115,14 +129,40 @@ h1, h2, h3, h4 { display: none; } +.image-grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + text-align: center; + margin-bottom: 1em; +} + .image-grid figure { + text-align: center; width: 300px; height: auto; flex-shrink: 1; } +.all-features { + text-align: center; +} + +h2.large-header { + font-size: 2.2em; + line-height: 1.2em; + text-align: center; + margin-top: 0; + padding-top: 1em; + border: 0; +} + +#feature-headline { + margin-bottom: 1em; +} + .benefits-grid { - height: 700px; display: flex; flex-direction: row; flex-wrap: wrap; @@ -139,4 +179,14 @@ h1, h2, h3, h4 { .benefits-grid span { font-size: 3rem; +} + +.center { + text-align: center; +} + +.center table { + // width: 500px; + margin: 0 auto !important; + text-align: center; } \ No newline at end of file diff --git a/docs/de/README.md b/docs/de/README.md index af05a19..5b2ff92 100644 --- a/docs/de/README.md +++ b/docs/de/README.md @@ -19,7 +19,7 @@ tagLine: Freie Open-Source-Software für dein soziales Netzwerk - + @@ -27,77 +27,75 @@ tagLine: - +

Warum Ocelot.Social?

-

Freie und Open-Source-Software

- XXX +

Freie Open-Source-Software

+ Du kannst die Software nutzen und weiterentwickeln. + +
+
+ + +

Für alle

+ Ocelot.social eignet sich für die Zivilgesellschaft sowie für staatliche und private Organisationen.
-

Selbstbestimmtes Filtern des Inhalts möglich (keine undurchschaubare Auswahl)

- XXX +

Selbstbestimmtes Filtern

+ Du wählst selber, welchen Inhalt du siehst – keine undurchschaubare Auswahl.

Konfigurierbar

- XXX + Als Betreiber kannst du das Design und die Funktionen nach deinen Wünschen einstellen.

Erweiterbar

- XXX + Neue Funktionen können hinzuprogrammiert werden, die allen zugute kommen.
-

Skalierbar für alle Netzwerkgrößen

- XXX - -
-
- - -

Für alle: Zivilgesellschaft, Staat, private (auch kommerziell)

- XXX +

Skalierbar

+ Dank neuster Technik kannst du die Software für alle Netzwerkgrößen einsetzen.
-

Zum selber hosten oder hosten lassen

- XXX +

Flexibles Hosting

+ Du kannst dein Netzwerk selber hosten oder von deinem Dienstleister hosten lassen.
-

Deine eigenen Nutzungsbedingungen

- XXX +

Deine eigenen Regeln

+ Bestimme die Nutzungsbedingungen für dein Netzwerk selber.

Neueste Technologie

- XXX + Die Software ist technologisch am Puls der Zeit – flexibel, zuverlässig, performant.
- - - +

Wichtigste Funktionen

@@ -109,7 +107,7 @@ tagLine:
- Newsfeed + Beitragsübersicht (Newsfeed)
@@ -186,62 +184,73 @@ tagLine:
-## Hauptfunktionen +
+ + + +
-- Benutzerprofil -- Benutzerrollen: Benutzer, Moderator, Administrator -- Gruppen: öffentlich, geschlossen, versteckt -- Beitragsformen: Beitrag, Veranstaltung -- Kommentieren -- Beitragsübersicht (Newsfeed) -- Filtern und Sortieren -- Chat: Privater 1:1-Chat -- Karte -- Suche -- Benachrichtigungen -- Mehrsprachig -- Progressive Web App (PWA) - -→ [Alle Funktionen ansehen](/de/features/) - -## Demo - -Teste die Live-Demo auf -[https://stage.ocelot.social](https://stage.ocelot.social) -mit den folgenden Zugangsdaten: +

Probier es aus

+ -## Loslegen +
+

+ Teste die Live-Demo auf + https://stage.ocelot.social + mit den folgenden Zugangsdaten: +

-Möchtest du ein Netzwerk selber betreiben? +
E-MailPasswortBenutzerrolle
user@example.org1234normaler Nutzer
moderator@example.org1234Moderator
admin@example.org1234Administrator
+
-*Ocelot.social* kannst du auf einem eigenen Server hosten oder es hosten lassen. -Schau dir an, welche Möglichkeiten es gibt: +

Loslegen

-→ [Los geht's](/de/get-started/) +
+

+ Ocelot.social kannst du auf einem eigenen Server hosten oder es hosten lassen. + Schau dir an, welche Möglichkeiten es gibt:
+

+ + + +
-## Spenden +

Spenden

-Die Software des Netzwerks ist frei verfügbar – Betrieb, Unterhalt und Weiterentwicklung kosten hingegen Geld. +
+

+ Die Software des Netzwerks ist frei verfügbar – Betrieb, Unterhalt und Weiterentwicklung kosten hingegen Geld. +

+

+ Der Verein busFaktor() e.V. koordiniert und fördert die Programmierung von ocelot.social. + Unterstütze die Nachhaltigkeit der Software und deren Netzwerke gerne mit einer Einmal- oder Dauerspende: +

+ + + +
-Der Verein [busFaktor() e.V.](https://busfaktor.org/de/) koordiniert und fördert die Programmierung von *ocelot.social*. -Unterstütze die Nachhaltigkeit der Software und deren Netzwerke gerne mit einer Einmal- oder Dauerspende: +

Kontakt

- - - - -## Kontakt - -Hast du Fragen, Anregungen oder Wünsche, nehme gerne [Kontakt](/de/contact/) mit uns auf. +
+

+ Hast du Fragen, Anregungen oder Wünsche, nehme gerne Kontakt mit uns auf. +

+