[Updae] Community: add sections / style ctaboxes

This commit is contained in:
0xfff 2016-11-02 00:05:30 +01:00
parent 4024a6bf83
commit 24c6353230
5 changed files with 76 additions and 98 deletions

View file

@ -11,8 +11,8 @@ description: pages.community.description
<!--
CTA sections
-->
<section>
<div class="content">
<section class="section section--cta">
<div class="section__content">
<div>
<h2>{% t pages.community.discussion-heading %}</h2>
@ -26,8 +26,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">DashTalk</h4>
</div>
@ -38,8 +36,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Reddit</h4>
</div>
@ -50,8 +46,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">BitcoinTalk</h4>
</div>
@ -62,23 +56,21 @@ description: pages.community.description
</div>
</section>
<section>
<div class="content">
<section class="section section--cta section--gray-light-bg">
<div class="section__content">
<div>
<h2>{% t pages.community.social-heading %}</h2>
{% tmd pages.community.social-text %}
</div>
<div class="ctabox">
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox__inner">
<article class="ctabox__cta">
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Twitter</h4>
</div>
@ -89,8 +81,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Facebook</h4>
</div>
@ -101,8 +91,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">YouTube</h4>
</div>
@ -113,8 +101,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/node40.png" class="ctabox__image">
</div>
</a>
<a href="https://node40.com" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">LinkedIn</h4>
</div>
@ -125,8 +111,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/protonmail.png" class="ctabox__image">
</div>
</a>
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Instagram</h4>
</div>
@ -137,8 +121,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/qhoster.png" class="ctabox__image">
</div>
</a>
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Qhoster</h4>
<p class="ctabox__description">Quality Hosting</p>
@ -150,23 +132,21 @@ description: pages.community.description
</div>
</section>
<section>
<div class="content">
<section class="section section--cta">
<div class="section__content">
<div>
<h2>{% t pages.community.news-heading %}</h2>
{% tmd pages.community.news-text %}
</div>
<div class="ctabox">
<div class="ctabox" data-js-ctabox>
<div class="ctabox__inner">
<article class="ctabox__cta">
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash Nation</h4>
</div>
@ -177,8 +157,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash Roundtable</h4>
</div>
@ -189,8 +167,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">DashPay Magazine</h4>
</div>
@ -201,8 +177,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/node40.png" class="ctabox__image">
</div>
</a>
<a href="https://node40.com" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">DashDot Alpha</h4>
</div>
@ -213,8 +187,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/protonmail.png" class="ctabox__image">
</div>
</a>
<a href="https://protonmail.com/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">What Is Dash?</h4>
</div>
@ -225,8 +197,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/qhoster.png" class="ctabox__image">
</div>
</a>
<a href="https://www.qhoster.com/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash N Drink</h4>
</div>
@ -237,23 +207,21 @@ description: pages.community.description
</div>
</section>
<section>
<div class="content">
<section class="section section--cta section--gray-light-bg">
<div class="section__content">
<div>
<h2>{% t pages.community.development-heading %}</h2>
{% tmd pages.community.development-text %}
</div>
<div class="ctabox">
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox__inner">
<article class="ctabox__cta">
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Github</h4>
</div>
@ -264,8 +232,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">JIRA</h4>
</div>
@ -276,8 +242,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash Wiki</h4>
</div>
@ -288,8 +252,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/node40.png" class="ctabox__image">
</div>
</a>
<a href="https://node40.com" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash Slack</h4>
</div>
@ -300,23 +262,21 @@ description: pages.community.description
</div>
</section>
<section>
<div class="content">
<section class="section section--cta">
<div class="section__content">
<div>
<h2>{% t pages.community.masternode-heading %}</h2>
{% tmd pages.community.masternode-text %}
</div>
<div class="ctabox">
<div class="ctabox" data-js-ctabox>
<div class="ctabox__inner">
<article class="ctabox__cta">
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Dash Central</h4>
<p class="ctabox__description">Blockchain Assets</p>
@ -328,8 +288,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">DashNinja</h4>
</div>
@ -340,8 +298,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/bolehvpn.png" class="ctabox__image">
</div>
</a>
<a href="https://www.bolehvpn.net/" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Node40</h4>
</div>
@ -352,8 +308,6 @@ description: pages.community.description
<div class="ctabox__imagewrapper">
<img src="/assets/img/home/node40.png" class="ctabox__image">
</div>
</a>
<a href="https://node40.com" target="_blank" class="ctabox__link">
<div class="ctabox__text">
<h4 class="ctabox__title">Masternode.me</h4>
</div>