added grey overlay on L-R tile ends to promote scrolling, added background colors to tiles to make grey overlay more noticeble

This commit is contained in:
Madeleine Shang 2017-02-03 06:07:34 +00:00
parent 90db58113a
commit cdf08aaf42

View file

@ -6,25 +6,35 @@ description: pages.community.description
{% include hero/community.html %} {% include hero/community.html %}
<style>
.ctabox__image {
background-color: rgba(173,219,255,0.1);
}
</style>
<div class="page-community"> <div class="page-community">
<!-- <!--
CTA sections CTA sections
--> -->
<section id="community-discussion" class="section section--cta"> <section id="community-discussion" class="section section--cta">
<div class="section__content"> <div class="section__content"> <!--section__content -->
<div> <div>
<h2>{% t pages.community.discussion-heading %}<a class="permalink" title="Permalink" id="discussion"></a></h2> <h2>{% t pages.community.discussion-heading %}<a class="permalink" title="Permalink" id="discussion"></a></h2>
{% tmd pages.community.discussion-text %} {% tmd pages.community.discussion-text %}
</div> </div>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox" data-js-ctabox> <div class="ctabox__inner">
<div class="ctabox__inner ctabox__inner_no-gradient">
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://www.dash.org/forum" target="_blank" class="ctabox__link"> <a href="https://www.dash.org/forum" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/dashforum_logo.png" class="ctabox__image"> <img src="/assets/img/community/dashforum_logo.png" class="ctabox__image" >
</div> </div>
<div class="ctabox__text"> <div class="ctabox__text">
<h4 class="ctabox__title">Dash Forum</h4> <h4 class="ctabox__title">Dash Forum</h4>
@ -34,7 +44,7 @@ description: pages.community.description
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://www.reddit.com/r/dashpay/" target="_blank" class="ctabox__link"> <a href="https://www.reddit.com/r/dashpay/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/reddit_logo.png" class="ctabox__image"> <img src="/assets/img/community/reddit_logo.png" class="ctabox__image" >
</div> </div>
<div class="ctabox__text"> <div class="ctabox__text">
<h4 class="ctabox__title">Reddit</h4> <h4 class="ctabox__title">Reddit</h4>
@ -44,7 +54,7 @@ description: pages.community.description
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link"> <a href="https://bitcointalk.org/index.php?topic=421615.0" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/bitcointalk_logo.png" class="ctabox__image"> <img src="/assets/img/community/bitcointalk_logo.png" class="ctabox__image" >
</div> </div>
<div class="ctabox__text"> <div class="ctabox__text">
<h4 class="ctabox__title">BitcoinTalk</h4> <h4 class="ctabox__title">BitcoinTalk</h4>
@ -54,7 +64,7 @@ description: pages.community.description
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://forum.bitcoin.com/dash/" target="_blank" class="ctabox__link"> <a href="https://forum.bitcoin.com/dash/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/bitcoindotcom_logo.png" class="ctabox__image"> <img src="/assets/img/community/bitcoindotcom_logo.png" class="ctabox__image" >
</div> </div>
<div class="ctabox__text"> <div class="ctabox__text">
<h4 class="ctabox__title">Bitcoin.com Forum</h4> <h4 class="ctabox__title">Bitcoin.com Forum</h4>
@ -62,7 +72,7 @@ description: pages.community.description
</a> </a>
</article> </article>
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="http://dash-nation-invite.herokuapp.com/" target="_blank" class="ctabox__link"> <a href="http://dash-nation-invite.herokuapp.com/" target="_blank" class="ctabox__link" >
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/slack_logo.png" class="ctabox__image"> <img src="/assets/img/community/slack_logo.png" class="ctabox__image">
</div> </div>
@ -72,7 +82,7 @@ description: pages.community.description
</a> </a>
</article> </article>
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://digitalcash24.herokuapp.com/" target="_blank" class="ctabox__link"> <a href="https://digitalcash24.herokuapp.com/" target="_blank" class="ctabox__link" >
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
<img src="/assets/img/community/slack_logo.png" class="ctabox__image"> <img src="/assets/img/community/slack_logo.png" class="ctabox__image">
</div> </div>
@ -93,9 +103,8 @@ description: pages.community.description
{% tmd pages.community.social-text %} {% tmd pages.community.social-text %}
</div> </div>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox> <div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox__inner ctabox__inner_no-gradient"> <div class="ctabox__inner">
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link"> <a href="https://twitter.com/dashpay" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
@ -150,10 +159,8 @@ description: pages.community.description
{% tmd pages.community.news-text %} {% tmd pages.community.news-text %}
</div> </div>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox" data-js-ctabox> <div class="ctabox__inner">
<div class="ctabox__inner ctabox__inner_no-gradient">
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="http://www.dashnation.com/" target="_blank" class="ctabox__link"> <a href="http://www.dashnation.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
@ -216,9 +223,8 @@ description: pages.community.description
{% tmd pages.community.development-text %} {% tmd pages.community.development-text %}
</div> </div>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox> <div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox__inner ctabox__inner_no-gradient"> <div class="ctabox__inner">
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://github.com/dashpay/" target="_blank" class="ctabox__link"> <a href="https://github.com/dashpay/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">
@ -258,12 +264,11 @@ description: pages.community.description
<div class="section__content"> <div class="section__content">
<div> <div>
<h2>{% t pages.community.masternode-heading %}<a class="permalink" title="Permalink" id="masternodes"></a></h2> <h2>{% t pages.community.masternode-heading %}<a class="permalink" title="Permalink" id="masternodes"></a></h2>
{% tmd pages.community.masternode-text %} {% tmd pages.community.masternode-text %}
</div> </div>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox" data-js-ctabox> <div class="ctabox__inner">
<div class="ctabox__inner ctabox__inner_no-gradient">
<article class="ctabox__cta" data-js-ctabox-item> <article class="ctabox__cta" data-js-ctabox-item>
<a href="https://www.dashcentral.org/" target="_blank" class="ctabox__link"> <a href="https://www.dashcentral.org/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper"> <div class="ctabox__imagewrapper">