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.

_data/services.yml

@@ -209,8 +209,8 @@ strings:
     en: 'Visit service'
     de: 'Zum Dienst'
   wiki_help_page:
-    en: Wiki help page
+    en: Wiki
-    de: Wikiseite
+    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