xoy
/
ctdo.de
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Einbindung aller Unterseiten, Einbindung vom Raumstatus

This commit is contained in:
xoy 2023-04-17 16:45:44 +02:00
parent c48917ff1c
commit aa2a53fad2
24 changed files with 127 additions and 365 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
README.MD
View File

@ -10,15 +10,16 @@
| Name | Pfad |
| --------------- | ----------- |
| Eigene Elemente | /elements/ |
| Templates | /templates/ |
| Seiten | /pages/ |
| Events | /events/ |
| Bilder | /images/ |
| CSS | /styles/ |
| CSS | /css/ |
| PHP Scripts | /php/ |
## Erstellen neuer Events
Datei im Elementverzeichnis Anlegen: *YYYY-MM-DD.html*
Datei im Eventverzeichnis Anlegen: *YYYY-MM-DD.html*
```
title: Event Titel

0
css/dashboard.css
View File

0
css/elements_custom.css
View File

0
css/events_custom.css
View File

79
index.php
View File

@ -1,30 +1,92 @@
<?php
require __DIR__ . '/vendor/autoload.php';
require __DIR__ . '/php/util.php';
use Twig\Environment;
use Twig\Loader\FilesystemLoader;
$util = new Util();
$pageloader = new FilesystemLoader(__DIR__ . '/pages');
$templateloader = new FilesystemLoader(__DIR__ . '/templates');
$twig_pages = new Environment($pageloader);
$twig_templates = new Environment($templateloader);
$title = '';
$content = '';
$csspath = '';
$head = '';
$topictreff = $twig_templates->render('topictreff.html.twig');
$nextevents = $twig_templates->render('nextevents.html.twig');
$raumstatus = 'unbekannt';
$raumstatus_b = $util->raumstatus();
$raumstatus = '<b>unbekannt</b>';
if(gettype($raumstatus_b) == "boolean") {
if($raumstatus_b)
$raumstatus = '<b class="green-text">offen</b>';
else
$raumstatus = '<b class="red-text">geschlossen</b>';
}
if(isset($_GET['page'])) {
$page = $_GET['page'];
$title = $page;
switch ($page) {
case 'index':
$title = 'index';
$content = $twig_pages->render('index.html.twig', ['raumstatus' => 'unbekannt']);
$content = $twig_pages->render('index.html.twig');
$head = $util->css_link('css/main.css').$util->css_link('css/home.css').$util->css_link('css/events.css');
break;
case 'about':
$content = $twig_pages->render('about.html.twig');
$head = $util->css_link('css/main.css').$util->css_link('css/about.css');
break;
case 'treff':
$content = $twig_pages->render('treff.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'events':
$content = $twig_pages->render('events.html.twig');
$head = $util->css_link('css/main.css').$util->css_link('css/events.css');
break;
case 'kontakt':
$content = $twig_pages->render('kontakt.html.twig');
$head = $util->css_link('css/main.css').$util->css_link('css/kontakt.css');
break;
case 'adresse':
$content = $twig_pages->render('kontakt/adresse.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'irc':
$content = $twig_pages->render('kontakt/irc.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'mail':
$content = $twig_pages->render('kontakt/mail.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'tel':
$content = $twig_pages->render('kontakt/tel.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'support':
$content = $twig_pages->render('support.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'verein':
$content = $twig_pages->render('verein.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'impressum':
$content = $twig_pages->render('impressum.html.twig');
$head = $util->css_link('css/main.css');
break;
case 'datenschutz':
$content = $twig_pages->render('datenschutz.html.twig');
$head = $util->css_link('css/main.css');
break;
default:
$content = $twig_pages->render('404.html.twig', ['page' => $_GET['page']]);
@ -32,13 +94,8 @@ if(isset($_GET['page'])) {
}
} else {
$title = 'index';
$content = $twig_pages->render('index.html.twig', ['raumstatus' => 'unbekannt']);
$content = $twig_pages->render('index.html.twig');
}
$twig_templates->render('top.html.twig', ['title' => $title, 'csspath' => $csspath]);
echo $content;
$twig_templates->render('bottom.html.twig');
echo $twig_templates->render('html5struct.html.twig', ['title' => $title, 'head' => $head, 'raumstatus' => $raumstatus, 'main' => $content]);
?>

BIN
pages/.DS_Store vendored Normal file
View File

Binary file not shown.

29
pages/about.html.twig
View File

@ -1,22 +1,3 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - über uns</title>
<link rel="stylesheet" href="/styles/main.css">
</head>
<body>
<div class="newBanner">
Rundgang
</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
!RAUMSTATUS
<h1>Wer wir sind</h1>
@ -47,12 +28,4 @@
<p>
¹ <a href="https://en.wikipedia.org/wiki/ISO_8601">https://en.wikipedia.org/wiki/ISO_8601</a>
² Dies ist eine witzige Bemerkung ein s.g. “Running Gag” und ist als sarkastische Bemerkung zu verstehen!
</p>
</main>
<footer>
<nav>
</nav>
</footer>
</body>
</html>
</p>

25
pages/datenschutz.html.twig
View File

File diff suppressed because one or more lines are too long

25
pages/event.html.twig
View File

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - events</title>
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/event.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
!EVENTCONTENT
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>

26
pages/events.html.twig
View File

@ -1,29 +1,5 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - events</title>
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/events.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
!RAUMSTATUS
<h1>Events</h1>
!TOPICTREFF
!EVENTS
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
!EVENTS

27
pages/impressum.html.twig
View File

@ -1,22 +1,3 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - impressum</title>
<link rel="stylesheet" href="/styles/main.css">
</head>
<body>
<div class="newBanner">
Rundgang
</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<h2>Impressum</h2>
<h3>Postanschrift</h3>
<p>
@ -46,10 +27,4 @@
<p>Unser Logo für die Verarbeitung in redaktionellen Inhalten und sonstigen Presse-Erzeugnissen findet Ihr <a href="https://www.chaostreff-dortmund.de/presse/logo">hier</a></p>
<h3>Flyer</h3>
<p>Unseren Aktuellen Fyler als PDF gibt es <a href="https://www.chaostreff-dortmund.de/presse/flyer/">hier</a></p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
<p>Unseren Aktuellen Fyler als PDF gibt es <a href="https://www.chaostreff-dortmund.de/presse/flyer/">hier</a></p>

11
pages/index.html.twig
View File

@ -1,13 +1,4 @@
<div class="rundgang">
<a href="https://www.chaostreff-dortmund.de/rundgang/" target="_blank" class="imgLink">
<div>
<img src="/images/header.jpg" alt="Raum 2 mit gemütlichen Sofas">
<h2>Rundgang</h2>
</div>
</a>
</div>
<p>Raumstatus: {{ raumstatus }}</p>
<img src="/images/header.jpg" alt="Raum 2 mit gemütlichen Sofas">
<h2>Hi</h2>
<p>

34
pages/kontakt.html.twig
View File

@ -1,37 +1,13 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - home</title>
<link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/styles/kontakt.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<a href="/kontakt/irc">
<a href="?page=irc">
<img src="/images/chat_knopf.webp" alt="irc">
</a>
<a href="/kontakt/mail">
<a href="?page=mail">
<img src="/images/mail_knopf.webp" alt="email">
</a>
<br>
<a href="/kontakt/tel">
<a href="?page=tel">
<img src="/images/tel_knopf.webp" alt="tel">
</a>
<a href="/kontakt/adresse">
<a href="?page=adresse">
<img src="/images/adresse_knopf.webp" alt="adresse">
</a>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
</a>

26
pages/kontakt/adresse.html.twig
View File

@ -1,20 +1,4 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - adresse</title>
<link rel="stylesheet" href="/style/main.css">
</head>
<body>
!NEWBANNER
<header>
<img src="/image/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<a href="/kontakt">Zurück</a>
<a href="?page=kontakt">Zurück</a>
<h2>Adresse</h2>
<p>
@ -24,10 +8,4 @@
Deutschland
</p>
<iframe scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=7.463200986385346%2C51.52693021432671%2C7.4667415022850046%2C51.52841869497588&amp;layer=mapnik&amp;marker=51.52767446073405%2C7.464971244335175" frameborder="0" class="osm"></iframe>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
<iframe scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=7.463200986385346%2C51.52693021432671%2C7.4667415022850046%2C51.52841869497588&amp;layer=mapnik&amp;marker=51.52767446073405%2C7.464971244335175" frameborder="0" class="osm"></iframe>

26
pages/kontakt/irc.html.twig
View File

@ -1,20 +1,4 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - irc</title>
<link rel="stylesheet" href="/style/main.css">
</head>
<body>
!NEWBANNER
<header>
<img src="/image/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<a href="/kontakt">Zurück</a>
<a href="?page=kontakt">Zurück</a>
<h2>IRC</h2>
<p>
@ -47,10 +31,4 @@
Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest. Gib dort #ccc.do ein und drücke ok.<br>
<br>
\o/ du kannst uns jetzt Nachrichten schreiben.
</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
</p>

26
pages/kontakt/mail.html.twig
View File

@ -1,20 +1,4 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - email</title>
<link rel="stylesheet" href="/style/main.css">
</head>
<body>
!NEWBANNER
<header>
<img src="/image/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<a href="/kontakt">Zurück</a>
<a href="?page=kontakt">Zurück</a>
<h2>eMail</h2>
<p>
@ -52,10 +36,4 @@
<p>Zur Zeit: tarja, fisch und claas</p>
<h4>Ich habe technische Probleme</h4>
<p>Bei technischen Problemen (subscription passt nicht) kann dem Listen-Owner geschrieben werden. Diese/r wird versuchen, dich innerhalb ihrer/seiner Möglichkeiten, nach bestem Wissen und Gewissen, zu unterstützen.</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
<p>Bei technischen Problemen (subscription passt nicht) kann dem Listen-Owner geschrieben werden. Diese/r wird versuchen, dich innerhalb ihrer/seiner Möglichkeiten, nach bestem Wissen und Gewissen, zu unterstützen.</p>

26
pages/kontakt/tel.html.twig
View File

@ -1,26 +1,4 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - telefon</title>
<link rel="stylesheet" href="/style/main.css">
</head>
<body>
!NEWBANNER
<header>
<img src="/image/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<a href="/kontakt">Zurück</a>
<a href="?page=kontakt">Zurück</a>
<h2>Telefon</h2>
<p>Wenn du eher auf Voice-Communication stehst (oder einfach wissen willst, ob jemand im Raum ist), kannst du uns auch anrufen: Es klingelt im Raum, wenn man <a href="tel:+492318404777">+49 (0)231 8 404 777</a> wählt.</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
<p>Wenn du eher auf Voice-Communication stehst (oder einfach wissen willst, ob jemand im Raum ist), kannst du uns auch anrufen: Es klingelt im Raum, wenn man <a href="tel:+492318404777">+49 (0)231 8 404 777</a> wählt.</p>

25
pages/support.html.twig
View File

@ -1,20 +1,3 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - unterstützung</title>
<link rel="stylesheet" href="/styles/main.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<h2>Spenden</h2>
<p>Der Chaostreff Dortmund finanziert sich vollkommen aus sich selbst: Das bedeutet aus dem Portemonnaie seiner Mitglieder und oder derer, die den Treff für sinnvoll halten.</p>
@ -30,10 +13,4 @@
Der Chaostreff Dortmund ist vom Finanzamt als gemeinnützig anerkannt und deshalb dürfen wir Spendenbescheinigungen ausstellen.
<br>
<b>Der Chaostreff sagt in jedem Fall schon mal Danke!</b>
</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
</p>

25
pages/treff.html.twig
View File

@ -1,20 +1,3 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - zeiten & location</title>
<link rel="stylesheet" href="/styles/main.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
!RAUMSTATUS
<h1>Zeiten</h1>
@ -36,10 +19,4 @@
Einmal im Monat halten Leute im Chaostreff Vorträge über verschiedene Themen technischer und auch nichttechnischer Natur. Informationen darüber findest du unter Events.<br>
<br>
Jeden ersten Donnerstag und jeden dritten Dienstag im Monat treffen wir uns zum „Topic Treff“ um verschiedene Themen rund um den Chaostreff zu besprechen. Alle sind herzlich eingeladen, Start ist um 20:00 Uhr.
</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
</p>

25
pages/verein.html.twig
View File

@ -1,20 +1,3 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - verein</title>
<link rel="stylesheet" href="/styles/main.css">
</head>
<body>
<div class="newBanner">Rundgang</div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
!NAV
</header>
<main>
<h2>Mitglied werden</h2>
<p>
Durch deine Mitgliedschaft kannst du dem CTDO direkt deine Unterstützung zukommen lassen. Wenn du uns zu deiner Mitgliedschaft einen freiwilligen Betrag spendest, wird dieser für neue Projekte und die Umsetzung von tollen Ideen verwendet.<br>
@ -49,10 +32,4 @@
Doch durch Umzüge von einigen Gründungsmitgliedern verzögerte sich die Eintragung weiterhin, da noch Unterschriften (u.a. aus dem Ausland) von eben diesen Mitgliedern organisiert werden mussten.<br>
<br>
Schließlich haben wir es aber geschafft: 2012-02-09 kann als Datum gesehen werden, ab dem sich der Chaostreff Dortmund als eingetragener Verein bezeichnen darf. Einen weiteren Meilenstein erreichten wir etwas später: Das Finanzamt stellte uns die Anerkennung der Gemeinnützigkeit in Aussicht, zu der es noch einer Änderung in der Satzung bedurfte.
</p>
</main>
<footer>
!FOOTERNAV
</footer>
</body>
</html>
</p>

15
php/util.php Normal file
View File

@ -0,0 +1,15 @@
<?php
class Util {
function css_link($src) {
return '<link rel="stylesheet" href="'.$src.'">';
}
function raumstatus() {
$url = 'https://status.ctdo.de/api/simple/v2';
$data = json_decode(file_get_contents($url), true);
return $data['state'];
}
}
?>

12
templates/bottom.html.twig
View File

@ -1,12 +0,0 @@
</main>
<footer>
<nav>
<ul>
<li> <a href="/?page=impressum">impressum</a> </li>
<li> <a href="/?page=datenschutz">datenschutz</a> </li>
</ul>
</nav>
</footer>
</body>
</html>

23
templates/top.html.twig → templates/html5struct.html.twig
View File

@ -6,12 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ctdo - {{ title }}</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="{{ csspath }}">
{{ head | raw }}
</head>
<body>
<div class="newBanner">Rundgang</div>
<div class="newBanner"><a href="https://www.chaostreff-dortmund.de/rundgang/" target="_blank">Rundgang</a></div>
<header>
<img src="/images/logo_ctdo.svg" alt="ctdo logo">
@ -29,3 +28,19 @@
</header>
<main>
<p>Raumstatus: {{ raumstatus | raw }}</p>
{{ main | raw }}
</main>
<footer>
<nav>
<ul>
<li> <a href="/?page=impressum">impressum</a> </li>
<li> <a href="/?page=datenschutz">datenschutz</a> </li>
</ul>
</nav>
</footer>
</body>
</html>

BIN
vendor/.DS_Store vendored
View File

Binary file not shown.