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