Add screen shots to home page

This commit is contained in:
Wolfgang Huß 2024-04-08 16:57:01 +02:00
parent bca28d7fd2
commit 002127070d
2 changed files with 100 additions and 6 deletions

View File

@ -12,4 +12,16 @@ $theme-color: #17b53f;
.md-button:hover {
opacity: 0.85;
cursor: grab;
};
};
.image-grid {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.image-grid figure {
width: 300px;
height: auto;
flex-shrink: 1;
}

View File

@ -12,11 +12,6 @@ tagLine:
# link: https://stage.ocelot.social/
---
<!-- - Slider — Wie sieht es aus?
- Was kann es?
- Demo — Wo kann ich es ausprobieren?
- Was kostet es?
- Wie kann ich es einrichten? -->
## Vorteile
@ -35,6 +30,93 @@ Betreiber:
XXX
<div class="image-grid">
<figure>
<img src="./assets/login.png" />
<figcapture>
Login
</figcapture>
</figure>
<figure>
<img src="./assets/newsfeed.png" />
<figcapture>
Newsfeed
</figcapture>
</figure>
<figure>
<img src="./assets/single-post.png" />
<figcapture>
Einzelner Beitrag
</figcapture>
</figure>
<figure>
<img src="./assets/single-event.png" />
<figcapture>
Einzelne Veranstaltung
</figcapture>
</figure>
<figure>
<img src="./assets/user-profile.png" />
<figcapture>
Nutzerprofil
</figcapture>
</figure>
<figure>
<img src="./assets/user-settings.png" />
<figcapture>
Einstellungen des Nutzerkontos
</figcapture>
</figure>
<figure>
<img src="./assets/group-list.png" />
<figcapture>
Gruppenübersicht
</figcapture>
</figure>
<figure>
<img src="./assets/group-profile.png" />
<figcapture>
Gruppenprofil
</figcapture>
</figure>
<figure>
<img src="./assets/1-to-1-chat.png" />
<figcapture>
Eins-zu-Eins-Chat
</figcapture>
</figure>
<figure>
<img src="./assets/notifications.png" />
<figcapture>
Benachrichtigungen
</figcapture>
</figure>
<figure>
<img src="./assets/map.png" />
<figcapture>
Landkarte
</figcapture>
</figure>
<figure>
<img src="./assets/language-selection.png" />
<figcapture>
Mehrsprachigkeit
</figcapture>
</figure>
<figure>
<img src="./assets/moderation.png" />
<figcapture>
Moderation
</figcapture>
</figure>
<figure>
<img src="./assets/system-administration.png" />
<figcapture>
Systemverwaltung
</figcapture>
</figure>
</div>
## Hauptfunktionen
- Benutzerprofil