From 50a0e8071e8cdb02902c063d5f4d378e691d128a Mon Sep 17 00:00:00 2001 From: VitaliyTr Date: Wed, 25 Jan 2017 02:07:16 +0700 Subject: [PATCH] added graphic page --- _i18n/en.yml | 19 ++++++++ _includes/hero/graphics.html | 28 +++++++++++ assets/img/graphics/dash_logo_s.png | Bin 0 -> 2268 bytes graphics/index.html | 37 +++++++++++++++ src/scss/_junk-drawer.scss | 70 +++++++++++++++++++++++++++- 5 files changed, 152 insertions(+), 2 deletions(-) create mode 100755 _includes/hero/graphics.html create mode 100755 assets/img/graphics/dash_logo_s.png create mode 100755 graphics/index.html diff --git a/_i18n/en.yml b/_i18n/en.yml index ed311ed..3442511 100644 --- a/_i18n/en.yml +++ b/_i18n/en.yml @@ -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 diff --git a/_includes/hero/graphics.html b/_includes/hero/graphics.html new file mode 100755 index 0000000..5ce16fb --- /dev/null +++ b/_includes/hero/graphics.html @@ -0,0 +1,28 @@ +
+
+ {% 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 %} +
+ + + {% include nav-desktop.html %} + {% include base.html %} + + +
+

{% t pages.graphics.hero-heading %}

+

{% t pages.graphics.hero-text %}

+

+ {% t pages.graphics.licence %} + {% t pages.graphics.licence-link-text %} +

+ +
+ + +
+
diff --git a/assets/img/graphics/dash_logo_s.png b/assets/img/graphics/dash_logo_s.png new file mode 100755 index 0000000000000000000000000000000000000000..a6a6648e400fd5a3c193b24c8ab9891d22cd4993 GIT binary patch literal 2268 zcmV<22qX82P)P}=x@&NL#`kPl?Qr0>y{?p|Q;&%GD-?9BNG*u7_eeD3+3^E>CN zR1z--*WPM98( zo{9if3#cF38R~dccnTZ1i1zaJa-xGys3Mg_D@>K}@{_P$L2L z3;}8`p!QJ!>PbMA>gNRtR8K&?#6wWcfnD2GUp*%zOxLF!{=@G5Tz>F;mq=F}(zC#G z63aGZsingH0ct9swh^Gtkd5@6ogu!4l14&bKeLWh>!!xtKY|ye=HQmPjffu70cq6I zXfBZ6Z+Cr{A9z~aN8O4_9e#I?qgb8?)QAWD^9WnO(*7<2(zDt@qn}X#>MB5OCiFE- z3aSgBW^o4fFrZqbR?o=AI{nIOBS-yYP(y`%R6F<30%|d5vD^o!-U6r*fO?t$^&3F# zs{qs!fNH&;hLY5I7)L-&BBuQq z*+>`c7z2cVOZL-H@|`49%%@nYszxjA=2nDOht^66Za$#u+vijf?+pReLxg_}n-`X$ zmB{GlL9`YkR5t-sEudBt-q(ay_z2={^2<1y?;aAA4<*$3CY3 z)Q^GiHUa7s6;H38!zM=ieNg+*izz@|2B@us0MAumh3bJ7>R*J#)ZTWa8fUdG*%U1K zp2X7IK65s&vse59bsV6cBE)eMpn53)^*5=suS+uCQmGvr`9V4~O5>MV`w0PQ3rZ<5 zmTCXURzh%ZqLea50jO^S>P-UFSpukzfSN*p+5o5#c7$pGR7%>9m3u9pd0R&T>7P>9 z0@Q7Q>cA7!Cjd2{0M!Vnfr3&>0H9V7g1ZAy`zrvo5K!+Bpn3?PIs@uq0@TZZsCs^VIU)xO4A3#e^&nxC4`enO055GxleP)7o4EuoKW z@l%CXEOVZJ_1-+*D$=qhwWE`>MMv=ucwElv5g&RTPz|;s0MaB%+D9oRR+RR02}s*e zN(oZ{>I}r`1_A048=-b^8p>i~7M2$vo?*ULE(B}`jG&&0#JhmrIaTTbRz+(2~aK01@w(x9S*1$y9w%` z&b}uK{?52&E{{+V+YQ{M{bbV&Ky?s9jYZ3_rRfrlS>CfZ#@n3sgTf<$={5oC22ss# z8iIa}05usDp;ZMGJ0hSFU!W0BNaoaFOLh^r1~KiY0;=pU>`NI1lFEKZDaFYiaYRL< zKfdcO0@QL=(rX`0QR-tQKLXS|Rzg$&Y9XNBB|z0#{UBCcMZgPqnpCqQG%H4nYJS<2 zw2vEMlI-Bl{XP;<3479IiHM)${~IX9vw2&f0IJ2V9@{)&n2YkK zjuoZ-Y)aZ^+uI62T?nX+1gMJu)k+q`A^=e5afb8~R;aIuYJO7ywVnWVC7>#i_Ad}h zDW}-MllJ%EKniC!d<&qi5PmOqu!kM+AwbP%2Zj`Yx&u(}5THt2>;9pXe2zwdR?Mf~ z7k3j-Qvg*u?FWUwDtk1=kvn$ujsW#*K-CDK&f;q{t=@_=yIK*{sesx@fSM{BX>6_& zY)L-efQE)fI41cV91gKJ<1qVV1)xp_)OrHc#eiyML8`!^6ouNq2<%SW z{hdCy52#UqdVv5n6HsNReXLN=5>}|!gvDw0_zCIYO82*ucp|sck`jB2hds_ifLZ{k z{t7_d2B>!kP$jN)A8MwpXHjJ~_6$=Yf|`ZLodd0P6Huc8^%raXM5;QDQc9!(r4(O4 z-EHn)muEczH5pKy1W<>`d?w4*W;CA>{T2^nzGCgW0qO`qW#z0&E1y>jsB-{S_67zP qnw!n%V!OIlIr_X250YBljrtGWD2C!5XMEcL0000 +
+
+

{% t pages.graphics.logos-header %}

+
+
+
+
+
+ +
+
+

{{ wallet.logo_url }}

+
+ png +
+
+
+
+ 123123 +
+
+
+
+
+
+
+
+ diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss index e1a97a4..e94983a 100644 --- a/src/scss/_junk-drawer.scss +++ b/src/scss/_junk-drawer.scss @@ -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; + } + } + } + } + } +}