From efa766aa8b93c484148a497f628512c4ec096f0f Mon Sep 17 00:00:00 2001
From: Daniel Weipert <code@drogueronin.de>
Date: Wed, 18 Oct 2023 14:36:57 +0200
Subject: initial commit

---
 src/pages/index.php | 183 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 183 insertions(+)
 create mode 100644 src/pages/index.php

(limited to 'src/pages/index.php')

diff --git a/src/pages/index.php b/src/pages/index.php
new file mode 100644
index 0000000..c9bf2bc
--- /dev/null
+++ b/src/pages/index.php
@@ -0,0 +1,183 @@
+<?php
+
+require_once dirname(__DIR__) . '/layout.php';
+
+$i18n = i18n([
+  'de' => [
+    'topics' => 'Themenbereiche',
+    'volunteering' => 'Ehrenämter & Mitgliedschaften',
+    'social' => 'Social & Media',
+    'other' => 'Weitere Links',
+  ],
+  'en' => [
+    'topics' => 'Topics',
+    'volunteering' => 'Volunteering & Memberships',
+    'social' => 'Social & Media',
+    'other' => 'Other Links',
+  ],
+  'jp' => [
+    'topics' => '話題',
+    'volunteering' => 'Ehrenämterと会員',
+    'social' => 'ソーシャルとメディア',
+    'other' => 'その他',
+  ],
+]);
+$t = $i18n['translate'];
+
+$volunteering = [
+  [
+    'link' => 'https://web.ecogood.org/de/',
+    'title' => 'International Federation for the Economy for the Common Good e.V.',
+    'extra' => [
+      'link' => 'https://bayern.ecogood.org/',
+      'title' => 'in Bayern',
+    ],
+    'icon' => '/assets/img/volunteering/gwoe_icon_57x57.png',
+  ],
+  [
+    'link' => 'https://www.bund-naturschutz.de',
+    'title' => 'BUND Naturschutz in Bayern e.V.',
+    'extra' => [
+      'link' => 'https://rhoen-grabfeld.bund-naturschutz.de',
+      'title' => 'Kreisgruppe Rhön-Grabfeld',
+    ],
+    'icon' => '/assets/img/volunteering/bns-favicon-32x32.png',
+  ],
+  [
+    'link' => 'https://www.fairhandeln.de',
+    'title' => 'Aktion Eine Welt e.V.',
+    'icon' => '/assets/img/volunteering/EWL.png',
+  ],
+];
+
+$media = [
+  [
+    'link' => 'https://gemeinwohl-development.de',
+    'title' => 'GEMEINWOHL.development',
+    'icon' => '/assets/img/social/gd-favicon.png',
+  ],
+  [
+    'link' => 'https://gitlab.com/dweipert-3138720606',
+    'title' => 'GitLab',
+    'icon' => '/assets/img/social/favicon-7901bd695fb93edb07975966062049829afb56cf11511236e61bcf425070e36e.png',
+  ],
+  [
+    'link' => 'https://github.com/dweipert-3138720606',
+    'title' => 'GitHub',
+    'icon' => '/assets/img/social/GitHub-Mark-Light-32px.png',
+  ],
+  [
+    'link' => 'https://git.dweipert.de',
+    'title' => 'Git Projects',
+    'icon' => '/assets/img/social/Git-Icon-1788C.png',
+  ],
+];
+
+$other = [
+  [
+    'link' => 'https://www.bad-neustadt.de/unsere-stadt/familie-freizeit/vereine',
+    'title' => 'Vereine in Bad Neustadt',
+  ],
+];
+
+ob_start();
+?>
+<style>
+.container {
+  margin: 0 auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  justify-content: space-around;
+}
+
+.container a {
+  text-decoration: none;
+}
+
+.container ul {
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+}
+
+.container li + li {
+  margin-top: 0.75rem;
+}
+
+.volunteering h2 {
+  margin-top: 0;
+}
+
+.volunteering__list li {
+  text-align: left;
+}
+.volunteering__list li > img {
+  max-height: 1.5em;
+  max-width: 1.5em;
+  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;
+}
+</style>
+<?php
+$head = ob_get_clean();
+
+ob_start();
+?>
+<div class="container">
+  <div class="volunteering">
+    <h2><?php echo $t('volunteering'); ?></h2>
+    <ul class="volunteering__list">
+      <?php foreach ($volunteering as $idx => $v): ?>
+      <li>
+        <img src="<?php echo $v['icon']; ?>" alt="<?php echo $v['title']; ?>">&nbsp;
+        <a href="<?php echo $v['link']; ?>" target="_blank"><?php echo $v['title']; ?></a>
+        <?php if (isset($v['extra'])): ?>
+        <span>&mdash; <a href="<?php echo $v['extra']['link']; ?>"><?php echo $v['extra']['title']; ?></a></span>
+        <?php endif; ?>
+      </li>
+      <?php endforeach; ?>
+    </ul>
+  </div>
+
+  <div class="social">
+    <h2><?php echo $t('social'); ?></h2>
+    <ul class="social__list">
+      <?php foreach ($media as $idx => $m): ?>
+      <li>
+        <a href="<?php echo $m['link']; ?>" target="_blank">
+          <img src="<?php echo $m['icon']; ?>" alt="<?php echo $m['title']; ?>">&nbsp;
+          <?php echo $m['title']; ?>
+        </a>
+      </li>
+      <?php endforeach; ?>
+    </ul>
+  </div>
+
+  <div class="other">
+    <h2><?php echo $t('other'); ?></h2>
+    <ul class="social__list">
+      <?php foreach ($other as $idx => $o): ?>
+      <li>
+        <a href="<?php echo $o['link']; ?>" target="_blank">
+          <?php echo $o['title']; ?>
+        </a>
+      </li>
+      <?php endforeach; ?>
+    </ul>
+  </div>
+</div>
+<?php
+$content = ob_get_clean();
+
+layout($head, $content);
-- 
cgit v1.2.3