joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-28 07:36:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

pr7

Browse source
This commit is contained in:
Perry Woodin 2016-09-09 12:55:16 -04:00
commit f5da2712a3
7 changed files with 110 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_i18n/en.yml
View file

@ -2,6 +2,8 @@ global:
english: English english: English
spanish: Español spanish: Español
russian: Русский russian: Русский
portugese: Portugese
italian: Italiano
chinese: 简体中文 chinese: 简体中文
twitter: Twitter twitter: Twitter
github: GitHub github: GitHub

49
_includes/nav-desktop.html
View file

@ -11,23 +11,44 @@
<header id="top" class="content"> <header id="top" class="content">
<a href="{{ basenav }}/" class="logo"><img class="logo__img" src="{{ base }}/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a>
<a href="{{ basenav }}/" class="logo"><img src="{{ base }}/assets/img/logo-{{ logo-color }}.png" alt="Dash"></a> <nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="{{ basenav }}/" class="nav__link">{% t nav.what-is-dash %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/get-dash/" class="nav__link">{% t nav.get-dash %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/participate/" class="nav__link">{% t nav.participate %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/currency/" class="nav__link">{% t nav.currency %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/community/" class="nav__link">{% t nav.community %}</a></li>
<li class="nav__item"><a href="{{ basenav }}/blog/" class="nav__link">{% t nav.blog %}</a></li>
<li class="nav__item"><a href="{{ basenav }}" class="nav__link">{% t nav.project %}</a></li>
<nav> <li class="nav__item nav__item--languages">
<ul> <a href="#" class="nav__link">{{ site.lang }}</a>
<li><a href="{{ basenav }}/">{% t nav.what-is-dash %}</a></li> <ul class="nav__sublist">
<li><a href="{{ basenav }}/get-dash/">{% t nav.get-dash %}</a></li> <!-- TODO: dynamically generate this list -->
<li><a href="{{ basenav }}/participate/">{% t nav.participate %}</a></li> <li class="nav__subitem">
<li><a href="{{ basenav }}/currency/">{% t nav.currency %}</a></li> <a href="{{ base }}{{ page.url }}" class="nav__link {% if site.lang == 'en' %}is-active{% endif %}">{% t global.english %}</a>
<li><a href="{{ basenav }}/community/">{% t nav.community %}</a></li> </li>
<li><a href="{{ basenav }}/blog/">{% t nav.blog %}</a></li> <li class="nav__subitem">
<li><a href="{{ basenav }}">{% t nav.project %}</a></li> <a href="{{ base }}/es{{ page.url }}" class="nav__link {% if site.lang == 'es' %}is-active{% endif %}">{% t global.spanish %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/pt{{ page.url }}" class="nav__link {% if site.lang == 'pt' %}is-active{% endif %}">{% t global.portugese %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/it{{ page.url }}" class="nav__link {% if site.lang == 'it' %}is-active{% endif %}">{% t global.italian %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/cn{{ page.url }}" class="nav__link {% if site.lang == 'cn' %}is-active{% endif %}">{% t global.chinese %}</a>
</li>
<li class="nav__subitem">
<a href="{{ base }}/ru{{ page.url }}" class="nav__link {% if site.lang == 'ru' %}is-active{% endif %}">{% t global.russian %}</a>
</li>
</ul>
</li>
<li><a href="{{ base }}{{ page.url }}">{% t global.english %}</a></li> <li class="nav__item"><a href="{{ basenav }}" class="nav__link" title="{% t nav.search %}">S</a></li>
<li><a href="{{ base }}/es{{ page.url }}">{% t global.spanish %}</a></li>
<li><a href="{{ basenav }}" title="{% t nav.search %}">S</a></li>
</ul> </ul>
</nav> </nav>

16
_sass/_header.scss
View file

@ -1,19 +1,13 @@
#top {
border-bottom: 1px solid rgba($white, 0.35);
margin-bottom: 20px;
}
#hero { #hero {
height: 600px; height: 600px;
color: $white; color: $white;
position: relative; position: relative;
#top {
border-bottom: 1px solid rgba($white, 0.35);
nav li a {
color: rgba($white, 0.9);
&:hover {
color: rgba($white, 1);
text-shadow: 0 0 2em black;
}
}
}
> .content { > .content {
> h1, > p { > h1, > p {
text-shadow: 2px 2px 5px rgba(black, 0.2); text-shadow: 2px 2px 5px rgba(black, 0.2);

11
_sass/_logo.scss Normal file
View file

@ -0,0 +1,11 @@
.logo {
width: 180px;
height: 90px;
display: inline-block;
&__img {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 100%;
}
}

74
_sass/_nav.scss
View file

@ -1,46 +1,60 @@
#top { .nav {
border-bottom: 1px solid $blue;
margin-bottom: 20px;
@extend %clearfix;
nav {
float: right; float: right;
text-align: right; text-align: right;
li {
&__list {
list-style: none;
}
&__item {
position: relative;
display: inline-block; display: inline-block;
text-transform: uppercase; text-transform: uppercase;
font-size: 14px; font-size: 14px;
letter-spacing: 0.02em;
font-weight: 600; font-weight: 600;
line-height: 90px; line-height: 90px;
&:last-child > .nav__link {
a {
padding: 0 10px;
display: inline-block;
text-decoration: none;
color: rgba($black, 0.9);
&:hover {
color: rgba($black, 1.0);
}
}
&:last-child > a {
padding-right: 0; padding-right: 0;
} }
.status {
color: $blue; &--languages {
& > .nav__link {
padding: 0 25px;
}
}
&:hover {
.nav__sublist {
display: block;
opacity: 1;
animation: fadein 0.4s;
} }
} }
} }
.logo { &__sublist {
width: 180px; display: none;
height: 90px; position: absolute;
display: inline-block; top: 100%;
> img { right: 0;
position: relative; padding-top: 10px;
top: 50%;
transform: translateY(-50%);
max-width: 100%;
} }
&__subitem {
line-height: 45px;
}
&__link {
display: inline-block;
padding: 0 10px;
text-decoration: none;
color: rgba($white, 1);
} }
} }
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}

1
assets/css/style.scss
View file

@ -14,6 +14,7 @@
//stuff every page needs //stuff every page needs
@import "header"; @import "header";
@import "nav"; @import "nav";
@import "logo";
@import "buttons"; @import "buttons";
@import "forms"; @import "forms";
@import "footer"; @import "footer";