1
0
mirror of https://github.com/ipdb/website.git synced 2024-11-25 18:58:41 +01:00

draft community tools section

This commit is contained in:
Matthias Kretschmann 2017-10-16 09:44:27 +02:00
parent 7a3bd3abfc
commit 4e26e24f1c
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 67 additions and 1 deletions

View File

@ -183,7 +183,8 @@
}
}
.getstarted-bigchaindb {
.getstarted-bigchaindb,
.getstarted-tools {
padding-top: $spacer * 3;
margin-top: $spacer * 3;
border-top: .1rem solid darken($brand-05, 8%);
@ -261,6 +262,27 @@
opacity: .9;
}
// Community tools
.tool {
margin-bottom: $spacer * 2;
&:last-child {
margin-bottom: 0;
}
}
.tool__title {
font-size: $font-size-h5;
margin-bottom: $spacer / 4;
.icon {
fill: inherit;
opacity: .4;
margin-left: $spacer / 2;
width: $font-size-mini;
margin-bottom: -.2rem;
}
}
//
// Connect

View File

@ -223,6 +223,50 @@ css: page-front
</div>
</div>
</div>
<div class="getstarted-tools">
<div class="grid grid--full grid-small--half grid-medium--columns grid--gutters">
<div class="grid__col grid__col--2">
<h2 class="feature__title">Community Tools</h2>
</div>
<div class="grid__col grid__col--4">
<div class="tool">
<h3 class="tool__title">
<a href="http://www.nileshtrivedi.com/bigchaindb-explorer/">BigchainDB Explorer</a>
<a href="https://github.com/nileshtrivedi/bigchaindb-explorer" title="GitHub">
<svg class="icon" aria-labelledby="title">
<title>GitHub</title>
<use xlink:href="/assets/img/sprite.svg#icon-github"></use>
</svg>
</a>
</h3>
<p class="tool__description">
Use BigchainDB's HTTP API to explore assets, accounts and transactions.
</p>
</div>
<div class="tool">
<h3 class="tool__title">
<a href="https://ipdb-explorer.license.rocks/">IPDB Explorer</a>
<a href="https://github.com/LicenseRocks/ipdb-explorer" title="GitHub">
<svg class="icon" aria-labelledby="title">
<title>GitHub</title>
<use xlink:href="/assets/img/sprite.svg#icon-github"></use>
</svg>
</a>
</h3>
<p class="tool__description">
Tool for exploring IPDB txs based on asset ids and public keys
</p>
</div>
</div>
</div>
</div>
</div>
</section>