add divoc ptt design

This commit is contained in:
flirn 2020-09-03 15:01:05 +02:00
parent 452be64f12
commit adc624cdd1
9 changed files with 556 additions and 0 deletions

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 595.28 595.28"><defs><style>.a{fill:#1a1a1b;}.b{fill:#979694;}.c{fill:#1d8097;}</style></defs><path class="a" d="M515.59,413.05a10.34,10.34,0,0,0-2.4-6.18,10.76,10.76,0,0,0-6.18-3c-44.52.2-89,.2-133.54.4a74.72,74.72,0,0,0-15.77-17.76c-31.54-25.75-84.83-25.55-116.37,0a80.53,80.53,0,0,0-16,17.56h0c-45.91,0-92,.2-137.93.2a9.07,9.07,0,0,0-7.78,9.78V521.24c0,.4-.8,8.38,5.59,13.38a15.42,15.42,0,0,0,12.17,2.59Q299.52,536,501.62,535a17.13,17.13,0,0,0,10.18-5.58,18,18,0,0,0,4-10C515.59,484.11,515.59,448.58,515.59,413.05Z"/><path class="b" d="M514.19,313.65c-1.19-6.79-4.39-9-10.58-8.58a29.7,29.7,0,0,1-15.17-3.6,24.48,24.48,0,0,1-4-2.79c-6-4.79-12-26.15-14.57-55.29-60.68.8-163.88.6-175.46.6,0,0-100.8,2.59-167.67,1a114.53,114.53,0,0,1-1.59,13c-5.59,34.13-6,37.92-10.38,41.12a37.14,37.14,0,0,1-13.58,5.79c-8.18,1.59-10.58,2-10.58,2-6.18.2-7.58,3.6-7.58,9-.4,25-1.8,49.91-1.8,74.86a72.45,72.45,0,0,0,.4,7.58c.4,3.2.8,6,1.2,7.79a9.93,9.93,0,0,1,4.39-1.8c45.91,0,92-.2,137.93-.2h0a81.06,81.06,0,0,1,16-17.56c31.74-25.55,85-25.75,116.37,0a74.72,74.72,0,0,1,15.77,17.76c44.51-.2,89-.2,133.54-.4a8.61,8.61,0,0,1,6.19,3c.19.4.59.59.79,1a49.64,49.64,0,0,0,1-5.78,40.58,40.58,0,0,0,.4-8.39s.4-21.56-.2-49.5C515,334.21,516,324,514.19,313.65Z"/><path class="c" d="M520.58,238.2c3.39-4,2.4-10,2-12-11.58-68.66-69.47-115-69.47-115-63.47-50.9-136.53-53.7-160.68-53.5-22.56.2-96,1.6-156.69,53.5,0,0-61.88,52.69-63.48,119.76a11.8,11.8,0,0,0,2.2,7.79c2.59,3,6.58,3.59,8,3.79,48.31,6,212,1.6,212,1.6,15.57,0,200.61.39,218-2C513.79,242,518,241.39,520.58,238.2Z"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 143 KiB

View file

