From b027093efdc356a9fef009e4822324e3f2d871fe Mon Sep 17 00:00:00 2001
From: PCoder <purple.coder@yahoo.co.uk>
Date: Wed, 9 Jan 2019 21:31:39 +0100
Subject: [PATCH] Add mobile black logo

---
 .../blog.ungleich.ch/css/clean-blog.css       | 20 ++++++++
 .../blog.ungleich.ch/img/logo_black.svg       | 50 +++++++++++++++++++
 ungleich/templates/cms/ungleichch/_menu.html  |  5 +-
 3 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 digitalglarus/static/blog.ungleich.ch/img/logo_black.svg

diff --git a/digitalglarus/static/blog.ungleich.ch/css/clean-blog.css b/digitalglarus/static/blog.ungleich.ch/css/clean-blog.css
index 66e4c54d..c0c5f38a 100755
--- a/digitalglarus/static/blog.ungleich.ch/css/clean-blog.css
+++ b/digitalglarus/static/blog.ungleich.ch/css/clean-blog.css
@@ -402,4 +402,24 @@ body {
 
 .blog-content img {
     width: 100%;
+}
+
+#logoBlack {
+  display: none;
+}
+#logoWhite {
+  display: block;
+}
+@media (max-width: 767px) {
+  #logoBlack {
+    display: block;
+  }
+
+  #logoWhite {
+    display: none;
+  }
+}
+
+.custom-black-logo {
+  padding: 8px 15px;
 }
