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

added graphic page

Browse source
This commit is contained in:
VitaliyTr 2017-01-25 02:07:16 +07:00
parent 4a0ad82980
commit 50a0e8071e
5 changed files with 152 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

19
_i18n/en.yml
View file

@ -2,6 +2,25 @@
# For multiple paragraph content add two line breaks
pages:
graphics:
title: Dash Official Website | Dash Crypto Currency
description: Dash is Digital Cash
hero-image:
hero-heading: Promotional Graphics
hero-text:
Dash Evolution, the first cryptocurrency you can use on web and mobile without an intermediary.
These graphics can be used for display in online services, retail establishments, press or other promotional purposes
licence: The Dash logo and wordmark are licensed for use under a Creative Commons Attribution-ShareAlike 4.0 International License.
licence-link-text: Creative Commons Attribution-ShareAlike 4.0 International License.
licence-link: https://creativecommons.org/licenses/by-sa/4.0/
logos-header: Logos & Icons
merchants-header: Merchant Buttons
dontaion-header: Donation Buttons
community-header: Community
indent-header: Dash Visual Identity
evolution:
title: Dash Official Website | Dash Crypto Currency
description: Dash is Digital Cash

28
_includes/hero/graphics.html Executable file
View file

@ -0,0 +1,28 @@
<div class="hero" id="hero">
<div class="hero__background">
{% srcset hero/home.jpg ppi:1,2 class="hero__background-image" %}
{% srcset_source width:1920 %}
{% srcset_source width:1280 %}
{% srcset_source width:1024 %}
{% srcset_source width:800 %}
{% endsrcset %}
</div>
<!-- Navigation -->
{% include nav-desktop.html %}
{% include base.html %}
<!-- Hero content -->
<div class="hero__content">
<h1 class="hero__title">{% t pages.graphics.hero-heading %}</h1>
<p class="hero__lead">{% t pages.graphics.hero-text %}</p>
<p class="hero__lead">
{% t pages.graphics.licence %}
<a href="{% t pages.graphics.licence-link %}">{% t pages.graphics.licence-link-text %}</a>
</p>
</div>
<!-- Hero stripe -->
<div class="hero__stripe"></div>
</div>

BIN
assets/img/graphics/dash_logo_s.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

37
graphics/index.html Executable file
View file

@ -0,0 +1,37 @@
---
layout: default
title: pages.graphics.title
description: pages.graphics.description
---
{% include hero/graphics.html %}
<div class="page page--wallets">
<section class="section">
<div class="section__content">
<h2>{% t pages.graphics.logos-header %}</h2>
<div class="row">
<div class="col-xs-12 col-md-3">
<div class="b-graphic-tile">
<div class="thumbnail">
<div class="logo-container">
<img src="/assets/img/graphics/dash_logo_s.png"/>
</div>
<div class="caption">
<h4>{{ wallet.logo_url }}</h4>
<div class="fine-print">
png
</div>
</div>
<div class="wallet-links-container">
<div class="link">
<a href="{{link.url}}" target="_blank">123123 </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>

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

@ -162,6 +162,7 @@ a.blog_link {
margin-top: 30px;
margin-bottom: 0;
}
.b-modal{
&__close {
position: absolute;
@ -249,8 +250,6 @@ a.blog_link {
}
}
.b-get-section {
background-image: url(../../assets/img/update/bg2.png);
color: white;
@ -277,6 +276,7 @@ a.blog_link {
color: $color-blue;
}
}
.ctabox_small-font{
p{
padding-left: 20px;
@ -293,3 +293,69 @@ a.blog_link {
.evo-prototype-section{
background-image: url(../../assets/img/evolution/bg2.png);
}
.b-graphic-tile {
animation: fadein 0.4s;
cursor: pointer;
text-align: center;
margin: $wallet-tile-spacing auto;
border: 1px solid $color-gray;
min-height: $wallet-tile-min-height;
max-width: $wallet-tile-max-width;
overflow: hidden;
transition:.25s;
& .thumbnail{
& .logo-container {
margin: $wallet-tile-spacing auto;
padding: $wallet-tile-spacing*.3;
display: block;
overflow: hidden;
img {
max-height: 80px;
}
}
& .caption {
line-height: 1 !important;
margin: $wallet-tile-spacing;
h4 {
padding: 0 0 $wallet-tile-spacing 0;
}
& .fine-print {
overflow-y: auto;
min-height: $wallet-tile-caption-fine-print-height;
max-height: $wallet-tile-caption-fine-print-height*2;
margin: 0 0 $wallet-tile-spacing 0;
font-size: $wallet-tile-caption-fine-print-font-size;
line-height: 1.5 !important;
color: $color-gray-dark;
}
}
& .wallet-links-container {
width: 100%;
& .link {
border-top: solid 1px $color-gray;
margin: 0 auto;
width: 90%;
display: block;
transition:1.25s;
&:hover, &:focus {
background-color: lighten($wallet-tile-hover-background-base-color,3);
border-color: white;
}
& a {
display: block;
margin: 0;
padding: $wallet-tile-spacing*.3;
height: 100%;
width: 100%;
transition:.5s;
&:hover, &:focus {
@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color,$mid-color: lighten($wallet-tile-hover-background-base-color,9),$end-color:$wallet-tile-hover-background-base-color );
transition:.5s;
}
}
}
}
}
}