From 1b43d51dc435329b740bc6753c63ee41c61c4b6a Mon Sep 17 00:00:00 2001 From: Stefan Keßeler Date: Tue, 10 Aug 2021 21:54:34 +0200 Subject: fix(nevoke): add basic config & design --- configs/conferences/nevoke2021/config.php | 241 ++++++++++++++++++++++++++++++ configs/conferences/nevoke2021/main.less | 81 ++++++++++ 2 files changed, 322 insertions(+) create mode 100644 configs/conferences/nevoke2021/config.php create mode 100644 configs/conferences/nevoke2021/main.less diff --git a/configs/conferences/nevoke2021/config.php b/configs/conferences/nevoke2021/config.php new file mode 100644 index 0000000..7435d3f --- /dev/null +++ b/configs/conferences/nevoke2021/config.php @@ -0,0 +1,241 @@ + strtotime("2021-08-14 15:00 CEST"), + + /** + * Der Endzeitpunkt der Konferenz als Unix-Timestamp. Befinden wir uns danach, wird eine Danke-Und-Kommen-Sie- + * Gut-Nach-Hause-Seite sowie einem Ausblick auf die kommenden Events angezeigt. + * + * Wird dieser Zeitpunkt nicht angegeben, endet die Konferenz nie. (Siehe aber CLOSED weiter unten) + */ + 'ENDS_AT' => strtotime("2021-08-15 05:00 CEST"), + + /** + * Hiermit kann die Funktionalitaet von STARTS_AT/ENDS_AT überschrieben werden. Der Wert 'before' + * simuliert, dass die Konferenz noch nicht begonnen hat. Der Wert 'after' simuliert, dass die Konferenz + * bereits beendet ist. 'running' simuliert eine laufende Konferenz. + * + * Der Boolean true ist aus Abwärtskompatibilitätsgründen äquivalent zu 'after'. False ist äquivalent + * zu 'running'. + */ + 'CLOSED' => 'running', + + /** + * Titel der Konferenz (kann Leer- und Sonderzeichen enthalten) + * Dieser im Seiten-Header, im -Tag, in der About-Seite und ggf. ab weiteren Stellen als + * Anzeigetext benutzt + */ + 'TITLE' => 'névoke 2021', + + /** + * Veranstalter + * Wird für den <meta name="author">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher + * <meta>-Tag generiert. + */ + 'AUTHOR' => 'Digitale Kultur e.V.', + + /** + * Beschreibungstext + * Wird für den <meta name="description">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher + * <meta>-Tag generiert. + */ + 'DESCRIPTION' => 'Névoke 2021', + + /** + * Schlüsselwortliste, Kommasepariert + * Wird für den <meta name="keywords">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher + * <meta>-Tag generiert. + */ + 'KEYWORDS' => 'Demoparty', + + /** + * HTML-Code für den Footer (z.B. für spezielle Attribuierung mit <a>-Tags) + * Sollte üblicherweise nur Inline-Elemente enthalten + * Wird diese Zeile auskommentiert, wird die Standard-Attribuierung für (c3voc.de) verwendet + */ + 'FOOTER_HTML' => ' + <a href="https://party.xn--nvoke-bsa.eu/start">névoke Partymeister</a> + ', + + /** + * HTML-Code für den Banner (nur auf der Startseite, direkt unter dem Header) + * wird üblicherweise für KeyVisuals oder Textmarke verwendet (vgl. Blaues + * Wischiwaschi auf http://media.ccc.de/) + * + * Dieser HTML-Block wird üblicherweise in der main.less speziell für die + * Konferenz umgestaltet. + * + * Wird diese Zeile auskommentiert, wird kein Banner ausgegeben. + */ +/* 'BANNER_HTML' => ' + <img src="../configs/conferences/pw18/logo3.png"> + ', +*/ + + /** + * Link zu den Recordings + * Wird diese Zeile auskommentiert, wird der Link nicht angezeigt + * + *'RELEASES' => 'https://media.ccc.de/c/pw18', + */ + + /** + * Um die interne ReLive-Ansicht zu aktivieren, kann hier ein ReLive-JSON + * konfiguriert werden. Üblicherweise wird diese Datei über das Script + * configs/download.sh heruntergeladen, welches von einem Cronjob + * regelmäßig getriggert wird. + * + * Wird diese Zeile auskommentiert, wird der Link nicht angezeigt + */ + #'RELIVE_JSON' => 'https://cdn.c3voc.de/relive/revision/index.json', +); + +/** + * Konfiguration der Stream-Übersicht auf der Startseite + */ +$CONFIG['OVERVIEW'] = array( + /** + * Abschnitte aud der Startseite und darunter aufgeführte Räume + * Es können beliebig neue Gruppen und Räume hinzugefügt werden + * + * Die Räume müssen in $CONFIG['ROOMS'] konfiguriert werden, + * sonst werden sie nicht angezeigt. + */ + 'GROUPS' => array( + 'Live' => array( + 'revision' + ), + 'Live + HQ (Experimental)' => array( + 'revision_passthrough' + ) + ), +); + + + +/** + * Liste der Räume (= Audio & Video Produktionen, also auch DJ-Sets oä.) + */ +$CONFIG['ROOMS'] = array( + 'revision' => array( + 'DISPLAY' => 'Revision', + 'STREAM' => 'revision', + 'PREVIEW' => true, + + 'TRANSLATION' => true, + 'SD_VIDEO' => true, + 'HD_VIDEO' => true, + 'DASH' => true, + 'AUDIO' => true, + 'SLIDES' => false, + 'MUSIC' => false, + + 'SCHEDULE' => true, + 'SCHEDULE_NAME' => 'Revision Party', + 'FEEDBACK' => false, + 'SUBTITLES' => false, + 'EMBED' => true, + 'IRC' => false, + 'TWITTER' => false, + 'TWITTER_CONFIG' => array( + 'DISPLAY' => '#revision @ twitter/mastodon', + 'TEXT' => '#revision', + ), + ), + 'revision_passthrough' => array( + 'DISPLAY' => 'revision Passthrough', + 'STREAM' => 'revision_passthrough', + 'PREVIEW' => true, + + 'TRANSLATION' => true, + 'SD_VIDEO' => true, + 'HD_VIDEO' => true, + 'H264_ONLY' => true, + 'DASH' => true, + 'AUDIO' => true, + 'SLIDES' => false, + 'MUSIC' => false, + + 'SCHEDULE' => true, + 'SCHEDULE_NAME' => 'Revision Party', + 'FEEDBACK' => false, + 'SUBTITLES' => false, + 'EMBED' => true, + 'IRC' => false, + 'TWITTER' => false, + 'TWITTER_CONFIG' => array( + 'DISPLAY' => '#revision @ twitter/mastodon', + 'TEXT' => '#revision', + ), + ), + +); + + + +/** + * Konfigurationen zum Konferenz-Fahrplan + * Wird dieser Block auskommentiert, werden alle Fahrplan-Bezogenen Features deaktiviert + */ +$CONFIG['SCHEDULE'] = array( + /** + * URL zum Fahrplan-XML + * + * Diese URL muss immer verfügbar sein, sonst könnte die Programm-Ansicht + * aufhören zu funktionieren. Üblicherweise wird diese daher Datei über + * das Script configs/download.sh heruntergeladen, welches von einem + * Cronjob regelmäßig getriggert wird. + */ + 'URL' => 'https://bats.science/revision-schedule.xml', + + /** + * Nur die angegebenen Räume aus dem Fahrplan beachten + * + * Wird diese Zeile auskommentiert, werden alle Räume angezeigt + */ + 'ROOMFILTER' => array('Revision Party'), + + /** + * Skalierung der Programm-Vorschau in Sekunden pro Pixel + */ + 'SCALE' => 6, + + /** + * Simuliere das Verhalten als wäre die Konferenz bereits heute + * + * Diese folgende Beispiel-Zeile Simuliert, dass das + * Konferenz-Datum 2016-12-29 auf den heutigen Tag 2016-02-24 verschoben ist. + */ + //'SIMULATE_OFFSET' => strtotime(/* Conference-Date */ '2018-10-23 11:00') - strtotime(/* Today */ date('Y-m-d')), + //'SIMULATE_OFFSET' => 0, +); + + +/** + * Globaler Schalter für die Embedding-Funktionalitäten + * + * Wird diese Zeile auskommentiert oder auf False gesetzt, werden alle + * Embedding-Funktionen deaktiviert. + */ +$CONFIG['EMBED'] = true; + +/** + * Globale Konfiguration der Twitter-Links. + * + * Wird dieser Block auskommentiert, werden keine Twitter-Links mehr erzeugt. Sollen die + * Twitter-Links für jeden Raum einzeln konfiguriert werden, muss dieser Block trotzdem + * existieren sein. ggf. einfach auf true setzen: + * + * $CONFIG['TWITTER'] = true + */ +$CONFIG['TWITTER'] = false; + +return $CONFIG; diff --git a/configs/conferences/nevoke2021/main.less b/configs/conferences/nevoke2021/main.less new file mode 100644 index 0000000..8e3ccf7 --- /dev/null +++ b/configs/conferences/nevoke2021/main.less @@ -0,0 +1,81 @@ +@import "../../../assets/css/_structure.less"; +@import "https://use.typekit.net/bow8ixn.css"; + +@brand-primary: #fff; +@text-color: #fff; +@background: #00082f; + +@link-color: @brand-primary; +@panel-bg: @background; +@well-bg: @panel-bg; + +@panel-default-border: #000000; +@panel-primary-border: #000000; + +@navbar-default-color: #fe3800; +@navbar-default-bg: @background; +@navbar-default-link-color: #fe3800; +@navbar-default-link-hover-color: #fe3800; + +@footer-default-color: @text-color; +@footer-default-bg: @background; +@footer-default-link-color: @text-color; +@footer-default-link-hover-color: @text-color; + +// darker nav tabs: + +@nav-link-hover-bg: #43a5ff; // nav-tabs-link-hover-bg gibts nicht... :/ +@nav-tabs-active-link-hover-bg: @background; +@nav-tabs-active-link-hover-color: @brand-primary; + +@custom-nav-border-color: #404663; +@nav-tabs-link-hover-border-color: #888; // slightly darker border + +@nav-tabs-border-color: @custom-nav-border-color; +@nav-tabs-active-link-hover-border-color: @custom-nav-border-color; +@nav-tabs-justified-link-border-color: @custom-nav-border-color; +@nav-tabs-justified-active-link-border-color: @custom-nav-border-color; + +body { + font-family: ff-tisa-web-pro, serif; + font-weight: 400; + line-height:1.5 +} + +body.room { + .tab-content { + border-left: .0625rem solid @custom-nav-border-color; + border-bottom: .0625rem solid @custom-nav-border-color; + border-right: .0625rem solid @custom-nav-border-color; + } +} + +// end darker nav tabs + + +body { + h1 { + color: @brand-primary; + } +} + +.banner { + text-align: center; + color: @brand-primary; +} + +body { + background-color: @background; +} + +img.c4logo { + width: 200px; + position: absolute; + top: 70px; + right: 20px; + z-index: -100; +} + +.panel-default > .panel-heading { + background-color: #ffd600; +} -- cgit v1.2.3