🎉 initial codebase
This commit is contained in:
parent
9972e535b9
commit
a293312d48
|
|
@ -0,0 +1,8 @@
|
|||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
insert_final_newline = true
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
meta.local.php
|
||||
init.local.php
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2024 Kim Endisch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -1,3 +1,9 @@
|
|||
# gulaschtuve.de
|
||||
Source code for gulaschtuve.de
|
||||
|
||||
|
||||
|
||||
## Attribution / Credits
|
||||
- Tabler Icons (MIT): https://github.com/tabler/tabler-icons
|
||||
- Ubuntu font (Ubuntu font licence 1.0): https://design.ubuntu.com/font
|
||||
- Heading Banner Image (Pixabay Content License): https://pixabay.com/photos/goulash-beef-beef-goulash-specialty-3502510
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 579 KiB |
|
|
@ -0,0 +1,24 @@
|
|||
<?php
|
||||
// VERSION //
|
||||
static::$version = "1.0.0";
|
||||
|
||||
|
||||
// DEPENDENCIES //
|
||||
// used extensions
|
||||
static::$ext[] = "page";
|
||||
static::$ext[] = "file";
|
||||
static::$ext[] = "hidden";
|
||||
static::$ext[] = "project";
|
||||
|
||||
|
||||
// ROUTES //
|
||||
// redirect to main domain
|
||||
static::$route["www.gulaschtuve.de"] = [
|
||||
["path" => "**", "target" => "page/redirect"]
|
||||
];
|
||||
|
||||
// pages
|
||||
static::$route["gulaschtuve.de"] = [
|
||||
["path" => "", "target" => "page/start"]
|
||||
];
|
||||
?>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?php
|
||||
// REDIRECT TO MAIN DOMAIN //
|
||||
// status code
|
||||
header("HTTP/1.1 301 Moved Permanently");
|
||||
|
||||
// location
|
||||
header("Location: https://gulaschtuve.de");
|
||||
?>
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<?php
|
||||
declare(strict_types = 1);
|
||||
namespace Kimendisch\Gulaschtuve_De;
|
||||
|
||||
use Flake\Page;
|
||||
use Flake\Hidden;
|
||||
use Flake\File;
|
||||
use Flake\Project;
|
||||
|
||||
// PAGE INIT //
|
||||
Page::start();
|
||||
Page::title("GulaschTuve.de");
|
||||
|
||||
Page::lang("de");
|
||||
Page::viewport(scale: 1, zoom: true);
|
||||
|
||||
Page::robots(index: true, follow: true);
|
||||
Page::author("Kim Endisch");
|
||||
|
||||
Page::$head["analytics"] = '<script defer data-domain="gulaschtuve.de" src="https://analytics.tjdev.de/js/script.js"></script>';
|
||||
|
||||
Page::css(__DIR__ . "/style.css");
|
||||
Page::font("ubuntu");
|
||||
Page::font("tabler");
|
||||
?>
|
||||
|
||||
<div class="page">
|
||||
<div class="heading" style="--img: url('<?= File::file('./asset/banner.jpg') ?>');">
|
||||
<span class="title">GulaschTuve<span class="tld inline">.de</span></span>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="section about">
|
||||
<div class="header">
|
||||
<span class="icon ti ti-tools-kitchen-2"></span>
|
||||
<span class="text">Über GulaschTuve</span>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span>Willkommen bei <b>GulaschTuve</b>, dem queeren Kochclub, der die Welt des Kochens auf den Kopf stellt! Wir sind eine bunte und vielfältige Gemeinschaft von Kochbegeisterten, die sich leidenschaftlich für die Kunst des Kochens engagieren. Bei uns geht es nicht nur um das Zubereiten von köstlichen Gerichten, sondern auch um das Feiern der Vielfalt in der Küche und darüber hinaus.</span>
|
||||
<span>Bei GulaschTuve schaffen wir einen Raum, in dem sich Menschen jeglicher Identität willkommen fühlen und gemeinsam kochen, teilen und genießen können. Unser Ziel ist es, durch Essen Verbindungen zu schaffen, Vorurteile abzubauen und Gemeinschaft zu fördern.</span>
|
||||
<span>Egal, ob du bereits Erfahrung beim Kochen hast oder gerade erst anfängst, bei GulaschTuve findest du eine unterstützende und inspirierende Umgebung, um deine kulinarischen Fähigkeiten zu erweitern und neue Geschmackserlebnisse zu entdecken.</span>
|
||||
<span>Komm vorbei und sei Teil unserer queeren Kochfamilie bei GulaschTuve – wo jeder Bissen eine Geschichte erzählt und jeder Geschmack eine Reise ist!</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section about">
|
||||
<div class="header">
|
||||
<span class="icon ti ti-friends"></span>
|
||||
<span class="text">Unser Monatliches Treffen</span>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span>Jeden zweiten Samstag im Monat treffen wir uns zum gemeinsamen Kochen! Seid dabei, um neue Rezepte auszuprobieren und die Freude am Kochen zu teilen. Ort und Uhrzeit wie immer.</span>
|
||||
<span>Wir freuen uns auf euch!</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section about">
|
||||
<div class="header">
|
||||
<span class="icon ti ti-plant"></span>
|
||||
<span class="text">Das Team</span>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span>Unser Kochclub wird von einem leidenschaftlichen Trio geleitet: <b>Stella, Moss und Kim</b>. Jedes Mitglied unseres Teams bringt einzigartige kulinarische Perspektiven und Fachkenntnisse mit, um unsere gemeinsame Leidenschaft für das Kochen zu fördern und zu teilen.</span>
|
||||
<span>Stella ist bekannt für ihre kreativen Rezeptideen und ihre Liebe zur Fusion verschiedener Küchenstile. Moss bringt eine Fülle von Fachwissen über traditionelle Kochtechniken und lokale Zutaten mit, die unsere Gerichte zu kulinarischen Meisterwerken machen. Kim ist unsere Expertin für vegetarische und vegane Küche und bringt eine besondere Leidenschaft für nachhaltiges Kochen mit.</span>
|
||||
<span>Gemeinsam bilden wir ein engagiertes Team, das sich darauf freut, mit Ihnen unsere Kochabenteuer zu teilen und die Freude am Kochen zu verbreiten. Wir laden Sie ein, uns auf unserer kulinarischen Reise zu begleiten und Teil der GulaschTuve-Familie zu werden!</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="brand">
|
||||
<span><?= ucwords(str_replace("-", " ", Project::name())) ?></span>
|
||||
<a href="https://git.tjdev.de/kimendisch/gulaschtuve.de" class="text" target="_blank">Quellcode <i class="ti ti-external-link"></i></a>
|
||||
<span class="version">v<?= Project::version() ?></span>
|
||||
</div>
|
||||
|
||||
<div class="legal">
|
||||
<span>© 2024 Kim <span class="inline">End</span>isch</span>
|
||||
<span class="delimiter">|</span>
|
||||
<a href="https://www.tjdev.de/impressum" class="text" target="_blank">Impressum <i class="ti ti-external-link"></i></a>
|
||||
<span class="delimiter">|</span>
|
||||
<a href="https://www.tjdev.de/datenschutz" class="text" target="_blank">Datenschutz­erklärung <i class="ti ti-external-link"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,197 @@
|
|||
:root {
|
||||
--color-void: #181818;
|
||||
--color-bg: #282828;
|
||||
--color-bg-light: #383838;
|
||||
|
||||
--color-orange: #e67300;
|
||||
--color-orange-dark: #994d00;
|
||||
|
||||
--color-white: #fff;
|
||||
--color-gray: #aaa;
|
||||
--color-gray-dark: #666;
|
||||
|
||||
--theme: var(--color-orange);
|
||||
--theme-dark: var(--color-orange-dark);
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
body {
|
||||
flex-grow: 1;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
|
||||
width: 100%;
|
||||
|
||||
padding: 8rem 2rem;
|
||||
|
||||
font-size: 0;
|
||||
font-family: "Ubuntu", sans-serif;
|
||||
background-color: var(--color-void);
|
||||
}
|
||||
|
||||
span, .text {
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
.colored {
|
||||
color: var(--theme);
|
||||
}
|
||||
.gray {
|
||||
color: var(--color-gray);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.page {
|
||||
position: relative;
|
||||
width: 50vw;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
text-align: center;
|
||||
|
||||
background-color: var(--color-bg);
|
||||
}
|
||||
|
||||
.heading {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
|
||||
height: 12rem;
|
||||
z-index: 1;
|
||||
}
|
||||
.heading::before {
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--color-gray);
|
||||
background-image: var(--img);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
filter: brightness(0.4) saturate(50%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.heading .title {
|
||||
font-size: 4rem;
|
||||
}
|
||||
.heading .title .tld {
|
||||
font-size: 2rem;
|
||||
color: var(--color-gray);
|
||||
}
|
||||
|
||||
.page-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* SECTIONS */
|
||||
.section {
|
||||
width: 100%;
|
||||
padding: 2rem;
|
||||
|
||||
background-color: var(--color-bg-light);
|
||||
}
|
||||
|
||||
.section > .header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0.5rem;
|
||||
|
||||
padding-bottom: 0.1rem;
|
||||
|
||||
color: var(--theme);
|
||||
border-bottom: 0.15rem solid var(--theme);
|
||||
}
|
||||
.section > .header .extra {
|
||||
color: var(--color-gray);
|
||||
}
|
||||
|
||||
.section > .content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
|
||||
padding: 2rem 2rem 0 2rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
width: 50vw;
|
||||
|
||||
color: var(--color-gray);
|
||||
}
|
||||
|
||||
.footer > * {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: var(--theme-dark);
|
||||
}
|
||||
.footer a:hover {
|
||||
color: var(--theme);
|
||||
}
|
||||
|
||||
.footer .version, .footer .delimiter {
|
||||
color: var(--color-gray-dark);
|
||||
}
|
||||
Reference in New Issue