UX: improve navigation #27

Merged
teutat3s merged 1 commit from improve-navigation into main 2024-06-06 18:15:27 +00:00
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