Markup for community, get-dash, and participate.

- Consistent markup
- Added ids to each section to allow jump from links in hero files.
This commit is contained in:
Perry Woodin 2016-09-07 08:40:05 -04:00
parent 36e948061f
commit 1b55d5a889
6 changed files with 277 additions and 89 deletions

View file

@ -21,12 +21,12 @@
<br /> <br />
<div class="content"> <div class="content">
<a href="#" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a> <a href="#community-forum" class="btn-white-solid">{% t pages.community.hero-discussion-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a> <a href="#community-social" class="btn-white-solid">{% t pages.community.hero-social-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a> <a href="#community-news" class="btn-white-solid">{% t pages.community.hero-news-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a> <a href="#community-development" class="btn-white-solid">{% t pages.community.hero-development-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a> <a href="#community-masternode" class="btn-white-solid">{% t pages.community.hero-masternodes-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a> <a href="#community-media" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>
</div> </div>
</div> </div>

View file

@ -24,10 +24,10 @@
<br /> <br />
<div class="content"> <div class="content">
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a> <a href="#getdash-wallet-setup" class="btn-white-solid">{% t pages.get-dash.hero-guide-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a> <a href="#getdash-buy" class="btn-white-solid">{% t pages.get-dash.hero-buy-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a> <a href="#getdash-shop" class="btn-white-solid">{% t pages.get-dash.hero-spend-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a> <a href="#getdash-trade" class="btn-white-solid">{% t pages.get-dash.hero-trade-btn %}</a>
</div> </div>
</div> </div>

View file

@ -15,9 +15,9 @@
<p class="content">{% t pages.participate.hero-text %}</p> <p class="content">{% t pages.participate.hero-text %}</p>
<div class="content"> <div class="content">
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a> <a href="#participate-masternode" class="btn-blue-solid">{% t pages.participate.hero-masternodes-btn %}</a>
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a> <a href="#participate-mining" class="btn-blue-solid">{% t pages.participate.hero-mining-btn %}</a>
<a href="#" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a> <a href="#participate-budgets" class="btn-blue-solid">{% t pages.participate.hero-funding-btn %}</a>
</div> </div>
</div> </div>

View file

@ -6,41 +6,170 @@ description: pages.community.description
{% tf community/hero.html %} {% tf community/hero.html %}
<div class="content"> <div class="page-community">
<!--
DISCUSSION/FORUMS
.community-forum-graphic
-->
<section id="community-forum">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.community.discussion-heading %}</h2>
{% tmd pages.community.discussion-text %}
</div>
<div class="col-sm-6 community-forum-graphic">
</div>
</div>
</div>
</section>
<h2>{% t pages.community.discussion-heading %}</h2> <!--
{% tmd pages.community.discussion-text %}</p> SOCIAL
.community-social-graphic
-->
<h2>{% t pages.community.social-heading %}</h2> <section id="community-social">
{% tmd pages.community.social-text %}</p> <div class="content">
<div class="row">
<div class="col-sm-6 community-social-graphic">
<h2>{% t pages.community.news-heading %}</h2>
{% tmd pages.community.news-text %}</p> </div>
<div class="col-sm-6">
<h2>{% t pages.community.social-heading %}</h2>
<h2>{% t pages.community.development-heading %}</h2> {% tmd pages.community.social-text %}
{% tmd pages.community.development-text %}</p> </div>
</div>
</div>
<h2>{% t pages.community.masternodes-heading %}</h2> </section>
{% tmd pages.community.masternodes-text %}</p>
<h2>{% t pages.community.meda-heading %}</h2>
<h2>{% t pages.community.conferences-heading %}</h2>
<h2>{% t pages.community.technology-heading %}</h2>
<h2>{% t pages.community.community-heading %}</h2>
<a href="#" class="btn-blue">{% t pages.community.youtube-btn %}</a>
<!--
<h2>{% t pages.get-dash.need-heading %}</h2> NEWS & INFORMATION
{% tmd pages.get-dash.need-text %}</p> .community-news-graphic
-->
<section id="community-news">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.community.news-heading %}</h2>
{% tmd pages.community.news-text %}
</div>
<div class="col-sm-6 community-news-graphic"></div>
</div>
</div>
</section>
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a> <!--
{% tmd pages.get-dash.need-input %}</p> DEVELOPMENT
.community-development-graphic
-->
<section id="community-development">
<div class="content">
<div class="row">
<div class="col-sm-6 community-development-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.community.development-heading %}</h2>
{% tmd pages.community.development-text %}
</div>
</div>
</div>
</section>
<!--
MASTERNODE TOOLS
.community-masternode-graphic
-->
<section id="community-masternode">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.community.masternode-heading %}</h2>
{% tmd pages.community.masternode-text %}
</div>
<div class="col-sm-6 community-masternode-graphic"></div>
</div>
</div>
</section>
<!--
MEDIA | CONFERENCES | TECHNOLOGY | YOUTUBE
similiar layout to news posts on home page.
.community-post
.community-image
.community-body
.community-title
-->
<section id="community-media">
<div class="content">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="community-post">
<div class="community-image">
</div>
<div class="community-body">
<h3 class="community-title">{% t pages.community.media-heading %}</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="community-post">
<div class="community-image">
</div>
<div class="community-body">
<h3 class="community-title">{% t pages.community.conferences-heading %}</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="community-post">
<div class="community-image">
</div>
<div class="community-body">
<h3 class="community-title">{% t pages.community.technology-heading %}</h3>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="community-post">
<div class="community-image">
</div>
<div class="community-body">
<h3 class="community-title">{% t pages.community.community-heading %}</h3>
<a href="#" class="btn-blue">{% t pages.community.youtube-btn %}</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--
NEED SOME DASH
Repeat info from the GET-DASH page
.getdash-need-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.need-heading %}</h2>
{% tmd pages.get-dash.need-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
{% tmd pages.get-dash.need-input %}
</div>
<div class="col-sm-6 getdash-need-graphic">
</div>
</div>
</div>
</section>
</div> </div>

View file

@ -12,12 +12,12 @@ description: pages.get-dash.description
HOW-TO SETUP YOUR WALLET HOW-TO SETUP YOUR WALLET
.getdash-wallet-setup-graphic .getdash-wallet-setup-graphic
--> -->
<section> <section id="getdash-wallet-setup">
<div class="content"> <div class="content">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<h2>{% t pages.get-dash.setup-heading %}</h2> <h2>{% t pages.get-dash.setup-heading %}</h2>
{% tmd pages.get-dash.setup-text %}</p> {% tmd pages.get-dash.setup-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
</div> </div>
@ -32,7 +32,7 @@ description: pages.get-dash.description
BUY DASH ONLINE BUY DASH ONLINE
.getdash-buy-graphic .getdash-buy-graphic
--> -->
<section> <section id="getdash-buy">
<div class="content"> <div class="content">
<div class="row"> <div class="row">
<div class="col-sm-6 getdash-buy-graphic"> <div class="col-sm-6 getdash-buy-graphic">
@ -40,7 +40,7 @@ description: pages.get-dash.description
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<h2>{% t pages.get-dash.buy-heading %}</h2> <h2>{% t pages.get-dash.buy-heading %}</h2>
{% tmd pages.get-dash.buy-text %}</p> {% tmd pages.get-dash.buy-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a>
</div> </div>
@ -52,12 +52,12 @@ description: pages.get-dash.description
TRADE DASH ON AN EXCHANGE TRADE DASH ON AN EXCHANGE
.getdash-exchange-graphic .getdash-exchange-graphic
--> -->
<section> <section id="getdash-trade">
<div class="content"> <div class="content">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<h2>{% t pages.get-dash.trade-heading %}</h2> <h2>{% t pages.get-dash.trade-heading %}</h2>
{% tmd pages.get-dash.trade-text %}</p> {% tmd pages.get-dash.trade-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a>
</div> </div>
@ -80,7 +80,7 @@ description: pages.get-dash.description
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<h2>{% t pages.get-dash.atm-heading %}</h2> <h2>{% t pages.get-dash.atm-heading %}</h2>
{% tmd pages.get-dash.atm-text %}</p> {% tmd pages.get-dash.atm-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a>
</div> </div>
@ -92,12 +92,12 @@ description: pages.get-dash.description
SHOP DIRECT WITH DASH SHOP DIRECT WITH DASH
.getdash-shop-graphic .getdash-shop-graphic
--> -->
<section> <section id="getdash-shop">
<div class="content"> <div class="content">
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
<h2>{% t pages.get-dash.shop-heading %}</h2> <h2>{% t pages.get-dash.shop-heading %}</h2>
{% tmd pages.get-dash.shop-text %}</p> {% tmd pages.get-dash.shop-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
</div> </div>
@ -114,12 +114,14 @@ description: pages.get-dash.description
--> -->
<section> <section>
<div class="content"> <div class="content">
<div class="col-sm-6 getdash-visa-graphic"></div> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6 getdash-visa-graphic"></div>
<h2>{% t pages.get-dash.visa-heading %}</h2> <div class="col-sm-6">
{% tmd pages.get-dash.visa-text %}</p> <h2>{% t pages.get-dash.visa-heading %}</h2>
{% tmd pages.get-dash.visa-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -130,15 +132,17 @@ description: pages.get-dash.description
--> -->
<section> <section>
<div class="content"> <div class="content">
<div class="col-sm-6"> <div class="row">
<h2>{% t pages.get-dash.need-heading %}</h2> <div class="col-sm-6">
{% tmd pages.get-dash.need-text %}</p> <h2>{% t pages.get-dash.need-heading %}</h2>
{% tmd pages.get-dash.need-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
{% tmd pages.get-dash.need-input %}</p> {% tmd pages.get-dash.need-input %}
</div> </div>
<div class="col-sm-6 getdash-need-graphic"> <div class="col-sm-6 getdash-need-graphic">
</div>
</div> </div>
</div> </div>
</section> </section>

View file

@ -6,31 +6,86 @@ description: pages.participate.description
{% tf participate/hero.html %} {% tf participate/hero.html %}
<div class="content"> <div class="page-participate">
<h2>{% t pages.participate.masternode-heading %}</h2> <!--
{% tmd pages.participate.masternode-text %}</p> SETUP A MASTERNODE
.participate-masternode-graphic
-->
<section id="participate-masternode">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.participate.masternode-heading %}</h2>
{% tmd pages.participate.masternode-text %}
<a href="#" class="btn-blue">{% t pages.participate.masternode-btn %}</a> <a href="#" class="btn-blue">{% t pages.participate.masternode-btn %}</a>
</div>
<div class="col-sm-6 participate-masternode-graphic">
</div>
</div>
</div>
</section>
<!--
START MINING
.participate-mining-graphic
-->
<section id="participate-mining">
<div class="content">
<div class="row">
<div class="col-sm-6 participate-mining-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.participate.mining-heading %}</h2>
{% tmd pages.participate.mining-text %}
<a href="#" class="btn-blue">{% t pages.participate.mining-btn %}</a>
</div>
</div>
</div>
</section>
<!--
BUDGET PROPOSALS
.participate-budgets-graphic
-->
<section id="participate-budgets">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.participate.funding-heading %}</h2>
{% tmd pages.participate.funding-text %}
<h2>{% t pages.participate.mining-heading %}</h2> <a href="#" class="btn-blue">{% t pages.participate.funding-btn %}</a>
{% tmd pages.participate.mining-text %}</p> </div>
<div class="col-sm-6 participate-budgets-graphic">
</div>
</div>
</div>
</section>
<!--
INTEGRATE DASH WITH YOUR STORE
.participate-integrate-graphic
-->
<section id="participate-integrate">
<div class="content">
<div class="row">
<div class="col-sm-6 participate-integrate-graphic"></div>
<div class="col-sm-6">
<h2>{% t pages.participate.integrate-heading %}</h2>
{% tmd pages.participate.integrate-text %}
<a href="#" class="btn-blue">{% t pages.participate.mining-btn %}</a> <a href="#" class="btn-blue">{% t pages.participate.integrate-btn %}</a>
<a href="#" class="btn-blue">{% t pages.participate.integrate-payment-processor-btn %}</a>
<a href="#" class="btn-blue">{% t pages.participate.integrate-contact-btn %}</a>
<h2>{% t pages.participate.funding-heading %}</h2> </div>
{% tmd pages.participate.funding-text %}</p> </div>
</div>
<a href="#" class="btn-blue">{% t pages.participate.funding-btn %}</a> </section>
<h2>{% t pages.participate.integrate-heading %}</h2>
{% tmd pages.participate.integrate-text %}</p>
<a href="#" class="btn-blue">{% t pages.participate.integrate-btn %}</a>
<a href="#" class="btn-blue">{% t pages.participate.integrate-payment-processor-btn %}</a>
<a href="#" class="btn-blue">{% t pages.participate.integrate-contact-btn %}</a>
</div> </div>