From 8f82842835126a7685d298a305b694075709e5df Mon Sep 17 00:00:00 2001
From: Scott Straughan <scotts@codeplay.com>
Date: Wed, 29 Nov 2023 12:07:19 +0000
Subject: [PATCH] Added missing socials.

---
 static/css/styled.scss             | 20 ++++++++++++++++++++
 static/images/socials/linkedin.svg |  2 ++
 updates.html                       | 19 ++++++++++++++++---
 3 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 static/images/socials/linkedin.svg

diff --git a/static/css/styled.scss b/static/css/styled.scss
index 8ac0d9b..451c2aa 100644
--- a/static/css/styled.scss
+++ b/static/css/styled.scss
@@ -703,6 +703,26 @@ body {
                 grid-template-columns: 1fr 1fr !important;
             }
         }
+
+        .socials {
+            a {
+                display: block;
+                background-color: #f5f5f5;
+                padding: 1rem;
+                border-radius: 6px;
+                margin-bottom: 1rem;
+
+                img {
+                    max-width: 25px;
+                    vertical-align: middle;
+                    margin-right: .5rem;
+                }
+            }
+
+            a:hover {
+                background-color: #fff;
+            }
+        }
     }
 
     /**
diff --git a/static/images/socials/linkedin.svg b/static/images/socials/linkedin.svg
new file mode 100644
index 0000000..0de2dfa
--- /dev/null
+++ b/static/images/socials/linkedin.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
\ No newline at end of file
diff --git a/updates.html b/updates.html
index e44df5d..81fdf1f 100644
--- a/updates.html
+++ b/updates.html
@@ -51,12 +51,25 @@ <h2>{{update.content | strip_html | truncatewords:50}}</h2>
 
             {%- include _includes/paginator.html -%}
         </div>
-        <div>
+        <div class="socials">
             <h1>
                 <span class="material-icons">public</span>Socials
             </h1>
-            <div id="twitter">
-                <p>Coming Soon!</p>
+            <div>
+                <a id="twitter"
+                   href="https://twitter.com/syclopseu"
+                   target="_blank"
+                   rel="noopener">
+                    <img src="/static/images/socials/twitter.svg" alt="Twitter Icon" />
+                    Twitter/X
+                </a>
+                <a id="linkedin"
+                   href="https://www.linkedin.com/company/syclops-project/?viewAsMember=true"
+                   target="_blank"
+                   rel="noopener">
+                    <img src="/static/images/socials/linkedin.svg" alt="LinkedIn Icon" />
+                    LinkedIn
+                </a>
             </div>
         </div>
     </div>