From 067e298b3d72fd7f66dfd3b0d2bca081971fd902 Mon Sep 17 00:00:00 2001
From: Daniel Weipert <git@mail.dweipert.de>
Date: Thu, 28 Dec 2023 10:32:59 +0100
Subject: add more socials

---
 src/pages/index.php | 50 ++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 42 insertions(+), 8 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.php b/src/pages/index.php
index 7733bf2..0fe3862 100644
--- a/src/pages/index.php
+++ b/src/pages/index.php
@@ -74,6 +74,16 @@ $media = [
     'title' => 'Git Projects',
     'icon' => '/assets/img/social/Git-Icon-1788C.png',
   ],
+  [
+    'link' => 'https://dweipert.itch.io',
+    'title' => 'itch.io',
+    'icon' => '/assets/img/social/itchio-textless.png',
+  ],
+  [
+    'link' => 'https://steamcommunity.com/id/dweipert',
+    'title' => 'Steam',
+    'icon' => '/assets/img/social/Steam_Logo.png',
+  ],
   [
     'link' => 'https://blog.dweipert.de',
     'title' => 'Blog',
@@ -122,13 +132,25 @@ ob_start();
   vertical-align: -6px;
 }
 
-.social__list li > a {
-  display: flex;
-  align-items: center;
-}
-.social__list li > a > img {
-  max-height: 1.5em;
-  max-width: 1.5em;
+.social__list {
+  &:nth-of-type(1) {
+    text-align: center;
+    margin-bottom: 0.75rem;
+  }
+
+  &:nth-of-type(2) {
+    columns: 2 auto;
+  }
+
+  li > a {
+    display: flex;
+    align-items: center;
+
+    > img {
+      max-height: 1.5em;
+      max-width: 1.5em;
+    }
+  }
 }
 </style>
 <?php
@@ -155,7 +177,19 @@ ob_start();
   <div class="social">
     <h2><?php echo $t('social'); ?></h2>
     <ul class="social__list">
-      <?php foreach ($media as $idx => $m): ?>
+      <?php foreach (array_slice($media, 0, 1) as $idx => $m): ?>
+      <li>
+        <a href="<?php echo $m['link']; ?>" target="_blank">
+          <?php if (! empty($m['icon'])): ?>
+            <img src="<?php echo $m['icon']; ?>" alt="<?php echo $m['title']; ?>">&nbsp;
+          <?php endif; ?>
+          <?php echo $m['title']; ?>
+        </a>
+      </li>
+      <?php endforeach; ?>
+    </ul>
+    <ul class="social__list">
+      <?php foreach (array_slice($media, 1) as $idx => $m): ?>
       <li>
         <a href="<?php echo $m['link']; ?>" target="_blank">
           <?php if (! empty($m['icon'])): ?>
-- 
cgit v1.2.3