split content into subpages

This commit is contained in:
Nils Schneider 2011-09-16 10:56:30 +02:00
parent b70774cee9
commit 5e114f37d6
10 changed files with 184 additions and 164 deletions

View file

@ -40,13 +40,14 @@ kramdown:
coderay_css: style coderay_css: style
navigation: navigation:
- text: Home
url: /
section: index
- text: News - text: News
url: /news.html url: /news.html
layout: post section: news
- text: About - text: About
url: /about.html url: /about.html
- text: Features
url: /features.html
aliases: aliases:
s_nakamoto: Satoshi Nakamoto s_nakamoto: Satoshi Nakamoto

View file

@ -1,11 +1,10 @@
<div class="topbar"> <div class="topbar" id="menu">
<div class="fill"> <div class="fill">
<div class="container"> <div class="container">
<h3><a href="/"><img src="/img/logo_small.png" id="thelogo"/>Bitcoin</a></h3>
<ul> <ul>
{% for link in site.navigation %} {% for link in site.navigation %}
{% assign active = nil %} {% assign active = nil %}
{% if page.url == link.url or page.layout == link.layout %} {% if page.section == link.section or page.url == link.url %}
{% assign active = 'active' %} {% assign active = 'active' %}
{% endif %} {% endif %}
<li{% if active %} class="{{ active }}"{% endif %}> <li{% if active %} class="{{ active }}"{% endif %}>

View file

@ -29,8 +29,6 @@
<body> <body>
{% include nav.html %}
{{ content }} {{ content }}
<div class="container"> <div class="container">

4
_layouts/index.html Normal file
View file

@ -0,0 +1,4 @@
---
layout: base
---
{{ content }}

View file

@ -1,18 +1,11 @@
--- ---
layout: base layout: simple
section: news
--- ---
<div id="masthead">
<div class="inner">
<div class="container primarybox">
<h1>News</h1>
</div>
</div>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="span5"> <div class="span5">
<p><a href="/" class="btn">Back to homepage</a></p> <h5>News archive</h5>
<ul class="unstyled"> <ul class="unstyled">
{% for post in site.posts %} {% for post in site.posts %}
<li> <li>

14
_layouts/simple.html Normal file
View file

@ -0,0 +1,14 @@
---
layout: base
---
<div id="masthead">
<div class="inner">
<div class="container primarybox">
<h1>Bitcoin <small>P2P Digital Currency</small></h1>
</div>
</div>
</div>
{% include nav.html %}
{{ content }}

View file

@ -12,8 +12,12 @@ img.icon {
color: #fff; color: #fff;
}*/ }*/
.topbar + #masthead { #masthead .inner {
margin-top: 40px; padding-top: 1.5em;
}
.overview + div {
padding-top: 2em;
} }
.overview { .overview {
@ -22,12 +26,28 @@ img.icon {
} }
#download { #download {
background: #fafafa; background: #fff;
color: #333; color: #333;
.well; .well;
padding: 0;
h2 {
background: #f3f3f3;
border-bottom: 1px solid #eee;
padding: 0.25em 0.5em;
#gradient > .vertical(#ffffff, #e8e8e8);
}
div {
padding: 1em;
}
} }
#masthead + div { .topbar + div {
margin-top: 40px;
}
#masthead + .container, .topbar + .container, .topbar + .overview {
padding-top: 2em; padding-top: 2em;
} }
@ -57,7 +77,7 @@ img.icon {
} }
} }
a { a:not(.btn) {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
@ -81,19 +101,15 @@ img.logo {
z-index: 100; z-index: 100;
} }
section {
padding-top: 60px;
}
.right { .right {
float: right; float: right;
} }
#thelogo {
vertical-align: top;
margin-right: 4px;
}
table.unstyled td { table.unstyled td {
border: none; border: none;
} }
.topbar {
position: absolute;
top: auto;
}

83
about.html Normal file
View file

