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:
parent
e9365adbea
commit
4e0d44af35
|
@ -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