joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 09:46:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile responsive design and many design fixes

Browse source 
adapt CSS to be either responsive, or specific to mobiles
add mobile menu icon to show the hidden menu on touch
add optimized language bar menu for mobiles
remove 1200px width workaround for the wallet page, description now fit on 1
remove links on wallet icons for :hover compatibility with mobile devices
move right buttons into the page (fixes #67)
fix contributors plugin to produce W3C valid HTML
drop useless classes like .list
clean and organize CSS
add icon for ios touch devices (fixes #111)
This commit is contained in:
Saivann 2013-04-01 16:34:55 -04:00
parent 3e2463928c
commit 9d590e098b
15 changed files with 500 additions and 326 deletions
Download patch file Download diff file Expand all files Collapse all files

20
_layouts/base-en.html
View file

@ -30,10 +30,12 @@ menu:
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta property="og:image" content="http://bitcoin.org/img/opengraph.png" /> <meta property="og:image" content="http://bitcoin.org/img/opengraph.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
{% lesscss bootstrap.less %} {% lesscss bootstrap.less %}
<script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/main.js"></script>
<link rel="shortcut icon" href="/favicon.png"> <link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/img/logo_ios.png"/>
</head> </head>
<body> <body>
{% if site.ALERT or site.ALERT_en %} {% if site.ALERT or site.ALERT_en %}
@ -43,8 +45,12 @@ menu:
<div><div>{{ alert }}</div></div> <div><div>{{ alert }}</div></div>
</div> </div>
{% endif %} {% endif %}
<div id="head"> <div id="head"><div>
<div class="wrap"> <select id="langselect" onchange="window.location=this.value;">
{% for lang in site.langs %}{% assign la = lang[0]%}{% if lang[0] == page.lang %}{% assign active = ' selected="selected"'%}{% else %}{% assign active = ''%}{% endif %}
<option value="/{{ lang[0] }}/{{ site.section[page.id][la] }}"{{ active }}>{{ lang[1] }}</option>
{% endfor %}
</select>
<ul id="lang"> <ul id="lang">
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a> <li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
<ul> <ul>
@ -54,21 +60,20 @@ menu:
</ul> </ul>
</li> </li>
</ul> </ul>
<div id="logo"><a href="/{{ page.lang }}/"><span>Bitcoin</span></a></div> <a id="logo" href="/{{ page.lang }}/"><img src="/img/logotop.svg" alt="Bitcoin"></a>
<a href="#" id="menumobile" onclick="mobileshow(event);"></a>
<ul id="menufor"> <ul id="menufor">
{% for link in page.menufor %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %} {% for link in page.menufor %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %}
<li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li> <li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> <ul id="menu">
<ul id="menu" class="wrap">
{% for link in page.menu %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %} {% for link in page.menu %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %}
<li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li> <li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div></div>
<div id="body"> <div id="body">
<div class="wrap">
<div id="content"> <div id="content">
{{ content }} {{ content }}
</div> </div>
@ -85,7 +90,6 @@ menu:
</div> </div>
<div id="footer"><div>© Bitcoin Project 2009–2013 Released under the <a href="http://creativecommons.org/licenses/MIT/" target="_blank">MIT license</a></div></div> <div id="footer"><div>© Bitcoin Project 2009–2013 Released under the <a href="http://creativecommons.org/licenses/MIT/" target="_blank">MIT license</a></div></div>
</div> </div>
</div>
<script type="text/javascript">svgfallback();</script> <script type="text/javascript">svgfallback();</script>
</body> </body>

20
_layouts/base-fr.html
View file

@ -30,10 +30,12 @@ menu:
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta property="og:image" content="http://bitcoin.org/img/opengraph.png" /> <meta property="og:image" content="http://bitcoin.org/img/opengraph.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
{% lesscss bootstrap.less %} {% lesscss bootstrap.less %}
<script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/main.js"></script>
<link rel="shortcut icon" href="/favicon.png"> <link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon-precomposed" href="/img/logo_ios.png"/>
</head> </head>
<body> <body>
{% if site.ALERT or site.ALERT_fr %} {% if site.ALERT or site.ALERT_fr %}
@ -43,8 +45,12 @@ menu:
<div><div>{{ alert }}</div></div> <div><div>{{ alert }}</div></div>
</div> </div>
{% endif %} {% endif %}
<div id="head"> <div id="head"><div>
<div class="wrap"> <select id="langselect" onchange="window.location=this.value;">
{% for lang in site.langs %}{% assign la = lang[0]%}{% if lang[0] == page.lang %}{% assign active = ' selected="selected"'%}{% else %}{% assign active = ''%}{% endif %}
<option value="/{{ lang[0] }}/{{ site.section[page.id][la] }}"{{ active }}>{{ lang[1] }}</option>
{% endfor %}
</select>
<ul id="lang"> <ul id="lang">
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a> <li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
<ul> <ul>
@ -54,21 +60,20 @@ menu:
</ul> </ul>
</li> </li>
</ul> </ul>
<div id="logo"><a href="/{{ page.lang }}/"><span>Bitcoin</span></a></div> <a id="logo" href="/{{ page.lang }}/"><img src="/img/logotop.svg" alt="Bitcoin"></a>
<a href="#" id="menumobile" onclick="mobileshow(event);"></a>
<ul id="menufor"> <ul id="menufor">
{% for link in page.menufor %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %} {% for link in page.menufor %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %}
<li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li> <li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> <ul id="menu">
<ul id="menu" class="wrap">
{% for link in page.menu %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %} {% for link in page.menu %}{% assign active = nil %}{% capture fullurl %}{{ '/' | append:page.lang | append:'/' | append:link.url | append:'.html' }}{% endcapture %}{% if page.url == fullurl %}{% assign active = 'active' %}{% endif %}
<li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li> <li{% if active %} class="{{ active }}"{% endif %}><a href="/{{ page.lang }}/{{ link.url }}">{{ link.text }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div></div>
<div id="body"> <div id="body">
<div class="wrap">
<div id="content"> <div id="content">
{{ content }} {{ content }}
</div> </div>
@ -85,7 +90,6 @@ menu:
</div> </div>
<div id="footer"><div>© Bitcoin Project 2009–2013 Released under the <a href="http://creativecommons.org/licenses/MIT/" target="_blank">MIT license</a></div></div> <div id="footer"><div>© Bitcoin Project 2009–2013 Released under the <a href="http://creativecommons.org/licenses/MIT/" target="_blank">MIT license</a></div></div>
</div> </div>
</div>
<script type="text/javascript">svgfallback();</script> <script type="text/javascript">svgfallback();</script>
</body> </body>

490
_less/main.less
View file

@ -1,21 +1,26 @@
/*Styles for HTML tags*/
body{ body{
background-color:#fafafa;
color:#646464;
font-family:"Helvetica Neue", "Liberation Sans", Arial, sans-serif; font-family:"Helvetica Neue", "Liberation Sans", Arial, sans-serif;
margin:0; margin:0;
padding:0; padding:0;
color:#646464;
background-color:#fafafa;
background-repeat:repeat; background-repeat:repeat;
background-image:url(/img/innerbg.png); background-image:url(/img/innerbg.png);
} }
h1,h2{ h1,h2,h3{
font-family:'UbuntuBold', sans-serif; text-align:left;
font-weight:normal;
} }
h1{ h1{
font-family:'UbuntuBold', sans-serif;
font-weight:normal;
color:#0d579b; color:#0d579b;
font-size:160%; font-size:160%;
} }
h2{ h2{
font-family:'UbuntuBold', sans-serif;
font-weight:normal;
color:#383838; color:#383838;
font-size:130%; font-size:130%;
} }
@ -33,7 +38,7 @@ color:#4892b2;
a:link:hover,a:visited:hover,a:active:hover{ a:link:hover,a:visited:hover,a:active:hover{
color:#75bfdf; color:#75bfdf;
} }
a img{ a img,a:link img,a:visited img,a:active img{
border:0; border:0;
} }
blockquote{ blockquote{
@ -56,6 +61,81 @@ border-radius:3px;
white-space:pre-wrap; white-space:pre-wrap;
word-wrap:break-word; word-wrap:break-word;
} }
ul{
padding-left:20px;
}
li{
padding:5px 0px;
text-align:left;
}
/*Styles for whole website*/
@font-face{
font-family:'UbuntuRegular';
src:url('/font/ubuntu-r-webfont.eot');
src:url('/font/ubuntu-r-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-r-webfont.woff') format('woff'),
url('/font/ubuntu-r-webfont.ttf') format('truetype'),
url('/font/ubuntu-r-webfont.svg#webfontKT0zjHSC') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'UbuntuItalic';
src:url('/font/ubuntu-ri-webfont.eot');
src:url('/font/ubuntu-ri-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-ri-webfont.woff') format('woff'),
url('/font/ubuntu-ri-webfont.ttf') format('truetype'),
url('/font/ubuntu-ri-webfont.svg#webfontGetaoUfe') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'UbuntuBold';
src:url('/font/ubuntu-b-webfont.eot');
src:url('/font/ubuntu-b-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-b-webfont.woff') format('woff'),
url('/font/ubuntu-b-webfont.ttf') format('truetype'),
url('/font/ubuntu-b-webfont.svg#webfontEreyFiHC') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'UbuntuBoldItalic';
src:url('/font/ubuntu-bi-webfont.eot');
src:url('/font/ubuntu-bi-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-bi-webfont.woff') format('woff'),
url('/font/ubuntu-bi-webfont.ttf') format('truetype'),
url('/font/ubuntu-bi-webfont.svg#webfontf1YowZka') format('svg');
font-weight:normal;
font-style:normal;
}
.alert-message{
background-color:#fff;
}
.alert-message>div{
background-color:#fff;
background-color:#c5251f;
}
.alert-message.error>div{
background-color:#c5251f;
}
.alert-message.success>div{
background-color:#489e48;
}
.alert-message.info>div{
background-color:#517ea7;
}
.alert-message>div>div{
margin:auto;
width:960px;
padding:10px;
}
.alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{
color:#fff;
}
#head{ #head{
background-image:linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%); background-image:linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
@ -63,9 +143,23 @@ background-image:-o-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%)
background-image:-moz-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%); background-image:-moz-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-webkit-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%); background-image:-webkit-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
background-image:-ms-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%); background-image:-ms-linear-gradient(bottom, rgba(255, 255, 255,0) 14%, #fff 70%);
height:90px; }
#head>div{
max-width:1040px;
margin:auto;
position:relative;
overflow:hidden;
} }
#body{
max-width:1040px;
margin:auto;
position:relative;
}
#langselect{
display:none;
}
#lang,#lang li,#lang ul{ #lang,#lang li,#lang ul{
display:block; display:block;
list-style:none; list-style:none;
@ -77,6 +171,7 @@ cursor:pointer;
#lang{ #lang{
position:absolute; position:absolute;
right:0px; right:0px;
top:0px;
height:30px; height:30px;
border-left:1px solid transparent; border-left:1px solid transparent;
border-right:1px solid transparent; border-right:1px solid transparent;
@ -127,92 +222,30 @@ color:#000;
} }
#logo{ #logo{
position:absolute;
left:0px;
top:10px;
}
#logo a{
display:block; display:block;
background-image:url(/img/logotop.svg); position:absolute;
left:40px;
top:12px;
width:191px; width:191px;
height:40px; height:40px;
} }
#logo span{
#menumobile{
display:none; display:none;
} }
#rightbox{
width:210px;
height:200px;
position:absolute;
right:0px;
top:16px;
border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
#choose>a:first-child,#before>a:first-child,#start>a:first-child,#support>a:first-child{
padding:10px 8px 10px 48px;
color:#fff;
display:block;
text-align:left;
margin-bottom:10px;
text-decoration:none;
font-weight:bold;
border-radius:5px;
-webkit-border-radius:5px;
}
#choose img,#before img,#start img,#support img{
vertical-align:middle;
margin-right:8px;
margin-left:-40px;
}
#before>a:first-child,#start>a:first-child,#support>a:first-child{
background-color:#2c6fad;
border:1px solid #20598f;
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
}
#before>a:first-child:hover,#start>a:first-child:hover,#support>a:first-child:hover{
background-image:linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-o-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #2c6fad 14%, #2c6fad 70%);
}
#choose>a:first-child{
padding:12px 8px 12px 48px;
background-color:#e7750c;
border:1px solid #cc6100;
background-image:linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-o-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-moz-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-webkit-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
background-image:-ms-linear-gradient(bottom, #cc6100 14%, #e7750c 70%);
}
#choose>a:first-child:hover{
background-image:linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-o-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-moz-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-webkit-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
background-image:-ms-linear-gradient(bottom, #e7750c 14%, #e7750c 70%);
}
#menufor{ #menufor{
width:660px; max-width:660px;
position:relative; position:relative;
bottom:-18px; bottom:-18px;
margin:2px 0px 0px 210px; margin:2px 0px 0px 250px;
padding:0px; padding:0px;
height:35px; height:35px;
overflow:hidden;
} }
#menufor li{ #menufor li{
list-style:none; list-style:none;
float:left; float:left;
padding:0px;
margin:0px 10px; margin:0px 10px;
border-radius:5px; border-radius:5px;
-webkit-left-radius:5px; -webkit-left-radius:5px;
@ -245,36 +278,26 @@ border-radius:5px;
color:#fff; color:#fff;
} }
.wrap{
width:980px;
margin:auto;
position:relative;
}
#menu{ #menu{
padding:0px; padding:0px;
margin:0px; margin:24px auto 0px 32px;
margin:auto;
position:relative;
left:-6px;
top:24px;
height:32px; height:32px;
} }
#menu li{ #menu li{
list-style:none; list-style:none;
float:left; float:left;
padding:0px;
border:1px solid transparent; border:1px solid transparent;
border-radius:3px; border-radius:3px;
-webkit-border-radius:3px; -webkit-border-radius:3px;
} }
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{ #menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
font-family:'Ubuntu', sans-serif; font-family:'Ubuntu', sans-serif;
height:24px;
font-size:16px; font-size:16px;
display:block; display:block;
color:#3f3f3f; color:#3f3f3f;
text-decoration:none; text-decoration:none;
padding:6px 10px; padding:6px 10px 10px 10px;
} }
#menu li:hover a,#menu li.active a{ #menu li:hover a,#menu li.active a{
color:#000; color:#000;
@ -288,11 +311,10 @@ box-shadow:0px 0px 14px rgba(0,0,0,0.15);
} }
#content{ #content{
margin-top:5px;
position:relative; position:relative;
left:-40px; top:-2px;
padding:15px 210px 20px 40px; padding:15px 250px 20px 40px;
width:740px; max-width:780px;
text-align:justify; text-align:justify;
background-color:#fff; background-color:#fff;
min-height:400px; min-height:400px;
@ -304,6 +326,75 @@ box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 15px 70px rgba(0, 0, 0, 0.2);
} }
#rightbox{
width:210px;
position:absolute;
right:16px;
top:14px;
border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
#choose>a:first-child,#before>a:first-child,#support>a:first-child{
padding:10px 8px 10px 48px;
color:#fff;
display:block;
text-align:left;
margin-bottom:10px;
text-decoration:none;
font-weight:bold;
border-radius:5px;
-webkit-border-radius:5px;
}
#choose img,#before img,#support img{
vertical-align:middle;
margin-right:8px;
margin-left:-40px;
}
#before>a:first-child,#support>a:first-child{
background-color:#2c6fad;
border:1px solid #20598f;
background-image:linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-o-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-moz-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-webkit-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
background-image:-ms-linear-gradient(bottom, #20598f 14%, #2c6fad 70%);
}
#choose>a:first-child{
padding:12px 8px 12px 48px;
background-color:#e78406;
border:1px solid #d57700;
background-image:linear-gradient(bottom, #d57700 14%, #e78406 70%);
background-image:-o-linear-gradient(bottom, #d57700 14%, #e78406 70%);
background-image:-moz-linear-gradient(bottom, #d57700 14%, #e78406 70%);
background-image:-webkit-linear-gradient(bottom, #d57700 14%, #e78406 70%);
background-image:-ms-linear-gradient(bottom, #d57700 14%, #e78406 70%);
}
#choose>a:first-child:hover,#before>a:first-child:hover,#support>a:first-child:hover{
background-image:none;
}
#footer{
position:relative;
top:-2px;
padding-left:40px;
padding-bottom:40px;
text-align:left;
font-size:14px;
background-color:#fff;
max-width:1040px;
border-right:2px solid #ebebeb;
border-left:2px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}
#footer>div{
float:left;
padding-top:6px;
border-top:#cfcfcf 2px solid;
}
/*Styles specific to elements in pages*/
.index,.index ul,.index li{ .index,.index ul,.index li{
list-style:none; list-style:none;
padding:0px; padding:0px;
@ -326,19 +417,23 @@ text-decoration:none;
} }
.box{ .box{
width:600px;
border:2px dashed #4892b2; border:2px dashed #4892b2;
padding:0px 20px 0px 20px; padding:0px 20px 0px 20px;
margin-right:80px;
} }
.contributors{ .contributors{
width:900px; width:900px;
text-align:left;
} }
.contributors a{ .contributors>span>a{
font-size:13px; font-size:13px;
} }
.contributors td{ .contributors>span{
padding:6px 0px; padding:6px 0px;
width:170px;
overflow:hidden;
display:inline-block;
} }
.ressources li{ .ressources li{
@ -355,12 +450,14 @@ font-weight:bold;
font-weight:normal; font-weight:normal;
} }
.list>li{
padding:5px 0px 5px 0px;
}
.preview{ .preview{
width:900px; width:880px;
padding-left:40px;
padding-top:15px;
border:2px solid #eee;
margin-top:30px;
border-radius:8px;
-webkit-border-radius:8px;
} }
.previewcol{ .previewcol{
clear:both; clear:both;
@ -370,9 +467,9 @@ padding-left:0px;
} }
.previewrow{ .previewrow{
float:left; float:left;
width:270px; width:260px;
text-align:justify; text-align:justify;
padding-left:40px; padding-left:30px;
position:relative; position:relative;
} }
.previewrow>h2{ .previewrow>h2{
@ -422,8 +519,8 @@ height:280px;
display:inline-block; display:inline-block;
zoom:1;*display:inline;/*IE7 support*/ zoom:1;*display:inline;/*IE7 support*/
position:relative; position:relative;
margin-right:22px; margin-right:12px;
margin-bottom:22px; margin-bottom:12px;
vertical-align:top; vertical-align:top;
} }
.previewrow>div.last{ .previewrow>div.last{
@ -462,38 +559,14 @@ background:url(/img/bubblewarn.svg) bottom center no-repeat;
background:url(/img/bubble.svg) bottom center no-repeat; background:url(/img/bubble.svg) bottom center no-repeat;
} }
.alert-message{
background-color:#fff;
}
.alert-message>div{
background-color:#fff;
background-color:#c5251f;
}
.alert-message.error>div{
background-color:#c5251f;
}
.alert-message.success>div{
background-color:#489e48;
}
.alert-message.info>div{
background-color:#517ea7;
}
.alert-message>div>div{
margin:auto;
width:960px;
padding:10px;
}
.alert-message,.alert-message a,.alert-message a:link,.alert-message a:active,.alert-message a:visited{
color:#fff;
}
.versiontext{ .versiontext{
text-align:left; text-align:left;
} }
.download a{ .download a{
font-size:20px; font-size:20px;
display:inline-block;
margin:5px 0px;
} }
.summary{ .summary{
@ -501,7 +574,7 @@ font-size:20px;
} }
.foundation{ .foundation{
width:500px; max-width:500px;
margin:40px auto; margin:40px auto;
border:2px dashed #dfdfdf; border:2px dashed #dfdfdf;
padding:40px; padding:40px;
@ -509,64 +582,103 @@ border-radius:9px;
-webkit-border-radius:9px; -webkit-border-radius:9px;
} }
#footer{ /*Styles specific to mobiles*/
position:relative;
left:-40px;
padding-left:40px;
padding-bottom:40px;
text-align:left;
margin-right:30px;
font-size:14px;
background-color:#fff;
width:950px;
border-right:2px solid #ebebeb;
border-left:2px solid #ebebeb;
border-bottom:2px solid #ebebeb;
}
#footer>div{
float:left;
margin-right:200px;
padding-top:6px;
border-top:#cfcfcf 2px solid;
}
@font-face{ @media handheld, only screen and (max-device-width:700px) {
font-family:'UbuntuRegular'; img{
src:url('/font/ubuntu-r-webfont.eot'); max-width:100%;
src:url('/font/ubuntu-r-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-r-webfont.woff') format('woff'),
url('/font/ubuntu-r-webfont.ttf') format('truetype'),
url('/font/ubuntu-r-webfont.svg#webfontKT0zjHSC') format('svg');
font-weight:normal;
font-style:normal;
} }
@font-face{ #langselect{
font-family:'UbuntuItalic'; background-color:transparent;
src:url('/font/ubuntu-ri-webfont.eot'); border:0px;
src:url('/font/ubuntu-ri-webfont.eot?iefix') format('eot'), font-size:18px;
url('/font/ubuntu-ri-webfont.woff') format('woff'), position:absolute;
url('/font/ubuntu-ri-webfont.ttf') format('truetype'), right:-20px;
url('/font/ubuntu-ri-webfont.svg#webfontGetaoUfe') format('svg'); top:10px;
font-weight:normal;
font-style:normal;
} }
@font-face{ #menumobile{
font-family:'UbuntuBold'; display:inline-block;
src:url('/font/ubuntu-b-webfont.eot'); float:right;
src:url('/font/ubuntu-b-webfont.eot?iefix') format('eot'), height:40px;
url('/font/ubuntu-b-webfont.woff') format('woff'), width:40px;
url('/font/ubuntu-b-webfont.ttf') format('truetype'), padding:12px;
url('/font/ubuntu-b-webfont.svg#webfontEreyFiHC') format('svg'); background-image:url(/img/menumobile.svg);
font-weight:normal; background-repeat:no-repeat;
font-style:normal; background-position:center center;
}
#lang,#menufor,#menu{
display:none;
}
#menufor{
position:static;
bottom:0x;
margin:0px 0px 10px 10px;
height:auto;
}
#menufor li{
float:none;
display:inline-block;
}
#menufor li a,#menufor li a:active,#menufor li a:visited,#menufor li a:link{
padding:6px 0px 0px 0px;
}
#menufor>li:hover>a,#menufor>li.active>a{
padding:6px 6px 0px 6px;
}
#menufor li{
margin:6px 6px;
}
#menufor>li:hover,#menufor>li.active{
margin:6px 0px;
}
#menu{
position:relative;
left:10px;
top:0px;
height:auto;
margin:0px 0px 5px 0px;
}
#menu li{
float:none;
display:inline-block;
}
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
padding:5px;
}
#logo{
position:static;
display:inline-block;
margin:10px;
}
#rightbox{
position:static;
margin:30px auto 20px auto;
}
#content{
position:static;
padding:15px 10px 20px 10px;
}
#footer{
padding-left:0px;
background-color:transparent;
}
.contributors{
width:auto;
}
.box{
margin-right:0px;
}
.foundation{
padding:20px;
}
.preview{
width:auto;
border:0px;
padding:0px;
}
.previewrow{
float:none;
padding-left:0px;
margin:auto;
} }
@font-face{
font-family:'UbuntuBoldItalic';
src:url('/font/ubuntu-bi-webfont.eot');
src:url('/font/ubuntu-bi-webfont.eot?iefix') format('eot'),
url('/font/ubuntu-bi-webfont.woff') format('woff'),
url('/font/ubuntu-bi-webfont.ttf') format('truetype'),
url('/font/ubuntu-bi-webfont.svg#webfontf1YowZka') format('svg');
font-weight:normal;
font-style:normal;
} }

6
en/about.html
View file

@ -13,7 +13,7 @@ title: About - Bitcoin
<h2>Technical features</h2> <h2>Technical features</h2>
<p>These are the basic features of any Bitcoin-like network.</p> <p>These are the basic features of any Bitcoin-like network.</p>
<ul class="list"> <ul>
<li>Bitcoins can be transferred between arbitrary nodes on the network.</li> <li>Bitcoins can be transferred between arbitrary nodes on the network.</li>
<li>Transactions are irreversible.</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>Double spending is prevented by using a <a href="https://en.bitcoin.it/wiki/Block_chain">block chain</a>.</li>
@ -24,7 +24,7 @@ title: About - Bitcoin
<h2>Economic rules</h2> <h2>Economic rules</h2>
<p>These rules are enforced collectively by the network. While they will not change for Bitcoin, other digital currencies using the same technology may change them to suit their needs.</p> <p>These rules are enforced collectively by the network. While they will not change for Bitcoin, other digital currencies using the same technology may change them to suit their needs.</p>
<ul class="list"> <ul>
<li>Hard limit of <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">about 21 million Bitcoins</a>.</li> <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>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 <a href="https://en.bitcoin.it/wiki/Transaction_fees">mostly free</a>.</li> <li>Transactions are cheap, and <a href="https://en.bitcoin.it/wiki/Transaction_fees">mostly free</a>.</li>
@ -32,7 +32,7 @@ title: About - Bitcoin
<h2>Statistics</h2> <h2>Statistics</h2>
<p>The network has been running for more than 45 months, yielding some impressive security features. There has been especially significant growth over the last year. As of February 2013, here are some statistics.</p> <p>The network has been running for more than 45 months, yielding some impressive security features. There has been especially significant growth over the last year. As of February 2013, here are some statistics.</p>
<ul class="list"> <ul>
<li>Long block chain (more than 220,000 blocks).</li> <li>Long block chain (more than 220,000 blocks).</li>
<li>A lot of processing power securing transactions - estimated at over 25 terahashes/s.</li> <li>A lot of processing power securing transactions - estimated at over 25 terahashes/s.</li>
<li>Over $1 million USD of daily trade volume distributed across 40,000 transactions.</li> <li>Over $1 million USD of daily trade volume distributed across 40,000 transactions.</li>

28
en/choose-your-wallet.html
View file

@ -3,14 +3,12 @@ layout: base-en
id: choose-your-wallet id: choose-your-wallet
title: Choose your wallet - Bitcoin title: Choose your wallet - Bitcoin
--- ---
<!--CSS to prevent bubbles to be partially hidden in low-res devices-->
<style>body{min-width:1200px;}</style>
<h1>Choose your wallet</h1> <h1>Choose your wallet</h1>
<p>Your Bitcoin wallet is what allows you to transact with the world. It gives you ownership of Bitcoin <i>addresses</i> that you can use to receive coins from other users, and then lets you send those coins onwards. Just like email, you can receive Bitcoins when you are offline and all wallets are compatible with each other. Before you start with Bitcoin, <b>be sure to read <a href="/en/you-need-to-know">what you need to know</a></b> first.</p> <p>Your Bitcoin wallet is what allows you to transact with the world. It gives you ownership of Bitcoin <i>addresses</i> that you can use to receive coins from other users, and then lets you send those coins onwards. Just like email, you can receive Bitcoins when you are offline and all wallets are compatible with each other. Before you start with Bitcoin, <b>be sure to read <a href="/en/you-need-to-know">what you need to know</a></b> first.</p>
<h2>Get started fast and easy</h2> <h2>Get started fast and easy</h2>
<p>If you are new to Bitcoin, these wallets are a good place to begin.</p> <p>If you are new to Bitcoin, these wallets are a good place to begin.</p>
<ul class="list"> <ul>
<li><a href="/en/download"><b>Bitcoin-Qt</b></a> is an app you can download for Windows, Mac and Linux.</li> <li><a href="/en/download"><b>Bitcoin-Qt</b></a> is an app you can download for Windows, Mac and Linux.</li>
<li><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><b>Bitcoin Wallet</b></a> for Android runs on your phone or tablet.</li> <li><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><b>Bitcoin Wallet</b></a> for Android runs on your phone or tablet.</li>
</ul> </ul>
@ -23,7 +21,7 @@ title: Choose your wallet - Bitcoin
<div class="previewrow"> <div class="previewrow">
<h2><img src="/img/ico_software.svg" alt="Software wallets" />Software wallets</h2> <h2><img src="/img/ico_software.svg" alt="Software wallets" />Software wallets</h2>
<p>Software wallets are installed on your computer. They give you complete control of your wallet. You are responsible for doing backups and protecting your money. Just like cash.</p> <p>Software wallets are installed on your computer. They give you complete control of your wallet. You are responsible for doing backups and protecting your money.</p>
<div> <div>
<div> <div>
<h2>Bitcoin-Qt</h2> <h2>Bitcoin-Qt</h2>
@ -31,7 +29,7 @@ title: Choose your wallet - Bitcoin
<p>Bitcoin-Qt is the original Bitcoin client and it builds the backbone of the network. It offers the highest levels of security, privacy and stability. However it has fewer features and it takes a lot of space and memory.</p> <p>Bitcoin-Qt is the original Bitcoin client and it builds the backbone of the network. It offers the highest levels of security, privacy and stability. However it has fewer features and it takes a lot of space and memory.</p>
<p><a href="download">Download</a></p> <p><a href="download">Download</a></p>
</div> </div>
<a href="download"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
</div> </div>
<div> <div>
<div> <div>
@ -40,7 +38,7 @@ title: Choose your wallet - Bitcoin
<p>Multibit is a lightweight client that focuses on being fast and easy to use. It synchronizes with the network and is ready to use in minutes. Multibit also supports many languages. It is a good choice for non-technical users.</p> <p>Multibit is a lightweight client that focuses on being fast and easy to use. It synchronizes with the network and is ready to use in minutes. Multibit also supports many languages. It is a good choice for non-technical users.</p>
<p><a href="https://multibit.org/">Visit website</a></p> <p><a href="https://multibit.org/">Visit website</a></p>
</div> </div>
<a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
</div> </div>
<div class="last"> <div class="last">
<div> <div>
@ -49,7 +47,7 @@ title: Choose your wallet - Bitcoin
<p>Armory is an advanced Bitcoin client that runs on top of Bitcoin-Qt. Expanding its features for Bitcoin power users. It offers many backup and encryption features, and it allows secure cold-storage on offline computers.</p> <p>Armory is an advanced Bitcoin client that runs on top of Bitcoin-Qt. Expanding its features for Bitcoin power users. It offers many backup and encryption features, and it allows secure cold-storage on offline computers.</p>
<p><a href="http://bitcoinarmory.com/">Visit website</a></p> <p><a href="http://bitcoinarmory.com/">Visit website</a></p>
</div> </div>
<a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
</div> </div>
<div> <div>
<div> <div>
@ -58,7 +56,7 @@ title: Choose your wallet - Bitcoin
<p>Electrum's focus is speed and simplicity, with low resource usage. It uses remote servers that handle the most complicated parts of the Bitcoin system, and it allows you to recover your wallet from a secret phrase.</p> <p>Electrum's focus is speed and simplicity, with low resource usage. It uses remote servers that handle the most complicated parts of the Bitcoin system, and it allows you to recover your wallet from a secret phrase.</p>
<p><a href="http://electrum.org/">Visit website</a></p> <p><a href="http://electrum.org/">Visit website</a></p>
</div> </div>
<a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
</div> </div>
</div> </div>
@ -72,7 +70,7 @@ title: Choose your wallet - Bitcoin
<p>Bitcoin Wallet is a lightweight mobile client for Android and BlackBerry OS. This client does not need to be associated with any online service to work. It is compatible with QR code scanning and NFC.</p> <p>Bitcoin Wallet is a lightweight mobile client for Android and BlackBerry OS. This client does not need to be associated with any online service to work. It is compatible with QR code scanning and NFC.</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p> <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p>
</div> </div>
<a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
</div> </div>
<div data-id="blockchainmobile"> <div data-id="blockchainmobile">
<div class="walletwarning"> <div class="walletwarning">
@ -81,7 +79,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="paytunia" class="last"> <div data-id="paytunia" class="last">
<div class="walletwarning"> <div class="walletwarning">
@ -90,7 +88,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
</div> </div>
@ -104,7 +102,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="bips"> <div data-id="bips">
<div class="walletwarning"> <div class="walletwarning">
@ -113,7 +111,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="coinbase" class="last"> <div data-id="coinbase" class="last">
<div class="walletwarning"> <div class="walletwarning">
@ -122,7 +120,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="instawallet"> <div data-id="instawallet">
<div class="walletwarning"> <div class="walletwarning">
@ -131,7 +129,7 @@ title: Choose your wallet - Bitcoin
<p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p> <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
<p><a href="javascript:walletshow();">OK, I understand</a></p> <p><a href="javascript:walletshow();">OK, I understand</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
</div> </div>
</div> </div>

