mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
added graphic page
This commit is contained in:
VitaliyTr
parent
4a0ad82980
commit
50a0e8071e
5 changed files with 152 additions and 2 deletions
19
_i18n/en.yml
19
_i18n/en.yml
|
|
@ -2,6 +2,25 @@
|
||||||
# For multiple paragraph content add two line breaks
|
# For multiple paragraph content add two line breaks
|
||||||
pages:
|
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:
|
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
|
||||||
|
|
|
||||||
28
_includes/hero/graphics.html
Executable file
28
_includes/hero/graphics.html
Executable 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
BIN
assets/img/graphics/dash_logo_s.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
37
graphics/index.html
Executable file
37
graphics/index.html
Executable 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>
|
||||||
|
|
@ -162,6 +162,7 @@ a.blog_link {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b-modal{
|
.b-modal{
|
||||||
&__close {
|
&__close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -249,8 +250,6 @@ a.blog_link {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.b-get-section {
|
.b-get-section {
|
||||||
background-image: url(../../assets/img/update/bg2.png);
|
background-image: url(../../assets/img/update/bg2.png);
|
||||||
color: white;
|
color: white;
|
||||||
|
|
@ -277,6 +276,7 @@ a.blog_link {
|
||||||
color: $color-blue;
|
color: $color-blue;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ctabox_small-font{
|
.ctabox_small-font{
|
||||||
p{
|
p{
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
@ -293,3 +293,69 @@ a.blog_link {
|
||||||
.evo-prototype-section{
|
.evo-prototype-section{
|
||||||
background-image: url(../../assets/img/evolution/bg2.png);
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue