Add mobile black logo

This commit is contained in:
PCoder 2019-01-09 21:31:39 +01:00
parent 6cd1e53ea2
commit b027093efd
3 changed files with 72 additions and 3 deletions

View File

@ -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;
}

View File

@ -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>

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -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 -->