31
en/development.html
View file

@ -7,14 +7,14 @@ title: Development - Bitcoin
<h2>Specification</h2> <h2>Specification</h2>
<p>If you are interested in learning more about the technical details of Bitcoin it is recommended you start with these documents.</p> <p>If you are interested in learning more about the technical details of Bitcoin it is recommended you start with these documents.</p>
<ul class="list"> <ul>
<li><a href="/bitcoin.pdf">Bitcoin: A Peer-to-Peer Electronic Cash System</a></li> <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/Protocol_rules">Protocol rules</a></li>
<li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin Wiki</a></li> <li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin Wiki</a></li>
</ul> </ul>
<h2>Developers</h2> <h2>Developers</h2>
<ul class="list"> <ul>
<li>Satoshi Nakamoto</li> <li>Satoshi Nakamoto</li>
<li>Gavin Andresen - <a href="mailto:gavinandresen@gmail.com">gavinandresen@gmail.com</a> (<a href="/gavinandresen.asc">PGP</a>)</li> <li>Gavin Andresen - <a href="mailto:gavinandresen@gmail.com">gavinandresen@gmail.com</a> (<a href="/gavinandresen.asc">PGP</a>)</li>
<li>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li> <li>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li>
@ -30,25 +30,10 @@ title: Development - Bitcoin
<section id="contributors"> <section id="contributors">
<h2>Contributors</h2> <h2>Contributors</h2>
<p>(Ordered by number of commits)</p> <p>(Ordered by number of commits)</p>
<table class="contributors"> <div class="contributors">{% for c in site.project.contributors %}
<tr> <span>
{% for c in site.project.contributors %} {% if c.gravatar_id %}<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" alt="icon" />{% else %}<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" alt="icon" />{% endif %}
<td> {% if c.login %}<a href="http://github.com/{{c.login}}">{{ c.name }} ({{ c.contributions }})</a>{% else %}{{ c.name }} ({{ c.contributions }}){% endif %}
{% if c.gravatar_id %} </span>{% endfor %}
<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" /> </div>
{% else %}
<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" />
{% endif %}
{% if c.login %}
<a href="http://github.com/{{c.login}}">
{{ c.name }} ({{ c.contributions }})
</a>
{% else %}
{{ c.name }} ({{ c.contributions }})
{% endif %}
</td>
{% cycle nil, nil, nil, nil, '</tr><tr>' %}
{% endfor %}
</tr>
</table>
</section> </section>

8
en/index.html
View file

@ -6,10 +6,10 @@ title: Bitcoin
<h1>An open source P2P digital currency</h1> <h1>An open source P2P digital currency</h1>
<p style="font-size:20px;">Bitcoin is a digital currency, a protocol, and a software that enables <p style="font-size:20px;">Bitcoin is a digital currency, a protocol, and a software that enables
<ul style="font-size:20px;"> <ul style="font-size:20px;">
<li style="padding:4px 0px;">Instant peer to peer transactions</li> <li>Instant peer to peer transactions</li>
<li style="padding:4px 0px;">Worldwide payments</li> <li>Worldwide payments</li>
<li style="padding:4px 0px;">Low or zero processing fees</li> <li>Low or zero processing fees</li>
<li style="padding:4px 0px;">And much more!</li> <li>And much more!</li>
</ul> </ul>
<p>Bitcoin uses peer to peer technology to operate with no central authority; managing transactions and issuing Bitcoins are carried out <b>collectively by the network</b>. Through many of its unique properties, Bitcoin allows exciting uses that could not be covered by any previous payment systems.</p> <p>Bitcoin uses peer to peer technology to operate with no central authority; managing transactions and issuing Bitcoins are carried out <b>collectively by the network</b>. Through many of its unique properties, Bitcoin allows exciting uses that could not be covered by any previous payment systems.</p>
<p>The software is a community-driven <a href="http://www.fsf.org/about/what-is-free-software">free open source</a> project, released under the <a href="http://creativecommons.org/licenses/MIT/">MIT license</a>.</p> <p>The software is a community-driven <a href="http://www.fsf.org/about/what-is-free-software">free open source</a> project, released under the <a href="http://creativecommons.org/licenses/MIT/">MIT license</a>.</p>

6
fr/a-propos.html
View file

@ -13,7 +13,7 @@ title: À propos - Bitcoin
<h2>Fonctionnalités techniques</h2> <h2>Fonctionnalités techniques</h2>
<p>Voici les propriétés de base de tout réseau reposant sur un protocole basé sur Bitcoin.</p> <p>Voici les propriétés de base de tout réseau reposant sur un protocole basé sur Bitcoin.</p>
<ul class="list"> <ul>
<li>Les Bitcoins peuvent être transférés entre des postes arbitraires sur le réseau.</li> <li>Les Bitcoins peuvent être transférés entre des postes arbitraires sur le réseau.</li>
<li>Les transactions sont irréversibles.</li> <li>Les transactions sont irréversibles.</li>
<li>Les double dépenses sont bloquées par l'usage de la <a href="https://en.bitcoin.it/wiki/Block_chain">chaîne de bloc</a>.</li> <li>Les double dépenses sont bloquées par l'usage de la <a href="https://en.bitcoin.it/wiki/Block_chain">chaîne de bloc</a>.</li>
@ -24,7 +24,7 @@ title: À propos - Bitcoin
<h2>Règles de l'économie</h2> <h2>Règles de l'économie</h2>
<p>Ces règles sont imposées collectivement par le réseau. Bien qu'elles ne changeront pas pour le Bitcoin, d'autres monnaies virtuelles utilisant la technologie du Bitcoin peuvent les changer pour s'adapter à leurs besoins.</p> <p>Ces règles sont imposées collectivement par le réseau. Bien qu'elles ne changeront pas pour le Bitcoin, d'autres monnaies virtuelles utilisant la technologie du Bitcoin peuvent les changer pour s'adapter à leurs besoins.</p>
<ul class="list"> <ul>
<li>Le nombre final de Bitcoin est limité à <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">environ 21 millions de Bitcoins</a>.</li> <li>Le nombre final de Bitcoin est limité à <a href="https://en.bitcoin.it/wiki/Controlled_Currency_Supply">environ 21 millions de Bitcoins</a>.</li>
<li>Les Bitcoins sont divisibles jusqu'à 8 chiffres après la virgule, soit environ 21×10<sup>14</sup> unités.</li> <li>Les Bitcoins sont divisibles jusqu'à 8 chiffres après la virgule, soit environ 21×10<sup>14</sup> unités.</li>
<li>Les transactions sont très peu coûteuses et <a href="https://en.bitcoin.it/wiki/Transaction_fees">gratuites la plupart du temps</a>.</li> <li>Les transactions sont très peu coûteuses et <a href="https://en.bitcoin.it/wiki/Transaction_fees">gratuites la plupart du temps</a>.</li>
@ -32,7 +32,7 @@ title: À propos - Bitcoin
<h2>Statistiques</h2> <h2>Statistiques</h2>
<p>Le réseau fonctionne depuis plus de 45 mois, donnant lieu à des caractéristiques de sécurité impressionnantes et une croissance significative au cours de l’année dernière. Au cours de février 2013, voici quelques statistiques.</p> <p>Le réseau fonctionne depuis plus de 45 mois, donnant lieu à des caractéristiques de sécurité impressionnantes et une croissance significative au cours de l’année dernière. Au cours de février 2013, voici quelques statistiques.</p>
<ul class="list"> <ul>
<li>Une longue chaîne de blocs (plus de 220.000 blocs).</li> <li>Une longue chaîne de blocs (plus de 220.000 blocs).</li>
<li>Une grande puissance de calcul sécurisant les transaction estimée à plus de 25 Terrahash/s.</li> <li>Une grande puissance de calcul sécurisant les transaction estimée à plus de 25 Terrahash/s.</li>
<li>Plus de 1M $USD de volume d'échange journalier distribué sur 40,000 transactions.</li> <li>Plus de 1M $USD de volume d'échange journalier distribué sur 40,000 transactions.</li>

28
fr/choisir-votre-porte-monnaie.html
View file

@ -3,14 +3,12 @@ layout: base-fr
id: choose-your-wallet id: choose-your-wallet
title: Choisir votre porte-monnaie - Bitcoin title: Choisir votre porte-monnaie - Bitcoin
--- ---
<!--CSS to prevent bubbles to be partially hidden in low-res devices-->
<style>body{min-width:1200px;}</style>
<h1>Choisir votre porte-monnaie</h1> <h1>Choisir votre porte-monnaie</h1>
<p>Votre porte-monnaie Bitcoin est ce qui vous permet de faire des transactions avec le monde. Il vous rend propriétaire de quelques adresses Bitcoin que vous pouvez utiliser pour recevoir et envoyer des Bitcoins avec d'autres utilisateurs. Et comme les emails, vous pouvez recevoir des Bitcoins lorsque vous êtes hors-ligne et tous les porte-monnaies Bitcoin sont compatibles entre eux. Avant de commencer avec le Bitcoin, assurez-vous d'abord de lire <a href="/fr/vous-devez-savoir"><b>ce que vous devez savoir</b></a>.</p> <p>Votre porte-monnaie Bitcoin est ce qui vous permet de faire des transactions avec le monde. Il vous rend propriétaire de quelques adresses Bitcoin que vous pouvez utiliser pour recevoir et envoyer des Bitcoins avec d'autres utilisateurs. Et comme les emails, vous pouvez recevoir des Bitcoins lorsque vous êtes hors-ligne et tous les porte-monnaies Bitcoin sont compatibles entre eux. Avant de commencer avec le Bitcoin, assurez-vous d'abord de lire <a href="/fr/vous-devez-savoir"><b>ce que vous devez savoir</b></a>.</p>
<h2>Débuter rapidement et simplement</h2> <h2>Débuter rapidement et simplement</h2>
<p>Si vous êtes un nouvel utilisateur, ces porte-monnaie sont un bon point de départ.</p> <p>Si vous êtes un nouvel utilisateur, ces porte-monnaie sont un bon point de départ.</p>
<ul class="list"> <ul>
<li><a href="/fr/telecharger"><b>Bitcoin-Qt</b></a> est un logiciel sur ordinateur pour Windows, Mac OS X et Linux.</li> <li><a href="/fr/telecharger"><b>Bitcoin-Qt</b></a> est un logiciel sur ordinateur pour Windows, Mac OS X et Linux.</li>
<li><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><b>Bitcoin Wallet</b></a> pour Android fonctionne sur smartphones et tablettes.</li> <li><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><b>Bitcoin Wallet</b></a> pour Android fonctionne sur smartphones et tablettes.</li>
</ul> </ul>
@ -32,7 +30,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Bitcoin-Qt est le logiciel Bitcoin original sur lequel s'appuie le réseau. Il offre le plus haut niveau de sécurité, de vie privée et de stabilité. Toutefois, il offre moins de fonctionnalités et prend beaucoup d'espace et de mémoire.</p> <p>Bitcoin-Qt est le logiciel Bitcoin original sur lequel s'appuie le réseau. Il offre le plus haut niveau de sécurité, de vie privée et de stabilité. Toutefois, il offre moins de fonctionnalités et prend beaucoup d'espace et de mémoire.</p>
<p><a href="telecharger">Télécharger</a></p> <p><a href="telecharger">Télécharger</a></p>
</div> </div>
<a href="telecharger"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
</div> </div>
<div> <div>
<div> <div>
@ -41,7 +39,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Multibit est un client léger qui tâche d’être rapide et facile d'utilisation. Il se synchronise avec le réseau et est prêt en quelques minutes. Multibit supporte aussi plusieurs languages. Il est un bon choix pour les novices.</p> <p>Multibit est un client léger qui tâche d’être rapide et facile d'utilisation. Il se synchronise avec le réseau et est prêt en quelques minutes. Multibit supporte aussi plusieurs languages. Il est un bon choix pour les novices.</p>
<p><a href="https://multibit.org/">Visiter le site</a></p> <p><a href="https://multibit.org/">Visiter le site</a></p>
</div> </div>
<a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
</div> </div>
<div class="last"> <div class="last">
<div> <div>
@ -50,7 +48,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Armory est un client Bitcoin avancé qui élargit les fonctionnalités de Bitcoin-Qt pour les super-utilisateurs. Armory offre plusieurs formes de sauvegardes et d'encryption et il permet une utilisation hors-ligne sécurisée.</p> <p>Armory est un client Bitcoin avancé qui élargit les fonctionnalités de Bitcoin-Qt pour les super-utilisateurs. Armory offre plusieurs formes de sauvegardes et d'encryption et il permet une utilisation hors-ligne sécurisée.</p>
<p><a href="http://bitcoinarmory.com/">Visiter le site</a></p> <p><a href="http://bitcoinarmory.com/">Visiter le site</a></p>
</div> </div>
<a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
</div> </div>
<div> <div>
<div> <div>
@ -59,7 +57,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Electrum se spécialise dans la rapidité et la simplicité. Electrum est très léger et utilise des serveurs distants pour augmenter ses performances. Il vous permet aussi de récupérer votre porte-monnaie à l'aide d'une phrase secrète.</p> <p>Electrum se spécialise dans la rapidité et la simplicité. Electrum est très léger et utilise des serveurs distants pour augmenter ses performances. Il vous permet aussi de récupérer votre porte-monnaie à l'aide d'une phrase secrète.</p>
<p><a href="http://electrum.org/">Visiter le site</a></p> <p><a href="http://electrum.org/">Visiter le site</a></p>
</div> </div>
<a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
</div> </div>
</div> </div>
@ -73,7 +71,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Bitcoin Wallet est un client léger pour Android et BlackBerry OS. Cette application n'a pas besoin d'être associée à un service en ligne. Et elle est compatible avec le scan de codes QR et la technologie NFC.</p> <p>Bitcoin Wallet est un client léger pour Android et BlackBerry OS. Cette application n'a pas besoin d'être associée à un service en ligne. Et elle est compatible avec le scan de codes QR et la technologie NFC.</p>
<p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p> <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p>
</div> </div>
<a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a> <a href="#" onclick="return false;"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
</div> </div>
<div data-id="blockchaindesktop"> <div data-id="blockchaindesktop">
<div class="walletwarning"> <div class="walletwarning">
@ -82,7 +80,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="caché" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
</div> </div>
<div data-id="paytunia" class="last"> <div data-id="paytunia" class="last">
<div class="walletwarning"> <div class="walletwarning">
@ -91,13 +89,13 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
</div> </div>
<div class="previewrow"> <div class="previewrow">
<h2><img src="/img/ico_international.svg" alt="online wallets" />Porte-monnaie web</h2> <h2><img src="/img/ico_international.svg" alt="online wallets" />Porte-monnaie web</h2>
<p>Les porte-monnaie web vous permettent d'utiliser Bitcoin partout avec moins d'effort pour protéger votre porte-monnaie. Toutefois, vous devez choisir votre porte-monnaie web avec prudence puisque ces services hébergent vos bitcoins.</p> <p>Les porte-monnaie web vous permettent d'utiliser vos bitcoins partout avec moins d'effort pour les protéger. Toutefois, vous devez choisir ces porte-monnaie avec prudence puisque ces services hébergent vos bitcoins.</p>
<div data-id="blockchainmobile"> <div data-id="blockchainmobile">
<div class="walletwarning"> <div class="walletwarning">
<h2>Attention</h2> <h2>Attention</h2>
@ -105,7 +103,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="caché" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
</div> </div>
<div data-id="bips"> <div data-id="bips">
<div class="walletwarning"> <div class="walletwarning">
@ -114,7 +112,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="coinbase" class="last"> <div data-id="coinbase" class="last">
<div class="walletwarning"> <div class="walletwarning">
@ -123,7 +121,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
<div data-id="instawallet"> <div data-id="instawallet">
<div class="walletwarning"> <div class="walletwarning">
@ -132,7 +130,7 @@ title: Choisir votre porte-monnaie - Bitcoin
<p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p> <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
<p><a href="javascript:walletshow();">OK, Je comprends</a></p> <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
</div> </div>
<a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a> <a href="#" onclick="return false;"><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
</div> </div>
</div> </div>
</div> </div>

31
fr/developpement.html
View file

