UX: improve navigation #27
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
10
de/index.yml
10
de/index.yml
|
@ -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
|
||||||
|
|
10
index.yml
10
index.yml
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue