sbgg.jetzt/page/start/index.php

287 lines
9.4 KiB
PHP

<?php
declare(strict_types = 1);
namespace Kimendisch\Sbgg_Jetzt;
use Flake\Page;
use Flake\Hidden;
use Flake\File;
use Flake\Project;
// HACK: CONVERT GET PARAM TO PATH PARAM //
if(isset($_GET["lang"])){
$new_lang = $_GET["lang"];
if($new_lang === "de") $new_lang = "";
header("HTTP/1.1 303 See Other");
header("Location: /" . $new_lang);
}
// HACK: REMOVE `DE` PATH PARAM //
if(!in_array(Project::param("lang"), [null, "en"])){
header("HTTP/1.1 303 See Other");
header("Location: /");
}
// LANGUAGE MANAGER //
// hack: fake get param from url path
$param_lang = Project::param("lang") ?? "de";
$_GET["lang"] = $param_lang;
require("./page/lang_base.php");
// PAGE INIT //
Page::start();
Page::title($dict->get("title"));
Page::$head["alternate_de"] = '<link rel="alternate" hreflang="de" href="/" />';
Page::$head["alternate_en"] = '<link rel="alternate" hreflang="en" href="/en" />';
Page::robots(index: true, follow: true);
Page::$head["og_title"] = '<meta property="og:title" content="SBGG.jetzt" />';
Page::$head["mastodon_verify"] = '<link rel="me" href="https://lsbt.me/@sbggjetzt" />';
require("./page/page_base.php");
Page::js(__DIR__ . "/newsletter.js");
?>
<?php
Nav::$active = "start";
require("./page/nav.php");
?>
<div class="page-container has-nav">
<div id="page" class="page">
<div class="title">
<h1><?= $dict->get("page_title_h1") ?></h1>
<h2><?= $dict->get("page_title_h2") ?></h2>
</div>
<div id="why" class="wrapper copylink-id">
<div class="section">
<div class="content">
<div class="box">
<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("why_title") ?></span>
<?php
$why_text = $dict->get("why_text");
foreach($why_text as $one_why_text_line){
echo("<span>" . $one_why_text_line . "</span>");
}
?>
</div>
</div>
</div>
</div>
<div id="timeline" class="wrapper copylink-id">
<div class="section">
<div class="header">
<span class="icon ti ti-clock"></span>
<span class="text"><?= $dict->get("timeline_moved_title") ?></span>
<button class="copylink ti ti-link"></button>
</div>
<div class="content">
<div class="box">
<?php
$timeline_moved_text = $dict->get("timeline_moved_text");
foreach($timeline_moved_text as $one_timeline_moved_text_line){
echo("<span>" . $one_timeline_moved_text_line . "</span>");
}
?>
<div class="button-list">
<a href="<?= $dict->get("timeline_moved_link") ?>" class="button primary">
<span class="text"><?= $dict->get("timeline_moved_button") ?></span>
<span class="icon ti ti-chevron-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="news" class="wrapper copylink-id">
<div class="section">
<div class="header">
<span class="icon ti ti-bell"></span>
<span class="text"><?= $dict->get("news_title") ?></span>
<button class="copylink ti ti-link"></button>
</div>
<div class="content rows">
<div id="newsletter" class="wrapper copylink-id">
<div class="box">
<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("news_newsletter_title") ?></span>
<div id="newsletter-signup-form-container" class="form-container">
<div id="newsletter-signup-form" class="form">
<div class="key-value-pair">
<div class="key">
<span class="ti ti-at"></span>
</div>
<div class="value-list">
<div class="inputwrapper">
<input id="newsletter-signup-form-mail-address" class="value" type="text" placeholder="<?= $dict->get("news_newsletter_mail_address") ?>" autocomplete="off" />
</div>
</div>
</div>
<div class="key-value-pair">
<div class="key">
<span class="ti ti-world"></span>
</div>
<div class="value-list">
<div id="newsletter-signup-form-language" class="value switch" data-selected="<?= $lang->get() ?>">
<?php foreach(["de", "en"] as $one_lang){ ?>
<button class="option" data-value="<?= $one_lang ?>">
<span class="text"><?= strtoupper($one_lang) ?></span>
</button>
<?php } ?>
</div>
</div>
</div>
<button id="newsletter-signup-form-submit" class="button primary">
<span class="text"><?= $dict->get("news_newsletter_subscribe") ?></span>
<span class="icon ti ti-chevron-right"></span>
</button>
</div>
<div id="newsletter-signup-form-feedback" class="form-feedback gone">
<div id="newsletter-signup-form-feedback-wait" class="form-feedback-wait centertext gone">
<span class="icon spinning ti ti-loader-2"></span>
<span class="text"><?= $dict->get("news_newsletter_feedback_wait") ?></span>
</div>
<div id="newsletter-signup-form-feedback-success" class="form-feedback-success centertext gone">
<span class="icon ti ti-check"></span>
<span class="text"><?= $dict->get("news_newsletter_feedback_success") ?></span>
</div>
<div id="newsletter-signup-form-feedback-failure" class="form-feedback-failure centertext gone">
<span class="icon ti ti-x"></span>
<span class="text"><?= $dict->get("news_newsletter_feedback_failure") ?></span>
</div>
</div>
</div>
<span class="inline"><?= $dict->get("news_newsletter_process_description") ?></span>
<span class="inline gray"><?= $dict->get("news_newsletter_note") ?></span>
</div>
</div>
<div id="social-media" class="wrapper copylink-id">
<div class="box">
<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("news_social_media_title") ?></span>
<div class="button-list">
<a href="https://www.instagram.com/sbgg.jetzt" target="_blank" class="button">
<span class="icon big ti ti-brand-instagram"></span>
<div class="text">
<span>Instagram</span>
<span class="gray">@sbgg.jetzt</span>
</div>
<span class="icon ti ti-external-link"></span>
</a>
<a href="https://lsbt.me/@sbggjetzt" target="_blank" class="button">
<span class="icon big ti ti-brand-mastodon"></span>
<div class="text">
<span>Mastodon</span>
<span class="gray">@sbggjetzt@lsbt.me</span>
</div>
<span class="icon ti ti-external-link"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="recommendations" class="wrapper copylink-id">
<div class="section">
<div class="header">
<span class="icon ti ti-comet"></span>
<span class="text"><?= $dict->get("recommendations_title") ?></span>
<button class="copylink ti ti-link"></button>
</div>
<div class="content">
<div class="card-list">
<a href="https://pstg45b.de" class="card">
<img src="<?= File::file("../sbgg.jetzt-proprietary-assets/asset/pstg45bde.png") ?>" />
<div class="text">
<span class="title"><?= $dict->get("recommendations_pstg45bde_title") ?></span>
<span class="description"><?= $dict->get("recommendations_pstg45bde_description") ?></span>
</div>
</a>
<a href="https://blahaj.academy" class="card">
<img src="<?= File::file("../sbgg.jetzt-proprietary-assets/asset/blahajacademy.png") ?>" />
<div class="text">
<span class="title"><?= $dict->get("recommendations_blahajacademy_title") ?></span>
<span class="description"><?= $dict->get("recommendations_blahajacademy_description") ?></span>
</div>
</a>
<a href="https://sbgg.info/" class="card">
<img src="<?= File::file("../sbgg.jetzt-proprietary-assets/asset/sbgginfo.jpg") ?>" class="rounded" />
<div class="text">
<span class="title"><?= $dict->get("recommendations_sbgginfo_title") ?></span>
<span class="description"><?= $dict->get("recommendations_sbgginfo_description") ?></span>
</div>
</a>
</div>
<span class="note inline gray"><?= $dict->get("recommendations_note") ?></span>
</div>
</div>
</div>
<div id="about" class="wrapper copylink-id">
<div class="section">
<div class="header">
<span class="icon ti ti-heart"></span>
<span class="text"><?= $dict->get("about_title") ?></span>
<button class="copylink ti ti-link"></button>
</div>
<div class="content">
<div class="box">
<?php
$about_text = $dict->get("about_text");
foreach($about_text as $one_about_text_line){
echo("<span>" . $one_about_text_line . "</span>");
}
?>
<div class="button-list">
<a <?= Hidden::href("mailto:mail@sb"."gg.jetzt") ?> class="button primary">
<span class="icon ti ti-mail"></span>
<span class="text"><?= $dict->get("about_button_mail") ?></span>
</a>
<a href="https://kimendisch.de" class="button">
<span class="icon ti ti-home"></span>
<span class="text"><?= $dict->get("about_button_website") ?></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
Footer::$lang_href = [
"de" => "/",
"en" => "/en",
];
require("./page/footer.php");
?>