From 0c72458e6146a89e91821a31643b1daba6700245 Mon Sep 17 00:00:00 2001
From: MaZderMind
Date: Mon, 2 Mar 2015 17:19:43 +0100
Subject: conditional header-logo

---
 assets/css/_structure.less       |  22 ++++++++++++++++++----
 assets/img/tv-inverse.png        | Bin 0 -> 603 bytes
 template/assemblies/header.phtml |   4 ++--
 3 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 assets/img/tv-inverse.png

diff --git a/assets/css/_structure.less b/assets/css/_structure.less
index 7fc59d8..1180fd4 100644
--- a/assets/css/_structure.less
+++ b/assets/css/_structure.less
@@ -3,7 +3,7 @@
 @import "_mejs_hacks.less";
 @import "_footer.less";
 
-@img: '../img/';
+@img: '../img';
 
 @grid-float-breakpoint:     @screen-xs-min;
 
@@ -33,9 +33,23 @@
 // website configuration styles
 
 nav {
-	.navbar-brand > img {
-		float: left;
-		margin-right: @navbar-padding-horizontal;
+	.navbar-brand {
+		line-height: 27px;
+
+		.icon {
+			background-repeat: no-repeat;
+			background-image: url("@{img}/tv.png");
+
+			float: left;
+			display: block;
+			width: 27px;
+			height: 27px;
+			margin-right: @padding-base-horizontal;
+		}
+
+		.icon when (luma(@navbar-default-bg) > 50%) {
+			background-image: url("@{img}/tv-inverse.png");
+		}
 	}
 	
 	.button-wrapper > .btn {
diff --git a/assets/img/tv-inverse.png b/assets/img/tv-inverse.png
new file mode 100644
index 0000000..45275bf
Binary files /dev/null and b/assets/img/tv-inverse.png differ
diff --git a/template/assemblies/header.phtml b/template/assemblies/header.phtml
index 17afb6c..ab2cf58 100644
--- a/template/assemblies/header.phtml
+++ b/template/assemblies/header.phtml
@@ -2,8 +2,8 @@
 	<div class="container">
 		<div class="navbar-header">
 			<a class="navbar-brand" href="">
-				<img alt="ccc-tv logo, a tv displaying a play icon" src="assets/img/tv.png" />
-				<span><?=h(get('CONFERENCE.TITLE', 'C3Voc'))?> Streaming</span>
+				<i class="icon"></i>
+				<?=h(get('CONFERENCE.TITLE', 'C3Voc'))?> Streaming
 			</a>
 		</div>
 
-- 
cgit v1.2.3