diff options
author | Daniel Weipert <git@mail.dweipert.de> | 2023-12-28 10:32:59 +0100 |
---|---|---|
committer | Daniel Weipert <git@mail.dweipert.de> | 2023-12-28 10:32:59 +0100 |
commit | 067e298b3d72fd7f66dfd3b0d2bca081971fd902 (patch) | |
tree | 67947ebea259b9e017d624263489249fe8b4098a /src/pages/index.php | |
parent | 4cf5b0aeb95015e85f41c9962e85dcd20e92800d (diff) |
Diffstat (limited to 'src/pages/index.php')
-rw-r--r-- | src/pages/index.php | 50 |
1 files changed, 42 insertions, 8 deletions
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 @@ -75,6 +75,16 @@ $media = [ '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', 'icon' => '/assets/img/dweipert-x92.png', @@ -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']; ?>"> + <?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'])): ?> |