UX: improve navigation

This commit adds the links to the most important services back to the
homepage, and makes the titles of the services on the services overview
page links to that web service.

The reason for this is that I've noticed a bunch of people trying to
navigate to e.g. Nextcloud and just getting lost on the homepage.
This commit is contained in:
Benjamin Yule Bädorf 2024-06-06 19:53:52 +02:00
parent e9365adbea
commit 4e0d44af35
Signed by: b12f
GPG key ID: 729956E1124F8F26
5 changed files with 31 additions and 6 deletions

View file

@ -209,8 +209,8 @@ strings:
en: 'Visit service' en: 'Visit service'
de: 'Zum Dienst' de: 'Zum Dienst'
wiki_help_page: wiki_help_page:
en: Wiki help page en: Wiki
de: Wikiseite de: Wiki
states: states:
yes: yes:
en: Yes en: Yes

View file

@ -16,10 +16,11 @@ export default ({ data, language, className = '', }) => {
{services.map((service, i) => { {services.map((service, i) => {
return <section key={i} className={`${className} ps-service`}> return <section key={i} className={`${className} ps-service`}>
<header className="ps-service--header"> <header className="ps-service--header">
<h2 className="ps-service--title" id={service.id}>{service.name}</h2> <a href={service.link} class="ps-service--title-link" target="_blank">
<h2 className="ps-service--title" id={service.id}>{service.name} </h2>
</a>
<div className="ps-service--links"> <div className="ps-service--links">
<a href={service.link} target="_blank">{ strings.visit_service[language.slug] }</a>
{service.wiki ? <a href={service.wiki} target="_blank">{ strings.wiki_help_page[language.slug] }</a> : null} {service.wiki ? <a href={service.wiki} target="_blank">{ strings.wiki_help_page[language.slug] }</a> : null}
</div> </div>
</header> </header>

View file

@ -10,6 +10,14 @@
border-bottom: 0.25rem solid black; border-bottom: 0.25rem solid black;
}; };
& &--title-link {
border-bottom: 0;
&:hover {
border-bottom: 0;
}
}
&--title { &--title {
margin: 0; margin: 0;
} }

View file

@ -12,8 +12,16 @@ content: |
***Fucking free*** ***Fucking free***
links: links:
- href: https://cloud.pub.solar
title: Nextcloud
- href: https://mastodon.pub.solar
title: Mastodon
- href: https://chat.pub.solar
title: Matrix
- href: https://git.pub.solar
title: Git
- href: ./services - href: ./services
title: Unsere Services title: Alle Services
- href: https://auth.pub.solar/realms/pub.solar/account - href: https://auth.pub.solar/realms/pub.solar/account
title: Deine pub.solar ID title: Deine pub.solar ID
- href: ./hakken - href: ./hakken

View file

@ -12,8 +12,16 @@ content: |
***Fucking free*** ***Fucking free***
links: links:
- href: https://cloud.pub.solar
title: Nextcloud
- href: https://mastodon.pub.solar
title: Mastodon
- href: https://chat.pub.solar
title: Matrix
- href: https://git.pub.solar
title: Git
- href: ./services - href: ./services
title: Our services title: All services
- href: https://auth.pub.solar/realms/pub.solar/protocol/openid-connect/auth?client_id=account-console&redirect_uri=https%3A%2F%2Fauth.pub.solar%2Frealms%2Fpub.solar%2Faccount%2F%23%2F&response_mode=fragment&response_type=code&scope=openid - href: https://auth.pub.solar/realms/pub.solar/protocol/openid-connect/auth?client_id=account-console&redirect_uri=https%3A%2F%2Fauth.pub.solar%2Frealms%2Fpub.solar%2Faccount%2F%23%2F&response_mode=fragment&response_type=code&scope=openid
title: Your pub.solar ID title: Your pub.solar ID
- href: ./hakken - href: ./hakken