13 files changed, 100 insertions, 35 deletions
diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less
index 5cca25e..d606a8c 100644
--- a/configs/conferences/33c3/main.less
+++ b/configs/conferences/33c3/main.less
@@ -162,6 +162,7 @@ h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-bra
 	}
 }
 
+
 .navbar-brand {
 	font-size: 20px;
 }
@@ -197,40 +198,6 @@ nav .navbar-form {
 	padding: 0;
 }
 
-nav .button-wrapper > .btn {
-	width: 70px;
-	height: 70px;
-	margin-left: -1px;
-	border-color: white;
-	border-top: 0;
-	border-bottom: 0;
-	border-radius: 0;
-	background: url(icons.png) no-repeat left top;
-	text-indent: -9999px;
-	display: block;
-	float: left;
-}
-
-nav .button-wrapper > .btn-ssl {
-	background-position: -72px top;
-}
-
-nav .button-wrapper > .btn-ssl.btn-success {
-	background-position: left top;
-}
-
-nav .button-wrapper > .feedback {
-	background-position: -216px top;
-}
-
-nav .button-wrapper > .releases {
-	background-position: -144px top;
-}
-
-nav .button-wrapper > .about {
-	background-position: -288px top;
-}
-
 .well a {
 	color: @dark-grey;
 	text-decoration: underline;
@@ -265,3 +232,74 @@ body.multiview .cell {
 .schedule .block.pause {
 	color: black !important;
 }
+
+
+
+.svg-replace(@file) {
+	background-image: url(@file);
+	background-repeat: no-repeat;
+	color: transparent;
+	background-position: center;
+
+	-webkit-user-select: none;  /* Chrome all / Safari all */
+	-moz-user-select: none;     /* Firefox all */
+	-ms-user-select: none;      /* IE 10+ */
+	user-select: none;          /* Likely future */ 
+}
+
+.overview {
+	.group-live h2 > span {
+		.svg-replace("svgs/f-live.svg");
+	}
+	.group-live-music h2 > span {
+		.svg-replace("svgs/f-live-music.svg");
+	}
+	.recordings h2 > span {
+		.svg-replace("svgs/f-recordings.svg");
+	}
+
+	.navbar-brand {
+
+	}
+}
+
+
+
+nav .button-wrapper > .btn {
+	height: 70px;
+
+	border-color: black;
+	&:hover {
+		border-color: white;
+	} 
+
+	border-top: 0;
+	border-bottom: 0;
+	border-radius: 0;
+
+	background-color: black;
+
+	&.btn-ssl {
+		.svg-replace("svgs/tls-enabled.svg");
+		&.btn-warning {
+			.svg-replace("svgs/tls-disabled.svg");
+		}
+		width: 90px;
+	}
+	&.feedback {
+		.svg-replace("svgs/f-feedback.svg");
+		width: 150px;
+	}
+	&.releases {
+		.svg-replace("svgs/f-releases.svg");
+		width: 150px;
+	}
+	&.about {
+		.svg-replace("svgs/f-info.svg");
+		width: 150px;
+	}
+
+	display: block;
+	float: left;
+}
+
diff --git a/configs/conferences/33c3/drops.svg b/configs/conferences/33c3/svgs/drops.svg
index 199042d..199042d 100644
--- a/configs/conferences/33c3/drops.svg
+++ b/configs/conferences/33c3/svgs/drops.svg
diff --git a/configs/conferences/33c3/f-feedback.svg b/configs/conferences/33c3/svgs/f-feedback.svg
index 5c32236..5c32236 100644
--- a/configs/conferences/33c3/f-feedback.svg
+++ b/configs/conferences/33c3/svgs/f-feedback.svg
diff --git a/configs/conferences/33c3/f-info.svg b/configs/conferences/33c3/svgs/f-info.svg
index e744da1..e744da1 100644
--- a/configs/conferences/33c3/f-info.svg
+++ b/configs/conferences/33c3/svgs/f-info.svg
diff --git a/configs/conferences/33c3/f-live-music.svg b/configs/conferences/33c3/svgs/f-live-music.svg
index a6f2ce7..a6f2ce7 100644
--- a/configs/conferences/33c3/f-live-music.svg
+++ b/configs/conferences/33c3/svgs/f-live-music.svg
diff --git a/configs/conferences/33c3/f-live.svg b/configs/conferences/33c3/svgs/f-live.svg
index 570443e..570443e 100644
--- a/configs/conferences/33c3/f-live.svg
+++ b/configs/conferences/33c3/svgs/f-live.svg
diff --git a/configs/conferences/33c3/f-recordings.svg b/configs/conferences/33c3/svgs/f-recordings.svg
index 606e9bb..606e9bb 100644
--- a/configs/conferences/33c3/f-recordings.svg
+++ b/configs/conferences/33c3/svgs/f-recordings.svg
diff --git a/configs/conferences/33c3/f-releases.svg b/configs/conferences/33c3/svgs/f-releases.svg
index 51b69cf..51b69cf 100644
--- a/configs/conferences/33c3/f-releases.svg
+++ b/configs/conferences/33c3/svgs/f-releases.svg
diff --git a/configs/conferences/33c3/logo.svg b/configs/conferences/33c3/svgs/logo.svg
index 67e73e2..67e73e2 100644
--- a/configs/conferences/33c3/logo.svg
+++ b/configs/conferences/33c3/svgs/logo.svg
diff --git a/configs/conferences/33c3/tls-disabled.svg b/configs/conferences/33c3/svgs/tls-disabled.svg
index bed1eba..bed1eba 100644
--- a/configs/conferences/33c3/tls-disabled.svg
+++ b/configs/conferences/33c3/svgs/tls-disabled.svg
diff --git a/configs/conferences/33c3/tls-enabled.svg b/configs/conferences/33c3/svgs/tls-enabled.svg
index bf09c7e..bf09c7e 100644
--- a/configs/conferences/33c3/tls-enabled.svg
+++ b/configs/conferences/33c3/svgs/tls-enabled.svg
diff --git a/lib/helper.php b/lib/helper.php
index 1925382..67c84aa 100644
--- a/lib/helper.php
+++ b/lib/helper.php
@@ -145,3 +145,30 @@ function array_filter_last($array, $predicate)
 
 	return null;
 }
+
+function slugify($text)
+{
+	// replace non letter or digits by -
+	$text = preg_replace('~[^\pL\d]+~u', '-', $text);
+
+	// transliterate
+	$text = iconv('utf-8', 'us-ascii//TRANSLIT', $text);
+
+	// remove unwanted characters
+	$text = preg_replace('~[^-\w]+~', '', $text);
+
+	// trim
+	$text = trim($text, '-');
+
+	// remove duplicate -
+	$text = preg_replace('~-+~', '-', $text);
+
+	// lowercase
+	$text = strtolower($text);
+
+	if (empty($text)) {
+		return 'none';
+	}
+
+	return $text;
+}
diff --git a/template/overview.phtml b/template/overview.phtml
index 3332fb9..1ff55f6 100644
--- a/template/overview.phtml
+++ b/template/overview.phtml
@@ -3,7 +3,7 @@
 <div class="container">
 	<? $i = 0; foreach($overview->getGroups() as $group => $rooms): ?>
 		<? if($group): ?>
-			<div class="row">
+			<div class="row group group-<?=h(slugify($group))?>">
 				<div class="col-xs-12">
 					<h2><span><?=h($group)?></span></h2>
 				</div>