@ -0,0 +1,83 @@
---
layout: simple
---
<div class="container">
<section id="about">
<h1>About Bitcoin</h1>
<div class="row">
<div class="span10">
<h2>Introduction</h2>
<p>Bitcoin is one of the first implementations of a concept called crypto-currency, which was first described in 1998 by Wei Dai on the cypherpunks mailing list. Building upon the notion that money is any object, or any sort of record, accepted as payment for goods and services and repayment of debts in a given country or socio-economic context, Bitcoin is designed around the idea of using cryptography to control the creation and transfer of money, rather than relying on central authorities.</p>
</div>
<div class="span6">
<h2>Technology</h2>
<p>If you are interested to learn more about the technical details of Bitcoin it is recommended to start with these documents:</p>
<ul>
<li><a href="bitcoin.pdf">Bitcoin: A Peer-to-Peer Electronic Cash System</a></li>
<li><a href="https://en.bitcoin.it/wiki/Protocol_rules">Protocol rules</a></li>
<li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin wiki</a></li>
</ul>
</div>
</div>
</section>
<section id="features">
<h1>Features</h1>
<div class="row">
<div class="span12">
<p>These are the basic features of any Bitcoin-like network.</p>
<ul>
<li>Bitcoins can be transferred between arbitary nodes on the network.</li>
<li>Transactions are irreversible.</li>
<li>Double spending is prevented by using a <a href="https://en.bitcoin.it/wiki/Block_chain">block chain</a>.</li>
<li>Transactions are broadcasted within seconds and <a href="https://en.bitcoin.it/wiki/FAQ#Why_do_I_have_to_wait_10_minutes_before_I_can_spend_money_I_received.3F">verified within 10 to 60 minutes</a>.</li>
<li>Transactions are received while the computer is turned off.</li>
</ul>
<h2>Economic rules</h2>
<p>These rules are enforced collectively by the network. While they will not change for Bitcoin, other digital currencies using Bitcoin's technology may change them to suit their needs.</p>
<ul>
<li>Hard limit of <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">about 21 million Bitcoins</a>.</li>
<li>Bitcoins are divisible to 8 decimal places yielding a total of approx. 21×10<sup>14</sup> currency units.</li>
<li>Transactions are cheap, and mostly free (<a href="https://en.bitcoin.it/wiki/Transaction_fees">Transaction fees</a>).</li>
</ul>
<h2>Features of the Bitcoin network</h2>
<p>The network is running for more than 32 months yielding to some impressive security features.</p>
<ul>
<li>Long block chain (more than 140.000 blocks) with lots of processing power securing transactions.</li>
<li>Only one major <a href="https://en.bitcoin.it/wiki/Incidents#Value_overflow">incident</a> (fixed in August 2010).</li>
</ul>
</div>
<div class="span4">
</div>
</section>
<section id="contributors">
<h1>Contributors <small>ordered by number of commits</small></h1>
<table class="unstyled">
<tr>
{% for c in site.project.contributors %}
<td>{{ c.name }} ({{ c.contributions }})</td>
{% cycle nil, nil, nil, nil, '</tr><tr>' %}
{% endfor %}
</tr>
</table>
</section>
</div>

View file

@ -1,5 +1,6 @@
--- ---
layout: base layout: index
section: index
title: P2P digital currency title: P2P digital currency
DOWNLOAD_VERSION: 0.3.24 DOWNLOAD_VERSION: 0.3.24
ALERT_CLASS: ALERT_CLASS:
@ -25,7 +26,7 @@ ALERT:
<p> <p>
<a class="btn primary large" href="http://www.weusecoins.com/">Learn how to use Bitcoin &raquo;</a> <a class="btn primary large" href="http://www.weusecoins.com/">Learn how to use Bitcoin &raquo;</a>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<a class="btn primary large" href="#about">Learn about Bitcoin's technology &raquo;</a> <a class="btn large" href="/about.html">Learn more about Bitcoin &raquo;</a>
</p> </p>
</div> </div>
@ -33,25 +34,28 @@ ALERT:
<section id="download"> <section id="download">
<h2>Download</h2> <h2>Download</h2>
<p> <div>
<strong>Latest version:</strong> {{ page.DOWNLOAD_VERSION }}
</p>
<ul class="unstyled"> <p>
<li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-win32.zip/download"> <strong>Latest version:</strong> {{ page.DOWNLOAD_VERSION }}
<img src="img/ico-win.png" class="icon"/>Windows (zip)</a> <small>~6MB</small> </p>
</li>
<li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-win32-setup.exe/download"> <ul class="unstyled">
<img src="img/ico-win.png" class="icon"/>Windows (exe)</a> <small>~6MB</small> <li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-win32.zip/download">
</li> <img src="img/ico-win.png" class="icon"/>Windows (zip)</a> <small>~6MB</small>
<li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-linux.tar.gz/download"> </li>
<img src="img/ico-tux.png" class="icon"/>Linux (tgz, 32/64-bit)</a> <small>~10MB</small> <li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-win32-setup.exe/download">
</li> <img src="img/ico-win.png" class="icon"/>Windows (exe)</a> <small>~6MB</small>
<li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-macosx.zip/download"> </li>
<img src="img/ico-osx-uni.png" class="icon">Mac OS X</a> <small>~8MB</small> <li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-linux.tar.gz/download">
</li> <img src="img/ico-tux.png" class="icon"/>Linux (tgz, 32/64-bit)</a> <small>~10MB</small>
<li>or get the <a href="https://github.com/bitcoin/bitcoin">source code</a> (GitHub)</li> </li>
</ul> <li><a href="http://sourceforge.net/projects/bitcoin/files/Bitcoin/bitcoin-{{ page.DOWNLOAD_VERSION }}/bitcoin-{{ page.DOWNLOAD_VERSION }}-macosx.zip/download">
<img src="img/ico-osx-uni.png" class="icon">Mac OS X</a> <small>~8MB</small>
</li>
<li>or get the <a href="https://github.com/bitcoin/bitcoin">source code</a> (GitHub)</li>
</ul>
</div>
</section> </section>
</div> </div>
</div> </div>
@ -59,6 +63,8 @@ ALERT:
</div> </div>
</div> </div>
{% include nav.html %}
<div class="overview"> <div class="overview">
<div class="container main"> <div class="container main">
<div class="row"> <div class="row">
@ -129,79 +135,4 @@ ALERT:
{% endfor %} {% endfor %}
<p><a class="btn" href="news.html">News archive</a></p> <p><a class="btn" href="news.html">News archive</a></p>
</section> </section>
<section id="about">
<h1>About Bitcoin</h1>
<div class="row">
<div class="span10">
<h2>Introduction</h2>
<p>Bitcoin is one of the first implementations of a concept called crypto-currency, which was first described in 1998 by Wei Dai on the cypherpunks mailing list. Building upon the notion that money is any object, or any sort of record, accepted as payment for goods and services and repayment of debts in a given country or socio-economic context, Bitcoin is designed around the idea of using cryptography to control the creation and transfer of money, rather than relying on central authorities.</p>
</div>
<div class="span6">
<h2>Technology</h2>
<p>If you are interested to learn more about the technical details of Bitcoin it is recommended to start with these documents:</p>
<ul>
<li><a href="bitcoin.pdf">Bitcoin: A Peer-to-Peer Electronic Cash System</a></li>
<li><a href="https://en.bitcoin.it/wiki/Protocol_rules">Protocol rules</a></li>
<li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin wiki</a></li>
</ul>
</div>
</div>
</section>
<section id="features">
<h1>Features</h1>
<div class="row">
<div class="span12">
<p>These are the basic features of any Bitcoin-like network.</p>
<ul>
<li>Bitcoins can be transferred between arbitary nodes on the network.</li>
<li>Transactions are irreversible.</li>
<li>Double spending is prevented by using a <a href="https://en.bitcoin.it/wiki/Block_chain">block chain</a>.</li>
<li>Transactions are broadcasted within seconds and <a href="https://en.bitcoin.it/wiki/FAQ#Why_do_I_have_to_wait_10_minutes_before_I_can_spend_money_I_received.3F">verified within 10 to 60 minutes</a>.</li>
<li>Transactions are received while the computer is turned off.</li>
</ul>
<h2>Economic rules</h2>
<p>These rules are enforced collectively by the network. While they will not change for Bitcoin, other digital currencies using Bitcoin's technology may change them to suit their needs.</p>
<ul>
<li>Hard limit of <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">about 21 million Bitcoins</a>.</li>
<li>Bitcoins are divisible to 8 decimal places yielding a total of approx. 21×10<sup>14</sup> currency units.</li>
<li>Transactions are cheap, and mostly free (<a href="https://en.bitcoin.it/wiki/Transaction_fees">Transaction fees</a>).</li>
</ul>
<h2>Features of the Bitcoin network</h2>
<p>The network is running for more than 32 months yielding to some impressive security features.</p>
<ul>
<li>Long block chain (more than 140.000 blocks) with lots of processing power securing transactions.</li>
<li>Only one major <a href="https://en.bitcoin.it/wiki/Incidents#Value_overflow">incident</a> (fixed in August 2010).</li>
</ul>
</div>
</div>
</section>
<section id="contributors">
<h1>Contributors <small>ordered by number of commits</small></h1>
<table class="unstyled">
<tr>
{% for c in site.project.contributors %}
<td>{{ c.name }} ({{ c.contributions }})</td>
{% cycle nil, nil, nil, nil, '</tr><tr>' %}
{% endfor %}
</tr>
</table>
</section>
</div> </div>

View file

@ -1,41 +1,22 @@
$(document).ready(function(){ $(document).ready(function(){
var docked;
var menu = document.getElementById('menu');
var init = menu.offsetTop;
// scroll spy logic window.onscroll = function () {
// ================ if (!docked && (menu.offsetTop - scrollTop() < 0)) {
menu.style.top = 0;
var activeTarget, menu.style.position = 'fixed';
position = {}, docked = true;
$window = $(window), } else if (docked && scrollTop() <= init) {
nav = $('body > .topbar li a'), menu.style.top = init + 'px';
targets = nav.map(function () { menu.style.position = 'absolute';
return $(this).attr('href'); docked = false;
}), }
offsets = $.map(targets, function (id) { };
return $(id).offset().top;
});
function setButton(id) {
nav.parent("li").removeClass('active');
$(nav[$.inArray(id, targets)]).parent("li").addClass('active');
}
function processScroll(e) {
var scrollTop = $window.scrollTop() + 10, i;
for (i = offsets.length; i--;) {
if (activeTarget != targets[i] && scrollTop >= offsets[i] && (!offsets[i + 1] || scrollTop <= offsets[i + 1])) {
activeTarget = targets[i];
setButton(activeTarget);
}
}
}
nav.click(function () {
processScroll();
});
processScroll();
$window.scroll(processScroll);
}); });
function scrollTop() {
return document.body.scrollTop || document.documentElement.scrollTop;
}