Use 5 title buttons on the frontpage

_data/navigation.yml

@@ -21,7 +21,7 @@ header:
       - title: "Identity and Access Management (AAI)"
         url: "https://aai.helmholtz.de/"
         external: True
-      - title: "Software Engineering"
+      - title: "Software Services"
         url: "services/software-overview"
       - title: "Software Engineering Consulting"
         url: "consulting"

_includes/frontpage/title-content.html

@@ -6,17 +6,20 @@
     
     <div class="services-box">
         <div class="services-title-buttons">
-            <a href="https://helmholtz.cloud/services" class="btn btn-light btn-lg text-dark">
+            <a href="https://helmholtz.cloud/services" class="btn btn-light text-dark">
             Cloud Services
             </a>
-            <a href="https://events.hifis.net/category/4/" class="btn btn-light btn-lg text-dark">
-                HIFIS Courses
+            <a href="{% link services/software-overview.md %}" class="btn btn-light text-dark">
+                Software Services
             </a>
-            <a href="{% link services/software/consulting.html %}" class="btn btn-light btn-lg text-dark">
-                Software Engineering Consulting
+            <a href="https://events.hifis.net/category/4/" class="btn btn-light text-dark">
+                Courses
             </a>
-            <a href="https://aai.helmholtz.de" class="btn btn-light btn-lg text-dark">
-                Identity &amp; Access Management (AAI)
+            <a href="https://aai.helmholtz.de" class="btn btn-light text-dark">
+                User Access
+            </a>
+            <a href="{% link usecases.md %}" class="btn btn-light text-dark">
+                Use Cases
             </a>
         </div>
     </div>

assets/css/title/service-title-buttons.scss

@@ -14,15 +14,16 @@
 
 .services-title-buttons {
     display:                grid;
-    grid-template-columns:  1fr 1fr;
+    grid-template-columns:  1fr 1fr 1fr;
     grid-auto-rows:         1fr;
 
     @include medium-is-desktop-plus {
-        max-width: 600px;
+        max-width: 800px;
     }
 
     @include medium-is-tablet {
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr;
+        grid-auto-rows: 1fr;
     }
 
     @include medium-is-phone {
@@ -39,9 +40,9 @@
     }
 
     .btn {
-        margin:     0.5rem;
+        margin:     0.25rem;
         display:    flex;
         flex-flow:  column nowrap;
-        min-height: 3.3rem;
+        min-height: 2.5rem;
     }
 }

services/software-overview.md

 ---
-title: Software Engineering
+title: Software Services
 title_image: default
 layout: default
 author: none

services/software/helmholtzgitlab.html

 ---
-title: Helmholtz GitLab / Technology
+title: Software Development Infrastructure
 title_image: adi-goldstein-mDinBvq1Sfg-unsplash_shrinked.jpg
 layout: services/default
 author: none

services/software/rsd.html

+---
+title: Research Software Directory (Preview) <i class="fas fa-external-link-alt"></i>
+title_image: pexels-cottonbro-5483071.jpg
+layout: services/default
+author: none
+excerpt: >-
+    A central software directory tailored to Research Software Engineers and Researchers
+    that want to promote or discover research software.
+redirect_to: "https://helmholtz.software"
+---

services/software/spotlights.html

+---
+title: "Software Spotlights"
+title_image: blue_curtains.jpg
+layout: services/default
+author: none
+excerpt: >-
+    The Helmholtz Software Spotlights represent top success stories of Reseach Software Engineering in Helmholtz.
+redirect_to: spotlights
+---