added logo to top bar

This commit is contained in:
bill bittner 2017-10-18 15:47:06 -07:00
parent aec7ac44cc
commit c2da987f33
4 changed files with 12 additions and 6 deletions

View file

@ -416,20 +416,25 @@ table {
z-index: 1;
}
.nav-bar-logo, .nav-bar-title, .nav-bar-link, .nav-bar-subtitle {
.nav-bar-title, .nav-bar-link {
padding: 2rem 1rem 1.5rem 1rem;
display: inline-block;
color: black;
}
.nav-bar-logo {
vertical-align: text-bottom;
height: 2em;
}
.nav-bar-title--superscript {
font-size: small;
vertical-align: top;
}
.nav-bar-subtitle {
.nav-bar-title--tagline {
font-size: small;
padding-left: 4rem;
vertical-align: bottom;
}
.nav-bar-link {

View file

@ -1,7 +1,7 @@
@media (max-width: 1050px) {
.nav-bar-subtitle {
.nav-bar-title--tagline {
display: none;
}
}

BIN
public/assets/img/logo.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

View file

@ -1,7 +1,8 @@
<div class="row-wide nav-bar">
<div class="nav-bar-title-section">
<a href="/"><span class="nav-bar-title">spee&lt;h</span></a><span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
<div class="nav-bar-subtitle">Open-source, decentralized image and video hosting.</div>
<a href="/"><img class="nav-bar-logo nav-bar-title" src="/assets/img/logo.gif" alt="spee.ch"/></a>
<span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video hosting.</span>
<span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
<div class="nav-bar-link-section">
<a class="nav-bar-link" href="/">Upload</a>
<a class="nav-bar-link" href="/popular">Popular</a>