\ No newline at end of file
diff --git a/digitalglarus/static/blog.ungleich.ch/img/logo_black.svg b/digitalglarus/static/blog.ungleich.ch/img/logo_black.svg
new file mode 100644
index 00000000..2035ab8b
--- /dev/null
+++ b/digitalglarus/static/blog.ungleich.ch/img/logo_black.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="130px" height="40px" viewBox="0 0 130 40" enable-background="new 0 0 130 40" xml:space="preserve">
+<g>
+	<path d="M36.4,29.9c0-0.5,0.2-1,0.5-1.5c0.4-0.5,0.9-0.9,1.6-1.3V27c-0.4-0.2-0.7-0.5-0.9-0.8c-0.3-0.3-0.4-0.8-0.4-1.3
+		c0-0.4,0.1-0.9,0.4-1.3c0.3-0.4,0.7-0.8,1.2-1.2v-0.1c-0.5-0.3-0.9-0.8-1.2-1.4c-0.3-0.6-0.5-1.2-0.5-2c0-0.7,0.1-1.4,0.4-2
+		c0.3-0.6,0.7-1.1,1.1-1.5c0.5-0.4,1-0.7,1.7-0.9c0.6-0.2,1.3-0.3,2-0.3c0.7,0,1.4,0.1,2,0.3h5.3v2h-3.2c0.3,0.3,0.5,0.6,0.7,1.1
+		c0.2,0.4,0.3,0.9,0.3,1.4c0,0.7-0.1,1.3-0.4,1.9c-0.3,0.6-0.6,1-1.1,1.4c-0.5,0.4-1,0.7-1.6,0.9c-0.6,0.2-1.3,0.3-2,0.3
+		c-0.3,0-0.7,0-1-0.1c-0.4-0.1-0.7-0.2-1.1-0.3c-0.6,0.4-0.9,0.8-0.9,1.4c0,0.5,0.2,0.8,0.7,1c0.4,0.2,1.1,0.3,1.9,0.3h2.8
+		c1.7,0,3,0.2,3.8,0.7c0.8,0.5,1.2,1.3,1.2,2.4c0,0.6-0.2,1.2-0.5,1.8c-0.3,0.6-0.8,1-1.5,1.4c-0.6,0.4-1.4,0.7-2.3,1
+		c-0.9,0.2-1.9,0.4-3,0.4c-1.8,0-3.3-0.3-4.4-0.9C36.9,31.9,36.4,31.1,36.4,29.9z M38.6,29.6c0,0.6,0.3,1.1,1,1.5
+		c0.7,0.4,1.7,0.6,3,0.6c0.7,0,1.3-0.1,1.9-0.2c0.6-0.1,1-0.3,1.4-0.5s0.7-0.5,0.9-0.8c0.2-0.3,0.3-0.6,0.3-0.9
+		c0-0.6-0.2-0.9-0.7-1.1c-0.5-0.2-1.2-0.3-2.1-0.3H42c-0.4,0-0.8,0-1.1,0c-0.3,0-0.6-0.1-0.9-0.2c-0.5,0.3-0.9,0.6-1.1,0.9
+		C38.7,28.9,38.6,29.2,38.6,29.6z M42.3,21.7c0.7,0,1.4-0.2,1.9-0.7c0.5-0.5,0.8-1.2,0.8-2.1c0-0.9-0.3-1.5-0.8-2.1
+		c-0.5-0.5-1.2-0.8-1.9-0.8s-1.4,0.3-1.9,0.8c-0.5,0.5-0.8,1.2-0.8,2.1c0,0.9,0.3,1.6,0.8,2.1C40.9,21.5,41.5,21.7,42.3,21.7z"/>
+</g>
+<path d="M16.4,27.9h-2.2l-0.2-2.2h-0.1c-0.7,0.8-1.4,1.4-2.2,1.9C10.9,28,10,28.3,9,28.3c-1.6,0-2.8-0.5-3.5-1.4
+	c-0.7-0.9-1.1-2.3-1.1-4.1V16L0.8,16l6.3-2.4l0,1.8v7.1c0,1.2,0.2,2.1,0.6,2.6c0.4,0.6,1.1,0.8,2.2,0.8c0.7,0,1.3-0.2,1.9-0.5
+	c0.6-0.3,1.2-0.9,1.9-1.7v-9.2h2.7L16.4,27.9L16.4,27.9z"/>
+<path d="M20.9,14.5h2.2l0.2,2.2h0.1c0.7-0.7,1.4-1.3,2.2-1.8c0.8-0.5,1.7-0.7,2.8-0.7c1.6,0,2.7,0.5,3.5,1.4
+	c0.7,0.9,1.1,2.3,1.1,4.1v8.3h-2.7v-8c0-1.2-0.2-2-0.6-2.6c-0.4-0.6-1.1-0.8-2.2-0.8c-0.7,0-1.4,0.2-1.9,0.5
+	c-0.6,0.4-1.2,0.9-1.9,1.6v9.3h-2.7L20.9,14.5L20.9,14.5z"/>
+<path d="M63.4,21.2c0-1.1,0.2-2.1,0.6-3c0.4-0.9,0.9-1.6,1.5-2.2c0.6-0.6,1.4-1.1,2.2-1.4c0.8-0.3,1.7-0.5,2.6-0.5
+	c1,0,1.9,0.2,2.6,0.5c0.8,0.3,1.4,0.7,1.9,1.3c0.5,0.6,0.9,1.2,1.2,2c0.3,0.8,0.4,1.6,0.4,2.6c0,0.3,0,0.5,0,0.8
+	c0,0.2-0.1,0.5-0.1,0.6H66.2c0.1,1.3,0.6,2.4,1.5,3.1c0.9,0.7,2,1.1,3.4,1.1c0.7,0,1.4-0.1,2.1-0.3s1.3-0.5,1.9-0.9l1,1.7
+	c-0.7,0.4-1.5,0.8-2.4,1.1c-0.9,0.3-1.8,0.5-2.9,0.5c-1,0-2-0.2-2.8-0.5s-1.7-0.8-2.3-1.4c-0.7-0.6-1.2-1.3-1.6-2.2
+	C63.6,23.3,63.4,22.3,63.4,21.2z M74,20c0-1.2-0.3-2.1-0.9-2.8s-1.5-1-2.7-1c-1,0-1.9,0.3-2.7,1c-0.8,0.6-1.3,1.6-1.5,2.8H74z"/>
+<path d="M85.5,14l0,14.2h-2.7V17.9h-5.1L85.5,14z M83.9,11.3c-0.6,0-1.1-0.2-1.5-0.5c-0.4-0.4-0.6-0.8-0.6-1.4s0.2-1.1,0.6-1.4
+	c0.4-0.4,0.9-0.5,1.5-0.5c0.6,0,1.1,0.2,1.5,0.5c0.4,0.4,0.6,0.8,0.6,1.4c0,0.6-0.2,1.1-0.6,1.4C85,11.1,84.5,11.3,83.9,11.3z"/>
+<path d="M89.3,21.5c0-1.1,0.2-2.1,0.6-3c0.4-0.9,1-1.6,1.7-2.2c0.7-0.6,1.5-1.1,2.4-1.4c0.9-0.3,1.9-0.5,2.9-0.5
+	c1.1,0,2.1,0.2,2.9,0.6c0.8,0.4,1.5,0.8,2.1,1.4l-1.3,1.7c-0.5-0.4-1.1-0.8-1.7-1c-0.6-0.2-1.2-0.4-1.8-0.4c-0.7,0-1.4,0.1-2,0.3
+	c-0.6,0.2-1.1,0.6-1.6,1c-0.4,0.4-0.8,0.9-1,1.5c-0.2,0.6-0.4,1.3-0.4,2c0,0.7,0.1,1.4,0.3,2c0.2,0.6,0.6,1.1,1,1.5
+	c0.4,0.4,0.9,0.7,1.5,1c0.6,0.2,1.2,0.3,2,0.3c0.8,0,1.6-0.2,2.2-0.5c0.7-0.3,1.3-0.7,1.8-1.1l1.2,1.8c-0.8,0.7-1.6,1.2-2.5,1.5
+	c-0.9,0.4-1.9,0.5-2.9,0.5c-1,0-2-0.2-2.9-0.5c-0.9-0.3-1.7-0.8-2.4-1.4c-0.7-0.6-1.2-1.3-1.6-2.2C89.5,23.6,89.3,22.6,89.3,21.5z"
+	/>
+<path d="M102.2,8.8l5.7-2.8v7.9l-0.2,3c0.7-0.7,1.4-1.3,2.2-1.8c0.8-0.5,1.7-0.7,2.8-0.7c1.6,0,2.7,0.5,3.5,1.4
+	c0.7,0.9,1.1,2.3,1.1,4v8.3h-2.7v-8c0-1.2-0.2-2-0.6-2.6c-0.4-0.6-1.1-0.8-2.2-0.8c-0.7,0-1.4,0.2-1.9,0.5c-0.6,0.4-1.2,0.9-1.9,1.6
+	v9.3h-2.7l-0.1-19.6L102.2,8.8z"/>
+<g>
+	<polygon points="117.8,2.7 116.9,4.6 128.3,4.6 129.2,2.7 	"/>
+	<polygon points="116.9,6.9 115.9,8.9 127.4,8.9 128.3,6.9 	"/>
+	<polygon points="119.1,11.2 124.4,0 126.4,0 121.2,11.2 	"/>
+</g>
+<g>
+	<path d="M56.6,23.6c0,0.9,0.2,1.6,0.7,2c0.5,0.4,1,0.6,1.8,0.6c0.4,0,0.7,0,1.1-0.1c0.4-0.1,0.8-0.2,1.2-0.4l0.6,2
+		c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.6,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.9,0.2c-0.3,0-0.7,0.1-1,0.1c-1.5,0-2.6-0.4-3.3-1.3
+		c-0.8-0.8-1.1-2-1.1-3.6V5.7h-4.3l6.9-4.9"/>
+</g>
+</svg>
diff --git a/ungleich/templates/cms/ungleichch/_menu.html b/ungleich/templates/cms/ungleichch/_menu.html
index 6ccb043b..ea217351 100644
--- a/ungleich/templates/cms/ungleichch/_menu.html
+++ b/ungleich/templates/cms/ungleichch/_menu.html
@@ -10,9 +10,8 @@
       	<span class="icon-bar"></span>
       	<span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="https://www.ungleich.ch">
-	      <img src="{% static "blog.ungleich.ch/img/logo_white.svg" %}" />
-      </a>
+        <a href="/" id="logoBlack" class="navbar-brand custom-black-logo"><img src="{% static "blog.ungleich.ch/img/logo_black.svg" %}"></a>
+        <a href="/" id="logoWhite" class="navbar-brand"><img src="{% static "blog.ungleich.ch/img/logo_white.svg" %}"></a>
     </div>
 
     <!-- Collect the nav links, forms, and other content for toggling -->