@ -0,0 +1,356 @@
<?php
$CONFIG['CONFERENCE'] = array(
/**
* Der Startzeitpunkt der Konferenz als Unix-Timestamp. Befinden wir uns davor, wird die Closed-Seite
* mit einem Text der Art "hat noch nicht angefangen" angezeigt.
*
* Wird dieser Zeitpunkt nicht angegeben, gilt die Konferenz immer als angefangen. (Siehe aber ENDS_AT
* und CLOSED weiter unten)
*/
'STARTS_AT' => strtotime("2010-04-06 15:30"),
/**
* 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-04-13 4:00"),
/**
* 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' => 'after',
/**
* Titel der Konferenz (kann Leer- und Sonderzeichen enthalten)
* Dieser im Seiten-Header, im <title>-Tag, in der About-Seite und ggf. ab weiteren Stellen als
* Anzeigetext benutzt
*/
'TITLE' => 'Digital verteiltes Online-Chaos',
/**
* Veranstalter
* Wird für den <meta name="author">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher
* <meta>-Tag generiert.
*/
'AUTHOR' => 'CCC',
/**
* Beschreibungstext
* Wird für den <meta name="description">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher
* <meta>-Tag generiert.
*/
'DESCRIPTION' => 'Livestream des Digital verteilten Online-Chaos',
/**
* Schlüsselwortliste, Kommasepariert
* Wird für den <meta name="keywords">-Tag verdet. Wird diese Zeile auskommentiert, wird kein solcher
* <meta>-Tag generiert.
*/
'KEYWORDS' => 'DIVOC, Hacking, Chaos Computer Club, Video, Music, Podcast, Media, Streaming, Hacker, Everywhere, Hidden Service',
/**
* 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' => '
by <a href="https://ccc.de">Chaos Computer Club e.V</a>,
<a href="https://www.isystems.at/">iSystems</a>,
<a href="https://fem.tu-ilmenau.de/">FeM</a>,
<a href="https://www.ags.tu-bs.de/">ags</a> &
<a href="https://c3voc.de">C3VOC</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/fiffkon16/logo.png" class="FIfFKon">', **/
'BANNER_HTML' => '<div class="congress"></div><div class="congress-motto"></div>',
/**
* Link zu den Recordings
* Wird diese Zeile auskommentiert, wird der Link nicht angezeigt
*/
'RELEASES' => 'https://media.ccc.de/c/divoc',
/**
* Link zu einer (externen) ReLive-Übersichts-Seite
* Wird diese Zeile auskommentiert, wird der Link nicht angezeigt
*/
//'RELIVE' => 'http://vod.c3voc.de/',
/**
* Alternativ kann ein ReLive-Json konfiguriert werden, um die interne
* ReLive-Ansicht zu aktivieren.
*
* Wird beides aktiviert, hat der externe Link Vorrang!
* Wird beides auskommentiert, wird der Link nicht angezeigt
*/
'RELIVE_JSON' => 'https://live.ber.c3voc.de/relive/36c3/index.json'
/**
* APCU-Cache-Zeit in Sekunden
* Wird diese Zeile auskommentiert, werden die apc_*-Methoden nicht verwendet und
* das Relive-Json bei jedem Request von der Quelle geladen und geparst
*/
//'RELIVE_JSON_CACHE' => 30*60,
);
/**
* 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(
'halla',
),
),
);
/**
* Liste der Räume (= Audio & Video Produktionen, also auch DJ-Sets .)
*/
$CONFIG['ROOMS'] = array(
/**
* Array-Key ist der Raum-Slug, der z.B. auch zum erstellen der URLs,
* in $CONFIG['OVERVIEW'] oder im Feedback verwendet wird.
*/
'halla' => array(
'DISPLAY' => 'Ada',
'WIDE' => true,
'STREAM' => 's1',
'PREVIEW' => true,
'TRANSLATION' => [
['endpoint' => 'translated', 'label' => 'Translated1'],
['endpoint' => 'translated-2', 'label' => 'Translated2']
],
'STEREO' => false,
'SD_VIDEO' => true,
'HD_VIDEO' => true,
'SLIDES' => true,
'DASH' => true,
'AUDIO' => true,
'MUSIC' => false,
'SCHEDULE' => true,
'SCHEDULE_NAME' => 'Ada',
'FEEDBACK' => true,
'SUBTITLES' => false,
'SUBTITLES_ROOM_ID' => 1,
'EMBED' => true,
'IRC' => true,
'IRC_CONFIG' => array(
'DISPLAY' => '#36C3-hall-a @ hackint',
'URL' => 'https://webirc.hackint.org/#irc://irc.hackint.org/#36C3-hall-a',
),
'TWITTER' => true,
'TWITTER_CONFIG' => array(
'DISPLAY' => '#Ada @ twitter',
'TEXT' => '#36C3 #Ada',
),
),
);
/**
* 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önnen kann die Programm-Ansicht
* aufhören zu funktionieren. Wenn die Quelle unverlässlich ist ;) sollte ein
* externer HTTP-Cache vorgeschaltet werden.
*/
'URL' => 'https://gist.githubusercontent.com/stblassitude/362a118b0941e2cf3f88f69342dc59ab/raw/ce5e73898c63aa91ea894fe949d0a440b4a999bc/divoc-schedule.xml',
/**
* Nur die angegebenen Räume aus dem Fahrplan beachten
*
* Wird diese Zeile auskommentiert, werden alle Räume angezeigt
*/
'ROOMFILTER' => array('Ada', 'Borg', 'Clarke', 'Dijkstra', 'Eliza',
'WikiPaka WG: Esszimmer', 'Chaos-West Bühne', 'OIO Stage', 'DLF- und Podcast-Bühne'),
/**
* Skalierung der Programm-Vorschau in Sekunden pro Pixel
*/
'SCALE' => 7,
/**
* Simuliere das Verhalten als wäre die Konferenz bereits heute
*
* Diese folgende Beispiel-Zeile Simuliert, dass das
* Konferenz-Datum 2014-12-29 auf den heutigen Tag 2015-02-24 verschoben ist.
*/
//'SIMULATE_OFFSET' => strtotime(/* Conference-Date */ '2016-05-21') - strtotime(/* Today */ '2016-05-19'),
//'SIMULATE_OFFSET' => 0,
);
/**
* Konfiguration des Feedback-Formulars
*
* Wird dieser Block auskommentiert, wird das gesamte Feedback-System deaktiviert
*/
$CONFIG['FEEDBACK'] = array(
/**
* DSN zum abspeichern der eingegebenen Daten
* die Datenbank muss eine Tabelle enthaltem, die dem in `lib/schema.sql` angegebenen
* Schema entspricht.
*
* Achtung vor Dateirechten: Bei SQLite reicht es nicht, wenn wer Webseiten-Benutzer
* die .sqlite3-Datei schreiben darf, er muss auch im übergeordneten Order neue
* (Lock-)Dateien anlegen dürfen
*/
'DSN' => 'sqlite:/opt/streaming-feedback/feedback.sqlite3',
/**
* Login-Daten für die /feedback/read/-Seite, auf der eingegangenes
* Feedback gelesen werden kann.
*
* Durch auskommentieren der beiden Optionen wird diese Seite komplett deaktiviert,
* es kann dann nur noch durch manuelle Inspektion der .sqlite3-Datei auf das Feedback
* zugegriffen werden.
*/
'USERNAME' => 'katze',
'PASSWORD' => trim(@file_get_contents('/opt/streaming-feedback/feedback-password')),
);
/**
* Globaler Schalter für die Embedding-Funktionalitäten
*
* Wird diese Zeile auskommentiert oder auf False gesetzt, werden alle
* Embedding-Funktionen deaktiviert.
*/
$CONFIG['EMBED'] = true;
/**
* Konfiguration des L2S2-Systems
* https://github.com/c3subtitles/L2S2
*
* Wird dieser Block auskommentiert, wird das gesamte Subtitle-System deaktiviert
*/
// $CONFIG['SUBTITLES'] = array(
// /**
// * URL des L2S2 Primus-Servers
// */
// 'PRIMUS_URL' => 'https://live.c3subtitles.de/',
//
// /**
// * URL des L2S2 Frontend-Servers
// */
// 'FRONTEND_URL' => 'https://live.c3subtitles.de/',
// );
/**
* Globale Konfiguration der IRC-Links.
*
* Wird dieser Block auskommentiert, werden keine IRC-Links mehr erzeugt. Sollen die
* IRC-Links für jeden Raum einzeln konfiguriert werden, muss dieser Block trotzdem
* existieren sein. ggf. einfach auf true setzen:
*
* $CONFIG['IRC'] = true
*/
$CONFIG['IRC'] = array(
/**
* Anzeigetext für die IRC-Links.
*
* %s wird durch den Raum-Slug ersetzt.
* Ist eine weitere Anpassung erfoderlich, kann ein IRC_CONFIG-Block in der
* Raum-Konfiguration zum Überschreiben dieser Angaben verwendet werden.
*/
'DISPLAY' => '#36C3-%s @ hackint',
/**
* URL für die IRC-Links.
* Hierbei kann sowohl ein irc://-Link als auch ein Link zu einem
* WebIrc-Provider wie z.B. 'https://kiwiirc.com/client/irc.hackint.eu/#33C3-%s'
* verwendet werden.
*
* %s wird durch den urlencodeten Raum-Slug ersetzt.
* Eine Anpassung kann ebenfalls in der Raum-Konfiguration vorgenommen werden.
*/
'URL' => 'https://webirc.hackint.org/#irc://irc.hackint.org/#36C3-%s',
);
/**
* 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'] = array(
/**
* Anzeigetext für die Twitter-Links.
*
* %s wird durch den Raum-Slug ersetzt.
* Ist eine weitere Anpassung erfoderlich, kann ein TWITTER_CONFIG-Block in der
* Raum-Konfiguration zum Überschreiben dieser Angaben verwendet werden.
*/
'DISPLAY' => '#%s @ twitter',
/**
* Vorgabe-Tweet-Text für die Twitter-Links.
*
* %s wird durch den Raum-Slug ersetzt.
* Eine Anpassung kann ebenfalls in der Raum-Konfiguration vorgenommen werden.
*/
'TEXT' => '#36C3 #%s',
);
/**
* Liste zusätzlich herunterzuladender Dateien
*
* Dict mit dem Dateinamen im Key und einer URL im Value. Die Dateien werden
* unter dem angegebenen Dateinamen in diesem Konfigurationsordner abgelegt.
*/
$CONFIG['EXTRA_FILES'] = array(
'schedule.xml' => 'https://fahrplan.events.ccc.de/congress/2019/Fahrplan/schedule.xml',
'schedule.json' => 'https://fahrplan.events.ccc.de/congress/2019/Fahrplan/schedule.json',
'schedule.ics' => 'https://fahrplan.events.ccc.de/congress/2019/Fahrplan/schedule.ics',
'schedule.xcal' => 'https://fahrplan.events.ccc.de/congress/2019/Fahrplan/schedule.xcal',
'everything.schedule.xml' => 'http://data.c3voc.de/36C3/everything.schedule.xml',
'everything.schedule.json' => 'http://data.c3voc.de/36C3/everything.schedule.json',
'stages.schedule.xml' => 'http://data.c3voc.de/36C3/stages.schedule.xml',
'stages.schedule.json' => 'http://data.c3voc.de/36C3/stages.schedule.json',
'wiki.schedule.xml' => 'http://data.c3voc.de/36C3/wiki.schedule.xml',
'wiki.schedule.json' => 'http://data.c3voc.de/36C3/wiki.schedule.json',
//'workshops.schedule.xml' => 'http://data.c3voc.de/36C3/workshops.schedule.xml',
//'workshops.schedule.json' => 'http://data.c3voc.de/36C3/workshops.schedule.json',
);
return $CONFIG;

