updated logo to use svg

This commit is contained in:
bill bittner 2017-10-24 22:04:23 -07:00
parent 0664e73745
commit 5e1b9daeb1
8 changed files with 38 additions and 66 deletions

View file

@ -436,9 +436,8 @@ table {
border-bottom: 0.5px solid #cacaca;
}
.nav-bar-logo {
vertical-align: text-bottom;
height: 2rem;
.nav-bar--left {
align-self: center;
}
.nav-bar-tagline {

View file

@ -1,20 +1,11 @@
@media (max-width: 1200px) {
.nav-bar-title--tagline {
font-size: small;
}
}
@media (max-width: 1050px) {
.nav-bar-title--tagline {
.nav-bar--center {
display: none;
}
}
@media (max-width: 750px ) {
body, button, input, textarea, label, select, option, p, h3 {
@ -37,34 +28,15 @@
margin-top: 1em;
}
.nav-bar-title-section {
width:100%;
padding: 0px;
}
.nav-bar-title {
width: calc(25% - 2rem);
padding: 1rem;
}
.nav-bar-logo {
height: 1.5rem;
}
.nav-bar-link-section {
width: 75%;
padding: 0px;
height: 1rem;
}
.nav-bar-link {
float: left;
text-align: center;
width: calc(25% - 2rem);
padding: 1rem;
margin: 0px;
font-size: small;
padding: 1rem 0.5rem 1rem 0.5rem;
}
}
@media (max-width: 500px) {
@ -73,10 +45,17 @@
height: 1rem;
}
.nav-bar-link {
font-size: small;
width: calc(25% - 1rem);
padding: 1rem 0.5rem 1rem 0.5rem;
.row--padded {
padding: 1rem;
}
.row--short {
padding-top: 0px;
padding-bottom: 0px;
}
.row--margined {
margin: 1rem;
}
body, button, input, textarea, label, select, option, p, h3, .fine-print {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

View file

@ -1,23 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="80px" height="31px" viewBox="0 0 80 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
<title>Group 17</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="About" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Publish-Form-V2-(filled)" transform="translate(-42.000000, -23.000000)">
<g id="Group-17" transform="translate(42.000000, 22.000000)">
<text id="Spee&lt;h" font-family="Graphik-Light, Graphik" font-size="24" font-weight="300" fill="#000000">
<tspan x="0" y="20">Spee&lt;h</tspan>
</text>
<g id="Group-16" transform="translate(0.000000, 30.000000)" stroke-linecap="square">
<path d="M0.5,1.5 L15.5,1.5" id="Line-8" stroke="#09F911"></path>
<path d="M16.5,1.5 L31.5,1.5" id="Line-8-Copy" stroke="#029D74"></path>
<path d="M32.5,1.5 L47.5,1.5" id="Line-8-Copy-2" stroke="#E35BD8"></path>
<path d="M48.5,1.5 L63.5,1.5" id="Line-8-Copy-3" stroke="#4156C5"></path>
<path d="M64.5,1.5 L79.5,1.5" id="Line-8-Copy-4" stroke="#635688"></path>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -1,8 +1,25 @@
<div class="row row--wide nav-bar">
<div class="row row--padded row--short flex-container flex-container--row flex-container--align-center">
<div class="nav-bar--left">
<a href="/"><img class="nav-bar-logo" src="/assets/icon/logo.svg" alt="spee.ch"/></a>
</div>
<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" height="24px" viewBox="0 0 80 31" enable-background="new 0 0 80 31" xml:space="preserve" class="nav-bar-logo">
<a href="/">
<title>Logo</title>
<desc>Spee.ch logo</desc>
<g id="About">
<g id="Publish-Form-V2-_x28_filled_x29_" transform="translate(-42.000000, -23.000000)">
<g id="Group-17" transform="translate(42.000000, 22.000000)">
<text transform="matrix(1 0 0 1 0 20)" font-size="27">Spee&lt;h</text>
<g id="Group-16" transform="translate(0.000000, 30.000000)">
<path id="Line-8" fill="none" stroke="#09F911" stroke-linecap="square" d="M0.5,1.5h15"/>
<path id="Line-8-Copy" fill="none" stroke="#029D74" stroke-linecap="square" d="M16.5,1.5h15"/>
<path id="Line-8-Copy-2" fill="none" stroke="#E35BD8" stroke-linecap="square" d="M32.5,1.5h15"/>
<path id="Line-8-Copy-3" fill="none" stroke="#4156C5" stroke-linecap="square" d="M48.5,1.5h15"/>
<path id="Line-8-Copy-4" fill="none" stroke="#635688" stroke-linecap="square" d="M64.5,1.5h15"/>
</g>
</g>
</g>
</g>
</a>
</svg>
<div class="nav-bar--center">
<span class="nav-bar-tagline">Open-source, decentralized image and video sharing.</span>
</div>
@ -15,7 +32,7 @@
<option value="VIEW">View</option>
<option value="LOGOUT">Logout</option>
</select>
<a id="nav-bar-login-link" class="nav-bar-link--last" href="/login" {{#if user}}style="display:none"{{/if}}>Channel</a>
<a id="nav-bar-login-link" class="nav-bar-link nav-bar-link--last" href="/login" {{#if user}}style="display:none"{{/if}}>Channel</a>
</div>
</div>
</div>