bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-22 01:36:55 +01:00
Code Releases Activity

get started CTA section

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-11-20 11:25:56 +01:00
parent 60f97f85a4
commit c22ec13358
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 60 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
_src/_assets/styles/_page-guides.scss
View File

@ -55,6 +55,10 @@
}
}
.section--guides-more {
padding-top: 0;
}
.guide {
height: 100%;
@ -151,3 +155,17 @@ li.toc-h3 {
padding-bottom: ($spacer * 5);
}
}
.section--getstarted {
padding-bottom: 0;
.section-header {
margin-bottom: -($spacer * 3.5);
position: relative;
z-index: 10;
.btn {
margin-top: $spacer * 2;
}
}
}

27
_src/_layouts/guide.html
View File

@ -21,15 +21,15 @@ layout: base
</div>
</section>
<section class="section">
<section class="section section--guides-more">
<div class="row">
<header class="section-header">
<h1 class="section-title">More guides</h1>
</header>
</div>
<div class="row">
<div class="grid grid--full grid-small--half grid--gutters">
{% for guide in site.guides limit: 4 %}
<div class="row row--wide">
<div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
{% for guide in site.guides limit: 6 %}
{% unless page.id == guide.id %}
<div class="grid__col">
<article class="guide">
@ -46,3 +46,22 @@ layout: base
<a class="btn btn-secondary" href="/guides/">All guides</a>
</div>
</section>
<section class="section section--getstarted background--darker">
<div class="row row--wide">
<header class="section-header">
<h1 class="section-title">Get to know the BigchainDB universe</h1>
<div class="section-description">
<p>Explore drivers, tools & a lot more documentation.</p>
<a class="btn btn-primary" href="/getstarted/">Get started</a>
</div>
</header>
</div>
<aside class="starbase starbase--server">
<div class="row row--wide">
<figure class="starbase__image">
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
</figure>
</div>
</aside>
</section>

19
_src/guides.html
View File

@ -21,3 +21,22 @@ tagline: "These guides explain you how to get started and build apps with Bigcha
</div>
</div>
</section>
<section class="section section--getstarted background--darker">
<div class="row row--wide">
<header class="section-header">
<h1 class="section-title">Get to know the BigchainDB universe</h1>
<div class="section-description">
<p>Explore drivers, tools & a lot more documentation.</p>
<a class="btn btn-primary" href="/getstarted/">Get started</a>
</div>
</header>
</div>
<aside class="starbase starbase--server">
<div class="row row--wide">
<figure class="starbase__image">
<img class="img--responsive" src="/assets/img/nosprite/starbase-server.svg" alt="Starbase" width="1111" height="343">
</figure>
</div>
</aside>
</section>