View file

@ -0,0 +1,23 @@
/** Blackout Midnight **/
@font-face {
font-family: "Blackout Midnight";
font-weight: 100;
font-style: normal;
src: url("blackout_midnight-webfont.eot");
src: url("blackout_midnight-webfont.eot?#iefix") format('embedded-opentype'),
url("blackout_midnight-webfont.svg") format("svg"),
url("blackout_midnight-webfont.ttf") format("ttf"),
url("blackout_midnight-webfont.woff") format("woff");
}
/** Blackout 2AM **/
@font-face {
font-family: "Blackout 2AM";
font-weight: 100;
font-style: normal;
src: url("blackout_two_am-webfont.eot");
src: url("blackout_two_am-webfont.eot?#iefix") format('embedded-opentype'),
url("blackout_two_am-webfont.svg") format("svg"),
url("blackout_two_am-webfont.ttf") format("ttf"),
url("blackout_two_am-webfont.woff") format("woff");
}

View file

@ -0,0 +1,176 @@
@import "../../../assets/css/_structure.less";
@mainGrey: #F0F0F0;
@grey-lighter: #6EC4CD;
@greyLight: #6EC4CD;
@bggrey: #4e99b2;
@green: #1A1A1B;
@orange: #1A1A1B;
@brand-primary: @mainGrey;
@well-bg: @grey-lighter;
@navbar-default-bg: @grey-lighter;
@btn-default-bg: @mainGrey;
@panel-default-heading-bg: @greyLight;
@panel-default-text: @mainGrey;
@panel-bg: @grey-lighter;
@navbar-height: 70px;
@navbar-default-bg: #444444;
@navbar-default-border: #6d6e71;
/*
* buttons
*/
@btn-font-weight: 600;
a.btn, input.btn, .btn-primary {
text-transform: uppercase;
//color: @orange;
}
a.btn:hover, input.btn:hover {
color: @green;
}
/*
* font
*/
@import url("/configs/conferences/divoc_ptt/font.css");
.font-headline {
//color: @color-grey;
font-family: 'Open Sans', sans-serif;
font-weight: 100; /* black*/
text-transform: uppercase;
}
h1,
h2,
//h3,
body.overview .room a.title,
body.overview .panel-primary a,
.navbar-brand,
.panel-heading,
.panel-default > .panel-heading,
.nav.nav-tabs {
.font-headline()
}
.panel-default {
border-color: #444444;
}
.panel-default > .panel-heading {
border-color: @green;
}
body.room .tab-content {
border-left: 1px solid @green;
border-bottom: 1px solid @green;
border-right: 1px solid @green;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #FE5000;
}
.panel {
background-color: transparent;
}
.panel-default > .panel-heading {
background-color: #444444;
}
body .schedule .now {
//background-color: rgba(222,103,100,0.6);
//background-color: unset;
}
body .schedule .block.event h3 {
overflow: unset;
font-size: 16px;
}
h1, h3 { color: @orange; }
h2 { color: @green; }
body.overview .panel-body {
min-height: 10px;
}
body {
background-color: @bggrey;
color: @green;
padding: @navbar-height 0;
}
body .schedule .block h5 {
color: #767676;
}
.nav > li {
position: relative;
display: block;
background-color: #333333;
}
nav.navbar {
.navbar-brand {
color: @mainGrey;
}
.navbar-right {
text-align: right;
.btn-ssl, a.feedback, a.releases, a.about {
color: @mainGrey;
background-color: transparent;
border-color: @mainGrey;
&:hover {
background-color: @green;
border-color: @green;
}
}
.btn-ssl.btn-warning {
color: grey;
background: transparent;
border-color: grey;
}
}
}
.congress {
background-image: url(ptt-sidebar.png);
background-repeat: no-repeat;
background-size: 200px;
position: fixed;
left: 10px;
top: 200px;
width: 290px;
height: 1080px;
opacity: 1;
z-index: -100;
@media (max-width: @screen-sm-min) {
display: none;
}
}
nav .navbar-brand .icon {
background-image: url(Buttons_pttblau.svg);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 491 KiB