diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.php | 183 | ||||
| -rw-r--r-- | src/pages/projects.php | 156 |
2 files changed, 339 insertions, 0 deletions
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']; ?>"> + <a href="<?php echo $v['link']; ?>" target="_blank"><?php echo $v['title']; ?></a> + <?php if (isset($v['extra'])): ?> + <span>— <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']; ?>"> + <?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); diff --git a/src/pages/projects.php b/src/pages/projects.php new file mode 100644 index 0000000..ab42342 --- /dev/null +++ b/src/pages/projects.php @@ -0,0 +1,156 @@ +<?php + +require_once dirname(__DIR__) . '/layout.php'; + +$i18n = i18n([ + 'de' => [ + 'intro.0' => 'Auflistung aller Projekte, an denen ich arbeite oder arbeiten möchte.', + 'intro.1' => 'Alle genannten Softwareprojekte sollen Open-Source sein.', + 'intro.2' => 'Alle genannten Unternehmungen sollen als (gemeinnützige) Vereine bzw genossenschaftlich organisiert sein.', + 'intro.3' => 'Keine kapitalistischen "Geld ist Selbstzweck" Bestrebungen.', + + 'footnotes.0' => '*Projekt, das ich einfach nur verwirklicht sehen möchte und nicht die persönliche Anforderung habe, dort direkt mitwirken zu müssen', + ], +]); +$t = $i18n['translate']; + +$projects = [ + 'stores_places' => [ + 'title' => 'Läden & Orte', + 'items' => [ + [ + 'title' => 'Repair-Café*', + ], + [ + 'title' => 'Offener, kreativer Begegnungsort*', + ], + [ + 'title' => 'Japanische Kultur-Events', + ], + [ + 'title' => 'Spielwarenladen mit offenem Treffpunkt', + 'description' => 'ausreichend Platz und Tische (für zB Magic the Gathering)', + ], + ], + ], + + 'it' => [ + 'title' => 'Soft- und Hardware', + 'items' => [ + [ + 'title' => 'Lokale, regionale, dezentralisierte Alternative zu Lieferando', + ], + [ + 'title' => 'Nachhaltige:r Server-Hardware-Infrastruktur Lieferant*in/Dienstleister*in', + ], + [ + 'title' => 'Einfaches, niederschwelliges, erweiterbares, flexibles Server-Software-Installations-Management-Interface', + ], + [ + 'title' => 'Modularer Web-Browser*', + 'description' => 'HTML-, JS, CSS-Parser, etc. als standalone Module als Alternativen zu bestehenden tightly-coupled Browsern', + 'link' => 'https://ladybird.dev', + ], + [ + 'title' => 'Single person (Flat-File?) Matrix Server', + ], + [ + 'title' => 'Source-to-Source Compiler Framework', + 'description' => 'In Kombination mit eigener Programmiersprache als Input', + ], + ], + ], + + 'educational' => [ + 'title' => 'Educational', + 'items' => [ + [ + 'title' => 'GPS-Game mit Pflanzen und Tieren', + 'description' => 'Mobile-Game - Pokémon Go-like', + ], + [ + 'title' => 'Elements', + 'description' => 'Tabletop - Nachhaltig produziertes, offenes, educational, Magic-like Kartenspiel mit historischen Referenzmaterialien', + ], + [ + 'title' => 'Historische Kriege und Scharmützel', + 'description' => 'Computerspiel - Fire Emblem-like', + ], + ], + ], + + 'hobby' => [ + 'title' => 'Hobby-Projekte', + 'items' => [ + [ + 'title' => 'BomberTux Story', + 'link' => 'https://gitlab.com/bombertux/bombertux-story', + ], + [ + 'title' => 'BomberTux Hero', + 'link' => 'https://gitlab.com/bombertux/bombertux-hero', + ], + [ + 'title' => 'Flat-File Forms', + 'link' => 'https://gitlab.com/dweipert-3138720606/flat-file-forms', + ], + ], + ], + + 'other' => [ + 'title' => 'Sonstige', + 'items' => [ + [ + 'title' => '"Wie nachhaltig leben?"-Buch', + 'description' => 'Leitfaden für nachhaltiges Leben im Raum Bad Neustadt', + 'link' => 'https://book.dweipert.de', + ], + ], + ], +]; + +ob_start(); +?> +<div class="container"> + <p> + <?php echo $t('intro.0'); ?> + </p> + <p> + <?php echo $t('intro.1'); ?><br> + <?php echo $t('intro.2'); ?><br> + <?php echo $t('intro.3'); ?> + </p> + + <?php foreach ($projects as $project): ?> + <div> + <h2><?php echo $project['title']; ?></h2> + <ul> + <?php foreach ($project['items'] as $item): ?> + <li> + <?php if (isset($item['link'])): ?> + <a href="<?php echo $item['link']; ?>" target="_blank"> + <?php echo $item['title']; ?> + </a> + <?php else: ?> + <span v-else><?php echo $item['title']; ?></span> + <?php endif; ?> + + <?php if (isset($item['description'])): ?> + <span>— <?php echo $item['description']; ?></span> + <?php endif; ?> + </li> + <?php endforeach; ?> + </ul> + </div> + <?php endforeach; ?> + + <p> + <small> + <?php echo $t('footnotes.0'); ?> + </small> + </p> +</div> +<?php +$content = ob_get_clean(); + +layout(content: $content); |