From 34f8f21fa7737fc9fda23edab92fe9917233343d Mon Sep 17 00:00:00 2001
From: "Huste, Tobias" <t.huste@hzdr.de>
Date: Wed, 17 Aug 2022 16:37:12 +0200
Subject: [PATCH] Use 5 title buttons on the frontpage

---
 _data/navigation.yml                        |  2 +-
 _includes/frontpage/title-content.html      | 17 ++++++++++-------
 assets/css/title/service-title-buttons.scss | 11 ++++++-----
 services/software-overview.md               |  2 +-
 services/software/helmholtzgitlab.html      |  2 +-
 services/software/rsd.html                  | 10 ++++++++++
 services/software/spotlights.html           |  9 +++++++++
 7 files changed, 38 insertions(+), 15 deletions(-)
 create mode 100644 services/software/rsd.html
 create mode 100644 services/software/spotlights.html

diff --git a/_data/navigation.yml b/_data/navigation.yml
index 7f82cdbb5..509c8e702 100644
--- a/_data/navigation.yml
+++ b/_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"
diff --git a/_includes/frontpage/title-content.html b/_includes/frontpage/title-content.html
index 419a2e783..cf0d31985 100644
--- a/_includes/frontpage/title-content.html
+++ b/_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>
diff --git a/assets/css/title/service-title-buttons.scss b/assets/css/title/service-title-buttons.scss
index 37c0dfea4..3e634785b 100644
--- a/assets/css/title/service-title-buttons.scss
+++ b/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;
     }
 }
diff --git a/services/software-overview.md b/services/software-overview.md
index f70dfe7a5..82977867e 100644
--- a/services/software-overview.md
+++ b/services/software-overview.md
@@ -1,5 +1,5 @@
 ---
-title: Software Engineering
+title: Software Services
 title_image: default
 layout: default
 author: none
diff --git a/services/software/helmholtzgitlab.html b/services/software/helmholtzgitlab.html
index d75f7c09d..5521e793c 100644
--- a/services/software/helmholtzgitlab.html
+++ b/services/software/helmholtzgitlab.html
@@ -1,5 +1,5 @@
 ---
-title: Helmholtz GitLab / Technology
+title: Software Development Infrastructure
 title_image: adi-goldstein-mDinBvq1Sfg-unsplash_shrinked.jpg
 layout: services/default
 author: none
diff --git a/services/software/rsd.html b/services/software/rsd.html
new file mode 100644
index 000000000..bce0365b1
--- /dev/null
+++ b/services/software/rsd.html
@@ -0,0 +1,10 @@
+---
+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"
+---
diff --git a/services/software/spotlights.html b/services/software/spotlights.html
new file mode 100644
index 000000000..33767c56b
--- /dev/null
+++ b/services/software/spotlights.html
@@ -0,0 +1,9 @@
+---
+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
+---
-- 
GitLab