@ -7,14 +7,14 @@ title: Développement - Bitcoin
<h2>Spécification</h2> <h2>Spécification</h2>
<p>Si apprendre davantage sur les détails techniques du Bitcoin vous intéresse, il est recommandé de commencer avec ces documents.</p> <p>Si apprendre davantage sur les détails techniques du Bitcoin vous intéresse, il est recommandé de commencer avec ces documents.</p>
<ul class="list"> <ul>
<li><a href="/bitcoin.pdf">Bitcoin: A Peer-to-Peer Electronic Cash System</a></li> <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/Protocol_rules">Protocol rules</a></li>
<li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin Wiki</a></li> <li><a href="https://en.bitcoin.it/wiki/Category:Technical">Bitcoin Wiki</a></li>
</ul> </ul>
<h2>Développeurs</h2> <h2>Développeurs</h2>
<ul class="list"> <ul>
<li>Satoshi Nakamoto</li> <li>Satoshi Nakamoto</li>
<li>Gavin Andresen - <a href="mailto:gavinandresen@gmail.com">gavinandresen@gmail.com</a> (<a href="/gavinandresen.asc">PGP</a>)</li> <li>Gavin Andresen - <a href="mailto:gavinandresen@gmail.com">gavinandresen@gmail.com</a> (<a href="/gavinandresen.asc">PGP</a>)</li>
<li>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li> <li>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li>
@ -30,25 +30,10 @@ title: Développement - Bitcoin
<section id="contributors"> <section id="contributors">
<h2>Contributeurs</h2> <h2>Contributeurs</h2>
<p>Classé par le nombre d'ajouts dans le code</p> <p>Classé par le nombre d'ajouts dans le code</p>
<table class="contributors"> <div class="contributors">{% for c in site.project.contributors %}
<tr> <span>
{% for c in site.project.contributors %} {% if c.gravatar_id %}<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" alt="icon" />{% else %}<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" alt="icon" />{% endif %}
<td> {% if c.login %}<a href="http://github.com/{{c.login}}">{{ c.name }} ({{ c.contributions }})</a>{% else %}{{ c.name }} ({{ c.contributions }}){% endif %}
{% if c.gravatar_id %} </span>{% endfor %}
<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&d=http%3A%2F%2Fbitcoin.org%2Fimg%2Fgravatar-140.png" /> </div>
{% else %}
<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" />
{% endif %}
{% if c.login %}
<a href="http://github.com/{{c.login}}">
{{ c.name }} ({{ c.contributions }})
</a>
{% else %}
{{ c.name }} ({{ c.contributions }})
{% endif %}
</td>
{% cycle nil, nil, nil, nil, '</tr><tr>' %}
{% endfor %}
</tr>
</table>
</section> </section>

8
fr/index.html
View file

@ -6,10 +6,10 @@ title: Bitcoin
<h1>Une devise virtuelle P2P libre et ouverte</h1> <h1>Une devise virtuelle P2P libre et ouverte</h1>
<p style="font-size:20px;">Bitcoin est une devise virtuelle, un protocole et un logiciel qui rend possible : <p style="font-size:20px;">Bitcoin est une devise virtuelle, un protocole et un logiciel qui rend possible :
<ul style="font-size:20px;"> <ul style="font-size:20px;">
<li style="padding:4px 0px;">Transactions instantanées de pair à pair</li> <li>Transactions instantanées de pair à pair</li>
<li style="padding:4px 0px;">Paiements internationaux</li> <li>Paiements internationaux</li>
<li style="padding:4px 0px;">Aucun ou peu de frais de transaction</li> <li>Aucun ou peu de frais de transaction</li>
<li style="padding:4px 0px;">Et bien plus !</li> <li>Et bien plus !</li>
</ul> </ul>
<p>Bitcoin utilise une technologie pair à pair pour fonctionner sans autorité centrale. Le traitement des transactions et la création des Bitcoins est prise en charge <b>collectivement par le réseau</b>. Par le biais de ses propriétés uniques, le Bitcoin rend possible des usages prometteurs qui ne pouvaient pas être couverts par les systèmes de paiement précédents.</p> <p>Bitcoin utilise une technologie pair à pair pour fonctionner sans autorité centrale. Le traitement des transactions et la création des Bitcoins est prise en charge <b>collectivement par le réseau</b>. Par le biais de ses propriétés uniques, le Bitcoin rend possible des usages prometteurs qui ne pouvaient pas être couverts par les systèmes de paiement précédents.</p>
<p>Le logiciel Bitcoin est un <a href="http://www.fsf.org/about/what-is-free-software">logiciel libre</a> développé par la communauté et publié sous la <a href="http://creativecommons.org/licenses/MIT/">licence MIT</a>.</p> <p>Le logiciel Bitcoin est un <a href="http://www.fsf.org/about/what-is-free-software">logiciel libre</a> développé par la communauté et publié sous la <a href="http://creativecommons.org/licenses/MIT/">licence MIT</a>.</p>

BIN
img/logo_ios.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
img/menumobile.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 489 B

77
img/menumobile.svg Normal file
View file

@ -0,0 +1,77 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="40"
height="40"
id="svg2"
version="1.1"
inkscape:version="0.48.3.1 r9886"
sodipodi:docname="Nouveau document 1">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="5.6"
inkscape:cx="22.667379"
inkscape:cy="19.171166"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1680"
inkscape:window-height="1026"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1012.3622)">
<rect
style="opacity:0.98999999000000005;fill:#333333;fill-opacity:1;fill-rule:nonzero;stroke:#333333;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect2985"
width="29.294424"
height="4.0406103"
x="5.5558391"
y="1017.9864" />
<rect
style="opacity:0.98999999000000005;fill:#333333;fill-opacity:1;fill-rule:nonzero;stroke:#333333;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect2985-4"
width="29.294424"
height="4.0406103"
x="5.7452431"
y="1030.55" />
<rect
style="opacity:0.98999999000000005;fill:#333333;fill-opacity:1;fill-rule:nonzero;stroke:#333333;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0"
id="rect2985-1"
width="29.294424"
height="4.0406103"
x="5.6821084"
y="1042.8613" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

13
js/main.js
View file

@ -1,3 +1,4 @@
function cancelEvent(e){if(!e)var e=window.event;(e.preventDefault)?e.preventDefault():e.returnValue=false;}
function supportsSVG(){ function supportsSVG(){
//Old FF 3.5 and Safari 3 versions have a very poor svg support //Old FF 3.5 and Safari 3 versions have a very poor svg support
//http://www.w3.org/TR/SVG11/feature#Image Defeat FF 3.5 only //http://www.w3.org/TR/SVG11/feature#Image Defeat FF 3.5 only
@ -34,7 +35,17 @@ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
if(d.style.backgroundImage!='')d.style.backgroundImage=d.style.backgroundImage.replace('bubblewarn','bubble'); if(d.style.backgroundImage!='')d.style.backgroundImage=d.style.backgroundImage.replace('bubblewarn','bubble');
for(var ii=0,as=d.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==d.parentNode){var dd=as[ii];break;}} for(var ii=0,as=d.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==d.parentNode){var dd=as[ii];break;}}
for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}} for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}}
dd.href=ss.href;
dd.innerHTML=ss.innerHTML; dd.innerHTML=ss.innerHTML;
} }
} }
function mobileshow(e){
cancelEvent(e);
var mm=document.getElementById('menu');
var mf=document.getElementById('menufor');
var ml=document.getElementById('langselect');
var t=document.getElementById('menumobile');
if(mf.style.display=='block'){mf.style.display='';mm.style.display='';ml.style.display='';}
else{mf.style.display='block';mm.style.display='block';ml.style.display='inline-block';}
t.parentNode.removeChild(t);
return false;
}