LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

added logo to top bar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/assets/css/general.css
View file

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

2
public/assets/css/mediaQueries.css
View file

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

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

5
views/partials/navBar.handlebars
View file

@ -1,7 +1,8 @@
<div class="row-wide nav-bar"> <div class="row-wide nav-bar">
<div class="nav-bar-title-section"> <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> <a href="/"><img class="nav-bar-logo nav-bar-title" src="/assets/img/logo.gif" alt="spee.ch"/></a>
<div class="nav-bar-subtitle">Open-source, decentralized image and video hosting.</div> <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"> <div class="nav-bar-link-section">
<a class="nav-bar-link" href="/">Upload</a> <a class="nav-bar-link" href="/">Upload</a>
<a class="nav-bar-link" href="/popular">Popular</a> <a class="nav-bar-link" href="/popular">Popular</a>