From d32ee859c94d2452bfbec134a06a9a9166c2abe3 Mon Sep 17 00:00:00 2001
From: antongit <anton@vvvv.org>
Date: Tue, 19 Nov 2024 10:44:11 +0100
Subject: [PATCH] Added LinkedIn to Contact

---
 assets/css/creative.css            |  7 ++++
 layouts/partials/contact.html      | 51 +++++++++++++-----------------
 material/logos.psd                 |  4 +--
 static/img/icons/linkedin32x32.png |  3 ++
 4 files changed, 34 insertions(+), 31 deletions(-)
 create mode 100644 static/img/icons/linkedin32x32.png

diff --git a/assets/css/creative.css b/assets/css/creative.css
index dba77c04..09e324f5 100644
--- a/assets/css/creative.css
+++ b/assets/css/creative.css
@@ -55,6 +55,13 @@ a:focus {
   border-bottom: 1px solid #999;
 }
 
+.card
+{
+  background-color: #444;
+  color: #ccc;
+  border-color: #2f2f2f;
+}
+
 
 #about a {
   text-decoration: none;
diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html
index 4d233689..f99499a1 100644
--- a/layouts/partials/contact.html
+++ b/layouts/partials/contact.html
@@ -17,41 +17,34 @@ <h2 class="section-heading">{{ . }}</h2>
 
 
         <div class="row justify-content-between">
-          <div class="col-md-3 mt-5">
+          <div class="col-lg-3 mt-5">
             <h3><strong>{{ .Site.Params.Contact.Imprint.Headline | markdownify}}</strong></h3>
             {{ .Site.Params.Contact.Imprint.Text | markdownify}}
           </div>
-          <div class="col-md-3 mt-5">
+          <div class="col-lg-4 mt-5 mr-3">
             <h3><strong>Follow us</strong></h3>
-            <div class="row justify-content-start ml-1">
-              <div class="col-2 col-md-5 col-lg-2 p-0 mb-md-3 mr-sm-2">
-                <a href="https://mastodon.xyz/@vvvv" target="_blank" class="noUnderline">
-                  <img src="{{ "img/icons/mastodon32x32.png" | relLangURL }}" alt="Mastodon.social">
-                </a>
-              </div>
-              <div class="col-2 col-md-5 col-lg-2 p-0 mb-md-3 mr-sm-2">
-                <a href="https://pixelfed.social/madewithvvvv" target="_blank" class="noUnderline">
-                  <img src="{{ "img/icons/pixelfed32x32.png" | relLangURL }}" alt="Pixelfed.social">
-                </a>
-              </div>
-              <div class="col-2 col-md-5 col-lg-2 p-0 mb-md-3 mr-sm-2">
-                <a href="https://github.com/vvvv" target="_blank" class="noUnderline">
-                  <img src="{{ "img/icons/github32x32.png" | relLangURL }}" alt="Github">
-                </a>
-              </div>
-              <div class="col-2 col-md-5 col-lg-2 p-0 mb-md-3 mr-sm-2">
-                    <a href="https://vimeo.com/groups/vvvv/sort:date/format:thumbnail" target="_blank" class="noUnderline">
-                      <img src="{{ "img/icons/vimeo-32x32.png" | relLangURL }}" alt="Vimeo">
-                    </a>
-              </div>
-              <div class="col-2 col-md-5 col-lg-2 p-0 mb-md-3 mr-sm-2">
-                    <a href="https://www.youtube.com/channel/UCu-xqv-TLwv6L0An7MJJA5A" target="_blank" class="noUnderline">
-                      <img src="{{ "img/icons/youtube-32x32.png" | relLangURL }}" alt="Youtube">
-                    </a>
-              </div>
+            <div class="row justify-content-between ml-1">
+              <a href="https://mastodon.xyz/@vvvv" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/mastodon32x32.png" | relLangURL }}" alt="Mastodon.social">
+              </a>
+              <a href="https://pixelfed.social/madewithvvvv" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/pixelfed32x32.png" | relLangURL }}" alt="Pixelfed.social">
+              </a>
+              <a href="https://github.com/vvvv" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/github32x32.png" | relLangURL }}" alt="Github">
+              </a>
+              <a href="https://www.linkedin.com/company/vvvv-group" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/linkedin32x32.png" | relLangURL }}" alt="LinkedIn">
+              </a>
+              <a href="https://vimeo.com/groups/vvvv/sort:date/format:thumbnail" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/vimeo-32x32.png" | relLangURL }}" alt="Vimeo">
+              </a>
+              <a href="https://www.youtube.com/channel/UCu-xqv-TLwv6L0An7MJJA5A" target="_blank" class="noUnderline">
+                <img src="{{ "img/icons/youtube-32x32.png" | relLangURL }}" alt="Youtube">
+              </a>
             </div>
           </div>
-          <div class="col-md-4 mt-5">
+          <div class="col-lg-4 mt-5">
             <h3><strong>Sign up for our Newsletter</strong></h3>
             {{ partial "newsletterForm"}}
           </div>
diff --git a/material/logos.psd b/material/logos.psd
index 31ab1c5e..d62c9b39 100644
--- a/material/logos.psd
+++ b/material/logos.psd
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:02875c495ea1f5fc11153a0fd57c827be97ce70ce432489fea050de22a3952dc
-size 2132570
+oid sha256:44dbc40fb67a44eb7a79ba772f56c734040a78c38c50254db9235e1f253c6eeb
+size 2133404
diff --git a/static/img/icons/linkedin32x32.png b/static/img/icons/linkedin32x32.png
new file mode 100644
index 00000000..59ab8af4
--- /dev/null
+++ b/static/img/icons/linkedin32x32.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:382a9310d835d17057738095e06f1d9fb212ba04cfad393de836ce5a753b455c
+size 360