From 685da91252bdd7730ddb16468d43ea0d4c1bad5a Mon Sep 17 00:00:00 2001
From: Darius Auding <Darius.auding@gmx.de>
Date: Fri, 4 Aug 2023 18:11:20 +0200
Subject: [PATCH] Swap Project logos with icons

---
 sass/_utils.scss                         | 4 ++++
 sass/style.scss                          | 1 +
 templates/frontpage/blocks/projects.html | 8 +++++---
 3 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 sass/_utils.scss

diff --git a/sass/_utils.scss b/sass/_utils.scss
new file mode 100644
index 00000000..e014bd98
--- /dev/null
+++ b/sass/_utils.scss
@@ -0,0 +1,4 @@
+.image.is-70p {
+  width: 70%;
+  height: 70%;
+}
diff --git a/sass/style.scss b/sass/style.scss
index 24ffe049..d977055d 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -9,4 +9,5 @@ $title-color: inherit;
 
 @import "./_menu.scss";
 @import "./_content.scss";
+@import "./_utils.scss";
 @import "./_calendar";
diff --git a/templates/frontpage/blocks/projects.html b/templates/frontpage/blocks/projects.html
index e116333e..00410ea3 100644
--- a/templates/frontpage/blocks/projects.html
+++ b/templates/frontpage/blocks/projects.html
@@ -10,9 +10,11 @@
       {% set project_section = get_section(path=project_section_path) %}
       <div class="column">
         <div class="card is-shadowless">
-          <figure class="image is-4by3">
-            <a href="/projekte/{{ project_section.extra.project_slug }}"><img src="{{ project_section.extra.logo }}" alt="Logo {{ project_section.title }}" /></a>
-          </figure>
+          <div class="columns is-centered">
+            <figure class="image is-70p">
+              <a href="/projekte/{{ project_section.extra.project_slug }}"><img src="{{ project_section.extra.title_icon }}" alt="Logo {{ project_section.title }}" /></a>
+            </figure>
+          </div>
         </div>
         <div class="card-content">
           <div class="media">
-- 
GitLab