From ce4a16ab1f25ab1b9efbcede5859fc3900d3b549 Mon Sep 17 00:00:00 2001
From: Tobias Huste <t.huste@hzdr.de>
Date: Wed, 10 Aug 2022 11:28:05 +0200
Subject: [PATCH] Use 6 title buttons on the frontpage
* Add use cases and spotlights
* Redefine button size and grid setup
---
_includes/frontpage/title-content.html | 16 +++++++++++-----
assets/css/title/service-title-buttons.scss | 11 ++++++-----
2 files changed, 17 insertions(+), 10 deletions(-)
diff --git a/_includes/frontpage/title-content.html b/_includes/frontpage/title-content.html
index 419a2e783..9d5b8c259 100644
--- a/_includes/frontpage/title-content.html
+++ b/_includes/frontpage/title-content.html
@@ -6,18 +6,24 @@
<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">
+ <a href="https://events.hifis.net/category/4/" class="btn btn-light text-dark">
HIFIS Courses
</a>
- <a href="{% link services/software/consulting.html %}" class="btn btn-light btn-lg text-dark">
- Software Engineering Consulting
+ <a href="{% link services/software-overview.md %}" class="btn btn-light text-dark">
+ Software Services
</a>
- <a href="https://aai.helmholtz.de" class="btn btn-light btn-lg text-dark">
+ <a href="https://aai.helmholtz.de" class="btn btn-light text-dark">
Identity & Access Management (AAI)
</a>
+ <a href="{% link usecases.md %}" class="btn btn-light text-dark">
+ Use Cases
+ </a>
+ <a href="{% link spotlights.md %}" class="btn btn-light text-dark">
+ Software Spotlights
+ </a>
</div>
</div>
</div>
diff --git a/assets/css/title/service-title-buttons.scss b/assets/css/title/service-title-buttons.scss
index 37c0dfea4..92542f375 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: 2rem;
}
}
--
GitLab