developer documentation page
@ -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';
|
||||
|
||||
|
Before Width: | Height: | Size: 583 B After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 725 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 762 B After Width: | Height: | Size: 2.1 KiB |
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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
|
After Width: | Height: | Size: 112 KiB |
BIN
img/icons/blockchain.svg
Normal file
|
After Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 583 B After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 841 B After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 725 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 762 B After Width: | Height: | Size: 2.1 KiB |
BIN
img/icons/ico_gear.png
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
img/icons/ico_gear.svg
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
img/icons/ico_payment.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
img/icons/ico_payment.svg
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
img/icons/ico_puzzle.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
img/icons/ico_puzzle.svg
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
img/icons/ico_transaction.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
img/icons/ico_transaction.svg
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
img/icons/ico_wallet.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
img/icons/ico_wallet.svg
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
img/icons/info.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/icons/info.svg
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/icons/letter.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/icons/letter.svg
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
img/icons/mining.png
Normal file
|
After Width: | Height: | Size: 127 KiB |
BIN
img/icons/mining.svg
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
img/icons/network.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
img/icons/network.svg
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
img/icons/new-user.png
Normal file
|
After Width: | Height: | Size: 146 KiB |
BIN
img/icons/new-user.svg
Normal file
|
After Width: | Height: | Size: 44 KiB |
BIN
img/icons/paper.png
Normal file
|
After Width: | Height: | Size: 113 KiB |
BIN
img/icons/paper.svg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
img/icons/private-keys.png
Normal file
|
After Width: | Height: | Size: 131 KiB |
BIN
img/icons/private-keys.svg
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
img/icons/reference.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
img/icons/reference.svg
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
img/icons/tag.png
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
img/icons/tag.svg
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
28
js/responsiveAccordion.js
Normal 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();
|
||||