Merge pull request #119 from flirn/master

add divoc ptt design

9 files changed, 556 insertions, 0 deletions

diff --git a/configs/conferences/divoc_ptt/Buttons_pttblau.svg b/configs/conferences/divoc_ptt/Buttons_pttblau.svg
new file mode 100644
index 0000000..14a9897
--- /dev/null
+++ b/configs/conferences/divoc_ptt/Buttons_pttblau.svg
@@ -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>
\ No newline at end of file
diff --git a/configs/conferences/divoc_ptt/OpenSans-ExtraBold.ttf b/configs/conferences/divoc_ptt/OpenSans-ExtraBold.ttf
new file mode 100644
index 0000000..67fcf0f
--- /dev/null
+++ b/configs/conferences/divoc_ptt/OpenSans-ExtraBold.ttf
diff --git a/configs/conferences/divoc_ptt/carrotdust.png b/configs/conferences/divoc_ptt/carrotdust.png
new file mode 100644
index 0000000..b5c2e5d
--- /dev/null
+++ b/configs/conferences/divoc_ptt/carrotdust.png
diff --git a/configs/conferences/divoc_ptt/config.php b/configs/conferences/divoc_ptt/config.php
new file mode 100644
index 0000000..8e29657
--- /dev/null
+++ b/configs/conferences/divoc_ptt/config.php
@@ -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("2020-09-04 17: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("2020-09-06 19:30"),
+
+	/**
+	 * 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 <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, Push To Talk, PTT',
+
+	/**
+	 * 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/divocptt',
+
+	/**
+	 * 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 oä.)
+ */
+$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' => 'Scheider-Hoover',
+				'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' => 'Scheider-Hoover',
+                'FEEDBACK' => true,
+				'SUBTITLES' => false,
+				'SUBTITLES_ROOM_ID' => 1,
+                'EMBED' => true,
+				'IRC' => true,
+				'IRC_CONFIG' => array(
+					'DISPLAY' => '#divoc @ hackint',
+					'URL'     => 'https://webirc.hackint.org/#irc://irc.hackint.org/#divoc',
+				),
+				'TWITTER' => true,
+				'TWITTER_CONFIG' => array(
+					'DISPLAY' => '#pushtotalk @ twitter',
+					'TEXT'    => '#pushtotalk',
+				),
+			),
+			
+			
+);
+
+/**
+ * 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://talks.mrmcd.net/ptt/schedule/export/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' => '#divoc @ 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/#divoc',
+);
+
+/**
+ * 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' => '#pushtotalk #%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://talks.mrmcd.net/ptt/schedule/export/schedule.xml',
+	'schedule.json' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.json',
+	'schedule.ics'  => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.ics',
+	'schedule.xcal' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.xcal',
+
+	'everything.schedule.xml' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.xml',
+	'everything.schedule.json' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.json',
+
+    'stages.schedule.xml' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.xml',
+    'stages.schedule.json' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.json',
+
+    'wiki.schedule.xml' => 'https://talks.mrmcd.net/ptt/schedule/export/schedule.xml',
+    'wiki.schedule.json' => 'https://talks.mrmcd.net/ptt/schedule/export/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;
diff --git a/configs/conferences/divoc_ptt/font.css b/configs/conferences/divoc_ptt/font.css
new file mode 100644
index 0000000..f608236
--- /dev/null
+++ b/configs/conferences/divoc_ptt/font.css
@@ -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");
+}
\ No newline at end of file
diff --git a/configs/conferences/divoc_ptt/main.less b/configs/conferences/divoc_ptt/main.less
new file mode 100644
index 0000000..dbec74f
--- /dev/null
+++ b/configs/conferences/divoc_ptt/main.less
@@ -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);
+}
\ No newline at end of file
diff --git a/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff b/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff
new file mode 100644
index 0000000..e84c400
--- /dev/null
+++ b/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff
diff --git a/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff2 b/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff2
new file mode 100644
index 0000000..37cb6e6
--- /dev/null
+++ b/configs/conferences/divoc_ptt/opensans-extrabold-webfont.woff2
diff --git a/configs/conferences/divoc_ptt/ptt-sidebar.png b/configs/conferences/divoc_ptt/ptt-sidebar.png
new file mode 100644
index 0000000..bfad5bc
--- /dev/null
+++ b/configs/conferences/divoc_ptt/ptt-sidebar.png