Merge pull request 'UX: improve navigation' (!27) from improve-navigation into main

Reviewed-on: pub-solar/pub.solar#27
Reviewed-by: teutat3s <teutat3s@noreply.git.pub.solar>

_data/services.yml

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

_includes/Services.tsx

@@ -16,10 +16,11 @@ export default ({ data, language, className = '', }) => {
     {services.map((service, i) => {
       return <section key={i} className={`${className} ps-service`}>
         <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">
-            <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}
           </div>
         </header>

_includes/styles/service.scss

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

de/index.yml

@@ -12,8 +12,16 @@ content: |
   ***Fucking free***
 
 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
-    title: Unsere Services
+    title: Alle Services
   - href: https://auth.pub.solar/realms/pub.solar/account
     title: Deine pub.solar ID
   - href: ./hakken

index.yml

@@ -12,8 +12,16 @@ content: |
   ***Fucking free***
 
 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
-    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
     title: Your pub.solar ID
   - href: ./hakken