developer documentation page

This commit is contained in:
alexcherman 2018-03-27 14:53:29 +02:00
parent 4f203bb71c
commit c538699a29
43 changed files with 453 additions and 110 deletions

View File

@ -577,7 +577,7 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
clear: both;
}
.card-row {
justify-content: space-between;
justify-content: left;
flex-wrap: wrap;
align-items: stretch;
margin: 70px 0 70px;
@ -585,7 +585,8 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
.card {
width: 31.7%;
height: auto;
margin-top: 30px;
margin-top: 30px ;
margin-right: 2.4%;
padding: 40px 30px 60px;
vertical-align: top;
border: 1px solid #DADADA;
@ -593,6 +594,9 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
box-sizing: border-box;
list-style: none;
}
.card:nth-child(3n+3) {
margin-right: 0;
}
.card img {
display: block;
height: 50px;
@ -1104,6 +1108,10 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
}
/* Bitcoin paper page end */
.how-it-works-content {
margin: 100px 0;
}
.titleicon{
width:32px;
height:32px;
@ -1149,25 +1157,48 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
line-height:1.5em;
}
.docreference{
text-align:center;
/* Developer Documentation page START*/
.dev-documentation {
padding: 50px 0 70px;
}
.docreference a{
display:inline-block;
margin:20px 0 40px 0;
font-size:115%;
width:150px;
.dev-documentation .glossary_term {
margin: 0 auto;
}
.docreference img{
display:block;
height:48px;
width:48px;
margin:0 auto 10px auto;
.dev-documentation .card-row {
margin: 55px 0;
}
.docreference span{
display:block;
line-height:1.5em;
.doc-card {
min-height: 500px;
}
.docreference {
padding: 50px 0 0;
border-top: 1px solid #dfdfdf;
text-align: center;
}
.docreference-title {
margin: 0 0 30px
}
.docreference-row {
justify-content: space-between;
}
.docreference-card {
width: 23%;
min-height: 190px;
padding: 40px 0;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #DADADA;
}
.docreference-card img {
margin: 0 0 20px;
}
.docreference-card a {
font-size: 137.5%;
font-weight: 600;
color: #13161F;
}
/* Developer Documentation page END*/
.toc-row {
justify-content: center;
padding: 95px 0 50px;
@ -1441,7 +1472,8 @@ h1 span.fa, h2 span.fa, h3 span.fa, h4 span.fa, h5 span.fa, h6 span.fa {
.glossary_term {
position: relative;
display: block;
width: 335px;
max-width: 570px;
width: 100%;
height: 55px;
margin-bottom: 43px;
padding: 17px 17px 17px 72px;
@ -2691,8 +2723,12 @@ h2 .rssicon{
.column-text h2 {
margin: 0 0 20px;
}
.card-row {
justify-content: space-between;
}
.card {
width: 48.3%;
margin-right: 0;
}
.toccontent .multicode,
.toccontent pre{
@ -2734,10 +2770,6 @@ h2 .rssicon{
.index li{
padding:3px 0;
}
.docreference a{
display:block;
margin:0 auto 40px auto;
}
.toc-row {
padding: 50px 0 70px;
}
@ -2747,9 +2779,6 @@ h2 .rssicon{
.toc > div {
width: 245px;
}
.glossary_term {
width: 100%;
}
.toccontent-block {
padding: 0 0 30px 30px;
}
@ -2983,6 +3012,15 @@ h2 .rssicon{
.detectmobile{
display:block;
}
.dev-documentation {
padding: 50px 0 70px;
}
.docreference {
padding: 30px 0 0;
}
.docreference-title {
margin: 0 0 15px;
}
}
@media handheld, only screen and ( max-width: 48em ), only screen and ( max-device-width: 48em ){
@ -3359,6 +3397,9 @@ h2 .rssicon{
.card {
width: 100%;
}
.card:first-child {
margin-top: 0;
}
.startbar {
display: none;
}
@ -3468,6 +3509,73 @@ h2 .rssicon{
.toccontent {
border: none;
}
.dev-documentation {
padding: 30px 0 50px;
}
.dev-documentation .card-row {
margin: 20px 0 50px;
}
.doc-card {
min-height: auto;
padding: 15px 20px;
}
.doc-card:not(:first-child) {
margin-top: 15px;
}
.doc-card img {
margin: 0 30px 0 0;
width: 25px;
}
.doc-card h2 {
min-height: auto;
margin: 0;
line-height: 30px;
font-size: 112.5%;
}
.doc-card p {
font-size: 100%;
padding-left: 55px;
text-align: left;
}
.doc-card a {
line-height: 24px;
}
.doc-acc-toggle {
display: flex;
align-items: center;
}
.resp-acc-toggle {
position: relative;
cursor: pointer;
}
.resp-acc-toggle::after {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 10px;
height: 6px;
transform: translateY(-50%);
background: url(../img/icons/ico_angle.svg) center no-repeat;
}
.active.resp-acc-toggle::after {
transform: translateY(-50%) rotate(180deg);
}
.resp-acc-content {
display: none;
}
.docreference-row {
flex-wrap: wrap;
}
.docreference-card {
width: 47.5%;
min-height: 100px;
margin-top: 15px;
padding: 17px 0;
}
.docreference-card img {
margin: 0;
}
}
@import 'wallets';

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 B

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 841 B

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 725 B

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 762 B

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -11,81 +11,226 @@ end_of_page: |
<script src="/js/jquery/jquery-1.11.2.min.js"></script>
<script src="/js/jquery/jquery-ui.min.js"></script>
<script src="/js/devsearch.js"></script>
<script src="/js/responsiveAccordion.js"></script>
---
<link rel="stylesheet" href="/css/jquery-ui.min.css">
<h1>{% translate pagetitle %}</h1>
<p class="summary">{% translate summary %}</p>
<input id="glossary_term" class="glossary_term" placeholder="{% translate glossarysearchplaceholder %}">
<div class="docreference">
<a href="/{{ page.lang }}/developer-guide"><span class="fa fa-info-circle fa-2x"></span><span>{% translate docreferencemenuguides %}</span></a>
<a href="/{{ page.lang }}/developer-reference"><span class="fa fa-book fa-2x"></span><span>{% translate docreferencemenureference %}</span></a>
<a href="/{{ page.lang }}/developer-examples"><span class="fa fa-code fa-2x"></span><span>{% translate docreferencemenuexamples %}</span></a>
<a href="/{{ page.lang }}/developer-glossary"><span class="fa fa-font fa-2x"></span><span>{% translate docreferencemenuglossary %}</span></a>
</div>
<div class="resources">
<div><div>
<h2 id="block_chain"><span class="fa fa-cube fa-lg"></span> {% translate resourcestitleblockchain %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#block-chain">{% translate resourcesitemblockchainguides %}</a></p>
<p><a href="/{{ page.lang }}/developer-reference#block-chain">{% translate resourcesitemblockchainreference %}</a></p>
</div><div>
<h2 id="transactions"><span class="fa fa-exchange fa-lg"></span> {% translate resourcestitletransactions %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#transactions">{% translate resourcesitemtransactionsguides %}</a></p>
<p><a href="/{{ page.lang }}/developer-reference#transactions">{% translate resourcesitemtransactionsreference %}</a></p>
<p><a href="/{{ page.lang }}/developer-examples#transactions">{% translate resourcesitemtransactionsexamples %}</a></p>
</div>
</div>
<div>
<div>
<h2 id="contracts"><span class="fa fa-sitemap fa-lg fa-rotate-270"></span> {% translate resourcestitlecontracts %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#contracts">{% translate resourcesitemcontractsguides %}</a></p>
<p><a href="https://en.bitcoin.it/wiki/Contracts"><span class="fa fa-external-link"></span> More Contracts</a> - Wiki {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://bitcoinj.github.io/working-with-micropayments"><span class="fa fa-external-link"></span> Micropayment Channel Example</a> - bitcoinj {% if page.lang != "en" %}(English){% endif %}</p>
</div><div>
<h2 id="wallets"><span class="fa fa-btc fa-lg"></span> {% translate resourcestitlewallets %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#wallets">{% translate resourcesitemwalletsguides %}</a></p>
<p><a href="/{{ page.lang }}/developer-reference#wallets">{% translate resourcesitemwalletsreferences %}</a></p>
<p><a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki"><span class="fa fa-external-link"></span> HD Wallets</a> - BIP32 {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki"><span class="fa fa-external-link"></span> Mnemonic Code</a> - BIP39 {% if page.lang != "en" %}(English){% endif %}</p>
</div>
</div>
<div>
<div>
<h2 id="payment-processing"><span class="fa fa-cart-plus fa-lg"></span> {% translate resourcestitlepaymentprocessing %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#payment-processing">{% translate resourcesitempaymentprocessingguides %}</a></p>
<p><a href="/{{ page.lang }}/developer-examples#payment-processing">{% translate resourcesitempaymentprocessingexamples %}</a></p>
<p><a href="https://github.com/bitcoin/bips/blob/master/bip-0070.mediawiki"><span class="fa fa-external-link"></span> Payment Protocol</a> - BIP70 {% if page.lang != "en" %}(English){% endif %}</p>
</div><div>
<h2 id="operating_modes"><span class="fa fa-cogs fa-lg"></span> {% translate resourcestitleoperatingmodes %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#operating-modes">{% translate resourcesitemoperatingmodesguides %}</a></p>
</div>
</div>
<div>
<div>
<h2 id="p2p-network"><span class="fa fa-share-alt fa-lg"></span> {% translate resourcestitlep2pnetwork %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#p2p-network">{% translate resourcesitemp2pnetworkguides %}</a></p>
<p><a href="/{{ page.lang }}/developer-reference#p2p-network">{% translate resourcesitemp2pnetworkreference %}</a></p>
<p><a href="/{{ page.lang }}/developer-examples#p2p-network">{% translate resourcesitemp2pnetworkexamples %}</a></p>
<p><a href="https://en.bitcoin.it/wiki/Protocol_specification"><span class="fa fa-external-link"></span> Full Protocol Specification</a> - Wiki {% if page.lang != "en" %}(English){% endif %}</p>
</div><div>
<h2 id="mining"><span class="fa fa-puzzle-piece fa-lg"></span> {% translate resourcestitlemining %}</h2>
<p><a href="/{{ page.lang }}/developer-guide#mining">{% translate resourcesitemminingguides %}</a></p>
<p><a href="https://github.com/bitcoin/bips/blob/master/bip-0022.mediawiki"><span class="fa fa-external-link"></span> getblocktemplate Fundamentals</a> - BIP22 {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://github.com/bitcoin/bips/blob/master/bip-0023.mediawiki"><span class="fa fa-external-link"></span> getblocktemplate Pooled Mining</a> - BIP23 {% if page.lang != "en" %}(English){% endif %}</p>
</div>
<div class="hero">
<div class="container">
<h1>{% translate pagetitle %}</h1>
<p class="summary">{% translate summary %}</p>
</div>
</div>
<div class="resourcesmore"><div>
<h2 id="additional-resources"><span class="fa fa-link fa-lg"></span> {% translate resourcestitleadditional %}</h2>
<p><a href="/{{ page.lang }}/bitcoin-paper"><span class="fa fa-external-link"></span> Bitcoin: A Peer-to-Peer Electronic Cash System</a> - Satoshi Nakamoto {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://github.com/bitcoin/bips#readme"><span class="fa fa-external-link"></span> Bitcoin Improvement Proposals</a> - GitHub {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://github.com/minium/Bitcoin-Spec"><span class="fa fa-external-link"></span> Bitcoin Developer Reference (working paper)</a> - Krzysztof Okupski {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://bitcoinj.github.io/#documentation"><span class="fa fa-external-link"></span> Bitcoinj Developer Documentation</a> - bitcoinj.org {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://programmingblockchain.gitbooks.io/programmingblockchain/content/"><span class="fa fa-external-link"></span> The C# Bitcoin book (NBitcoin Developer Documentation)</a> - Nicolas Dorier {% if page.lang != "en" %}(English){% endif %}</p>
<p><a href="https://en.bitcoin.it/wiki/Category:Technical"><span class="fa fa-external-link"></span> Technical Pages</a> - Wiki {% if page.lang != "en" %}(English){% endif %}</p>
</div></div>
<div class="dev-documentation">
<div class="container">
<input id="glossary_term" class="glossary_term" placeholder="{% translate glossarysearchplaceholder %}">
<div class="row card-row">
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_blockchain.svg" alt="Bank icon">
<h2 id="block_chain">{% translate resourcestitleblockchain %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a class="card-link" href="/{{ page.lang }}/developer-guide#block-chain">{% translate resourcesitemblockchainguides %}</a>
</p>
<p>
<a class="card-link" href="/{{ page.lang }}/developer-reference#block-chain">{% translate resourcesitemblockchainreference %}</a>
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_transaction.svg" alt="Bank icon">
<h2 id="transactions">{% translate resourcestitletransactions %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#transactions">{% translate resourcesitemtransactionsguides %}</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-reference#transactions">{% translate resourcesitemtransactionsreference %}</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-examples#transactions">{% translate resourcesitemtransactionsexamples %}</a>
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_contract.svg" alt="Bank icon">
<h2 id="contracts">{% translate resourcestitlecontracts %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#contracts">{% translate resourcesitemcontractsguides %}</a>
</p>
<p>
<a href="https://en.bitcoin.it/wiki/Contracts">More Contracts</a> - Wiki {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://bitcoinj.github.io/working-with-micropayments">Micropayment Channel Example</a> - bitcoinj {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_wallet.svg" alt="Bank icon">
<h2 id="wallets">{% translate resourcestitlewallets %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#wallets">{% translate resourcesitemwalletsguides %}</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-reference#wallets">{% translate resourcesitemwalletsreferences %}</a>
</p>
<p>
<a href="https://github.com/bitcoin/bips/blob/master/bip-0032.mediawiki">HD Wallets</a> - BIP32 {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki">Mnemonic Code</a> - BIP39 {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_payment.svg" alt="Bank icon">
<h2 id="payment-processing">{% translate resourcestitlepaymentprocessing %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#payment-processing">
{% translate resourcesitempaymentprocessingguides %}
</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-examples#payment-processing">
{% translate resourcesitempaymentprocessingexamples %}
</a>
</p>
<p>
<a href="https://github.com/bitcoin/bips/blob/master/bip-0070.mediawiki">Payment Protocol</a> - BIP70 {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_gear.svg" alt="Bank icon">
<h2 id="operating_modes">{% translate resourcestitleoperatingmodes %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#operating-modes">{% translate resourcesitemoperatingmodesguides %}</a>
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/network.svg" alt="Bank icon">
<h2 id="p2p-network">{% translate resourcestitlep2pnetwork %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#p2p-network">{% translate resourcesitemp2pnetworkguides %}</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-reference#p2p-network">{% translate resourcesitemp2pnetworkreference %}</a>
</p>
<p>
<a href="/{{ page.lang }}/developer-examples#p2p-network">{% translate resourcesitemp2pnetworkexamples %}</a>
</p>
<p>
<a href="https://en.bitcoin.it/wiki/Protocol_specification">Full Protocol Specification</a> - Wiki {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_puzzle.svg" alt="Bank icon">
<h2 id="mining">{% translate resourcestitlemining %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/developer-guide#mining">{% translate resourcesitemminingguides %}</a>
</p>
<p>
<a href="https://github.com/bitcoin/bips/blob/master/bip-0022.mediawiki">getblocktemplate Fundamentals</a> - BIP22 {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://github.com/bitcoin/bips/blob/master/bip-0023.mediawiki">getblocktemplate Pooled Mining</a> - BIP23 {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
<div class="card doc-card">
<div class="resp-acc-toggle doc-acc-toggle">
<img src="/img/icons/ico_puzzle.svg" alt="Bank icon">
<h2 id="additional-resources">{% translate resourcestitleadditional %}</h2>
</div>
<div class="resp-acc-content">
<p>
<a href="/{{ page.lang }}/bitcoin-paper">Bitcoin: A Peer-to-Peer Electronic Cash System</a> - Satoshi Nakamoto {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://github.com/bitcoin/bips#readme">Bitcoin Improvement Proposals</a> - GitHub {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://github.com/minium/Bitcoin-Spec">Bitcoin Developer Reference (working paper)</a> - Krzysztof Okupski {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://bitcoinj.github.io/#documentation">Bitcoinj Developer Documentation</a> - bitcoinj.org {% if page.lang != "en" %}(English){% endif %}
</p>
<p>
<a href="https://programmingblockchain.gitbooks.io/programmingblockchain/content/">The C# Bitcoin book (NBitcoin Developer Documentation)</a> - Nicolas Dorier {% if page.lang != "en" %}(English){%
endif %}
</p>
<p>
<a href="https://en.bitcoin.it/wiki/Category:Technical">Technical Pages</a> - Wiki {% if page.lang != "en" %}(English){% endif %}
</p>
</div>
</div>
</div>
<div class="docreference">
<h2 class="section-title docreference-title">{% translate docreference-title %}</h2>
<div class="row docreference-row">
<div class="docreference-card">
<img src="/img/icons/info.svg" alt="icon">
<a href="/{{ page.lang }}/developer-guide">
<p>{% translate docreferencemenuguides %}</p>
</a>
</div>
<div class="docreference-card">
<img src="/img/icons/reference.svg" alt="icon">
<a href="/{{ page.lang }}/developer-reference">
<p>{% translate docreferencemenureference %}</p>
</a>
</div>
<div class="docreference-card">
<img src="/img/icons/tag.svg" alt="icon">
<a href="/{{ page.lang }}/developer-examples">
<p>{% translate docreferencemenuexamples %}</p>
</a>
</div>
<div class="docreference-card">
<img src="/img/icons/letter.svg" alt="icon">
<a href="/{{ page.lang }}/developer-glossary">
<p>{% translate docreferencemenuglossary %}</p>
</a>
</div>
</div>
</div>
</div>
</div>

View File

@ -5,22 +5,82 @@
layout: base
id: how-it-works
---
<h1>{% translate pagetitle %}</h1>
<p class="summary">{% translate intro %}</p>
<div class="hero">
<div class="container">
<h1>{% translate pagetitle %}</h1>
<p class="summary">{% translate intro %}</p>
</div>
</div>
<h2 id="basics">{% translate basics %}</h2>
<p>{% translate basicstxt1 %}</p>
<div class="container">
<div class="how-it-works-content">
<p><br><img src="/img/icons/bitcoin-how-it-works.svg" alt="Bitcoin" /></p>
<div class="row two-column-row">
<div>
<img class="column-img" src="/img/icons/new-user.svg" alt="icon">
</div>
<div class="column-text">
<h2 class="section-title" id="basics">{% translate basics %}</h2>
<p>{% translate basicstxt1 %}</p>
</div>
</div>
<h2 id="balances">{% translate balances %}</h2>
<p>{% translate balancestxt %}</p>
<div class="row two-column-row">
<div>
<img class="column-img" src="/img/icons/blockchain.svg" alt="icon">
</div>
<div class="column-text">
<h2 class="section-title" id="balances">{% translate balances %}</h2>
<p>{% translate balancestxt %}</p>
</div>
</div>
<h2 id="transactions">{% translate transactions %}</h2>
<p>{% translate transactionstxt %}</p>
<div class="row two-column-row">
<div>
<img class="column-img" src="/img/icons/private-keys.svg" alt="icon">
</div>
<div class="column-text">
<h2 class="section-title" id="transactions">{% translate transactions %}</h2>
<p>{% translate transactionstxt %}</p>
</div>
</div>
<h2 id="processing">{% translate processing %}</h2>
<p>{% translate processingtxt %}</p>
<div class="row two-column-row">
<div>
<img class="column-img" src="/img/icons/mining.svg" alt="icon">
</div>
<div class="column-text">
<h2 class="section-title" id="processing">{% translate processing %}</h2>
<p>{% translate processingtxt %}</p>
</div>
</div>
<h2 id="readmore">{% translate readmore %}</h2>
<p>{% translate readmoretxt %}</p>
<div class="row two-column-row">
<div>
<img class="column-img" src="/img/icons/paper.svg" alt="icon">
</div>
<div class="column-text">
<h2 class="section-title" id="readmore">{% translate readmore %}</h2>
<p>{% translate readmoretxt %}</p>
</div>
</div>
</div>
<div class="link-bar">
<h3 class="link-bar-title">{% translate readmore %}</h3>
<p class="link-bar-description"></p>
<div class="row link-bar-row">
<div class="link-bar-item">
<a href="" class="link-bar-link"></a>
<p class="link-bar-text"></p>
</div>
<div class="link-bar-item">
<a href="" class="link-bar-link"></a>
</div>
<div class="link-bar-item">
<a href="" class="link-bar-link"></a>
</div>
</div>
</div>
</div>

View File

@ -293,6 +293,7 @@ en:
title: "Developer Documentation - Bitcoin"
pagetitle: "Developer Documentation"
summary: "Find useful resources, guides and reference material for developers."
docreference-title: "See also:"
navigationreturn: "Return To Overview"
navigationreport: "Report An Issue"
navigationedit: "Edit On GitHub"
@ -323,6 +324,7 @@ en:
resourcesitemp2pnetworkreference: "P2P Network Reference"
resourcesitemp2pnetworkexamples: "P2P Network Examples"
resourcestitleadditional: "Additional Resources"
resourcestitlemining: "Get block template"
fragmentreviewsneeded: >
This documentation has not been extensively reviewed by Bitcoin experts
and so likely contains numerous errors. Please use the <em>Issue</em> and

BIN
img/icons/blockchain.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

BIN
img/icons/blockchain.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 B

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 841 B

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 725 B

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 762 B

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/icons/ico_gear.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/icons/ico_gear.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
img/icons/ico_payment.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
img/icons/ico_payment.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/icons/ico_puzzle.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
img/icons/ico_puzzle.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
img/icons/ico_wallet.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/icons/ico_wallet.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
img/icons/info.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/icons/info.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/icons/letter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/icons/letter.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
img/icons/mining.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

BIN
img/icons/mining.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

BIN
img/icons/network.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
img/icons/network.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
img/icons/new-user.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
img/icons/new-user.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
img/icons/paper.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

BIN
img/icons/paper.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
img/icons/private-keys.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

BIN
img/icons/private-keys.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/icons/reference.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/icons/reference.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
img/icons/tag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
img/icons/tag.svg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

28
js/responsiveAccordion.js Normal file
View File

@ -0,0 +1,28 @@
function responsiveAccordion() {
$(".resp-acc-toggle").click(function() {
if ($(window).width() <= 640) {
//Expand or collapse this panel
$(this)
.next()
.slideToggle("fast");
$(this).toggleClass("active");
//Hide the other panels
$(".resp-acc-content")
.not($(this).next())
.slideUp("fast");
$(".resp-acc-content")
.not($(this))
.removeClass("active");
}
});
//Window resize function
$(window).resize(function() {
if ($(window).width() > 640) {
$(".resp-acc-content").removeAttr("style");
}
});
}
responsiveAccordion();