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

fixed graphics page

Browse source
This commit is contained in:
VitaliyTr 2017-01-27 02:15:29 +07:00
parent 272e956bdd
commit 19a7f343bd
3 changed files with 106 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
_i18n/en.yml Normal file → Executable file
View file

@ -21,6 +21,12 @@ pages:
community-header: Community community-header: Community
indent-header: Dash Visual Identity indent-header: Dash Visual Identity
color-header: Color Scheme
color-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand.
typography-header: Typography
typography-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand.
evolution: evolution:
title: Dash Official Website | Dash Crypto Currency title: Dash Official Website | Dash Crypto Currency
description: Dash is Digital Cash description: Dash is Digital Cash

74
graphics/index.html
View file

@ -43,4 +43,78 @@ description: pages.graphics.description
</div> </div>
</section> </section>
<section class="section">
<div class="section__content">
<h2>{% t pages.graphics.indent-header %}</h2>
<div class="row bottom-space">
<div class="col-md-6">
<h2>{% t pages.graphics.color-header %}</h2>
<p>{% t pages.graphics.color-text %}</p>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-xs-6">
<div class="color-box color-box_blue"></div>
<div class="color-article">
<p>RGB: 30,113,184</p>
<p>CMYK: 85,50,0,0</p>
<p>Hex: #1d71b8</p>
</div>
</div>
<div class="col-xs-6">
<div class="color-box color-box_gray"></div>
<div class="color-article">
<p>RGB: 227,227,227</p>
<p>CMYK: 13,9,11,0</p>
<p>Hex: #e3e3e3</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="color-box color-box_black"></div>
<div class="color-article">
<p>RGB: 0,0,0</p>
<p>CMYK: 91,79,62,97</p>
<p>Hex: #000000</p>
</div>
</div>
<div class="col-xs-6">
<div class="color-box color-box_white"></div>
<div class="color-article">
<p>RGB: 255,255,255</p>
<p>CMYK: 0,0,0,0</p>
<p>Hex: #ffffff</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h2>{% t pages.graphics.typography-header %}</h2>
<p>{% t pages.graphics.typography-text %}</p>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-xs-6">
<p>Gunship Bold Italic</p>
<span class="text-word-wrap">ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!%</span>
</div>
<div class="col-xs-6">
<p>Montserrat Light</p>
<span class="text-word-wrap">ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!%</span>
</div>
</div>
</div>
</div>
</div>
</section>
</div> </div>

26
src/scss/_junk-drawer.scss
View file

@ -359,3 +359,29 @@ a.blog_link {
} }
} }
} }
.color-box{
width: 44px;
height: 44px;
float:left;
&_blue{
background-color: #1d71b8;
}
&_gray{
background-color: #e3e3e3;
}
&_black{
background-color: #000000;
}
&_white{
border: 2px solid #ebebea;
background-color: #ffffff;
}
}
.text-word-wrap{
word-wrap: break-word;
}
.color-article{
float: left;
margin-left: 15px;
}