Added missing socials.

codeplaysoftware · Nov 29, 2023 · 8f82842 · 8f82842
1 parent e72a217
commit 8f82842
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 3 deletions.
diff --git 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
diff --git 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>