mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
mobile responsive design and many design fixes
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
parent
3e2463928c
commit
9d590e098b
15 changed files with 500 additions and 326 deletions
|
|
@ -30,10 +30,12 @@ menu:
|
|||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<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>
|
||||
{% lesscss bootstrap.less %}
|
||||
<script type="text/javascript" src="/js/main.js"></script>
|
||||
<link rel="shortcut icon" href="/favicon.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/img/logo_ios.png"/>
|
||||
</head>
|
||||
<body>
|
||||
{% if site.ALERT or site.ALERT_en %}
|
||||
|
|
@ -43,8 +45,12 @@ menu:
|
|||
<div><div>{{ alert }}</div></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="head">
|
||||
<div class="wrap">
|
||||
<div id="head"><div>
|
||||
<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">
|
||||
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
|
||||
<ul>
|
||||
|
|
@ -54,37 +60,35 @@ menu:
|
|||
</ul>
|
||||
</li>
|
||||
</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">
|
||||
{% 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>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<ul id="menu" class="wrap">
|
||||
<ul id="menu">
|
||||
{% 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>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="body">
|
||||
<div class="wrap">
|
||||
<div id="content">
|
||||
<div id="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
<div id="rightbox">
|
||||
<div id="choose">
|
||||
<a href="/en/choose-your-wallet"><img src="/img/but_start.svg" alt="Choose your wallet">Choose your wallet</a>
|
||||
</div>
|
||||
<div id="before">
|
||||
<a href="/en/you-need-to-know"><img src="/img/but_warn.svg" alt="You need to know">You need to know</a>
|
||||
</div>
|
||||
<div id="support">
|
||||
<a href="/en/support-bitcoin"><img src="/img/but_involve.svg" alt="Support Bitcoin">Support Bitcoin</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 id="rightbox">
|
||||
<div id="choose">
|
||||
<a href="/en/choose-your-wallet"><img src="/img/but_start.svg" alt="Choose your wallet">Choose your wallet</a>
|
||||
</div>
|
||||
<div id="before">
|
||||
<a href="/en/you-need-to-know"><img src="/img/but_warn.svg" alt="You need to know">You need to know</a>
|
||||
</div>
|
||||
<div id="support">
|
||||
<a href="/en/support-bitcoin"><img src="/img/but_involve.svg" alt="Support Bitcoin">Support Bitcoin</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>
|
||||
<script type="text/javascript">svgfallback();</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -30,10 +30,12 @@ menu:
|
|||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<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>
|
||||
{% lesscss bootstrap.less %}
|
||||
<script type="text/javascript" src="/js/main.js"></script>
|
||||
<link rel="shortcut icon" href="/favicon.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/img/logo_ios.png"/>
|
||||
</head>
|
||||
<body>
|
||||
{% if site.ALERT or site.ALERT_fr %}
|
||||
|
|
@ -43,8 +45,12 @@ menu:
|
|||
<div><div>{{ alert }}</div></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="head">
|
||||
<div class="wrap">
|
||||
<div id="head"><div>
|
||||
<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">
|
||||
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
|
||||
<ul>
|
||||
|
|
@ -54,37 +60,35 @@ menu:
|
|||
</ul>
|
||||
</li>
|
||||
</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">
|
||||
{% 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>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
<ul id="menu" class="wrap">
|
||||
<ul id="menu">
|
||||
{% 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>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div></div>
|
||||
<div id="body">
|
||||
<div class="wrap">
|
||||
<div id="content">
|
||||
<div id="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
<div id="rightbox">
|
||||
<div id="choose">
|
||||
<a href="/fr/choisir-votre-porte-monnaie"><img src="/img/but_start.svg" alt="Choisissez votre porte-monnaie">Choisissez votre porte-monnaie</a>
|
||||
</div>
|
||||
<div id="before">
|
||||
<a href="/fr/vous-devez-savoir"><img src="/img/but_warn.svg" alt="Vous devez savoir">Vous devez savoir</a>
|
||||
</div>
|
||||
<div id="support">
|
||||
<a href="/fr/supporter-bitcoin"><img src="/img/but_involve.svg" alt="Supporter Bitcoin">Supporter Bitcoin</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 id="rightbox">
|
||||
<div id="choose">
|
||||
<a href="/fr/choisir-votre-porte-monnaie"><img src="/img/but_start.svg" alt="Choisissez votre porte-monnaie">Choisissez votre porte-monnaie</a>
|
||||
</div>
|
||||
<div id="before">
|
||||
<a href="/fr/vous-devez-savoir"><img src="/img/but_warn.svg" alt="Vous devez savoir">Vous devez savoir</a>
|
||||
</div>
|
||||
<div id="support">
|
||||
<a href="/fr/supporter-bitcoin"><img src="/img/but_involve.svg" alt="Supporter Bitcoin">Supporter Bitcoin</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>
|
||||
<script type="text/javascript">svgfallback();</script>
|
||||
</body>
|
||||
|
|
|
|||
490
_less/main.less
490
_less/main.less
|
|
@ -1,21 +1,26 @@
|
|||
/*Styles for HTML tags*/
|
||||
|
||||
body{
|
||||
background-color:#fafafa;
|
||||
color:#646464;
|
||||
font-family:"Helvetica Neue", "Liberation Sans", Arial, sans-serif;
|
||||
margin:0;
|
||||
padding:0;
|
||||
color:#646464;
|
||||
background-color:#fafafa;
|
||||
background-repeat:repeat;
|
||||
background-image:url(/img/innerbg.png);
|
||||
}
|
||||
h1,h2{
|
||||
font-family:'UbuntuBold', sans-serif;
|
||||
font-weight:normal;
|
||||
h1,h2,h3{
|
||||
text-align:left;
|
||||
}
|
||||
h1{
|
||||
font-family:'UbuntuBold', sans-serif;
|
||||
font-weight:normal;
|
||||
color:#0d579b;
|
||||
font-size:160%;
|
||||
}
|
||||
h2{
|
||||
font-family:'UbuntuBold', sans-serif;
|
||||
font-weight:normal;
|
||||
color:#383838;
|
||||
font-size:130%;
|
||||
}
|
||||
|
|
@ -33,7 +38,7 @@ color:#4892b2;
|
|||
a:link:hover,a:visited:hover,a:active:hover{
|
||||
color:#75bfdf;
|
||||
}
|
||||
a img{
|
||||
a img,a:link img,a:visited img,a:active img{
|
||||
border:0;
|
||||
}
|
||||
blockquote{
|
||||
|
|
@ -56,6 +61,81 @@ border-radius:3px;
|
|||
white-space:pre-wrap;
|
||||
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{
|
||||
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:-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%);
|
||||
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{
|
||||
display:block;
|
||||
list-style:none;
|
||||
|
|
@ -77,6 +171,7 @@ cursor:pointer;
|
|||
#lang{
|
||||
position:absolute;
|
||||
right:0px;
|
||||
top:0px;
|
||||
height:30px;
|
||||
border-left:1px solid transparent;
|
||||
border-right:1px solid transparent;
|
||||
|
|
@ -127,92 +222,30 @@ color:#000;
|
|||
}
|
||||
|
||||
#logo{
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:10px;
|
||||
}
|
||||
#logo a{
|
||||
display:block;
|
||||
background-image:url(/img/logotop.svg);
|
||||
position:absolute;
|
||||
left:40px;
|
||||
top:12px;
|
||||
width:191px;
|
||||
height:40px;
|
||||
}
|
||||
#logo span{
|
||||
|
||||
#menumobile{
|
||||
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{
|
||||
width:660px;
|
||||
max-width:660px;
|
||||
position:relative;
|
||||
bottom:-18px;
|
||||
margin:2px 0px 0px 210px;
|
||||
margin:2px 0px 0px 250px;
|
||||
padding:0px;
|
||||
height:35px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#menufor li{
|
||||
list-style:none;
|
||||
float:left;
|
||||
padding:0px;
|
||||
margin:0px 10px;
|
||||
border-radius:5px;
|
||||
-webkit-left-radius:5px;
|
||||
|
|
@ -245,36 +278,26 @@ border-radius:5px;
|
|||
color:#fff;
|
||||
}
|
||||
|
||||
.wrap{
|
||||
width:980px;
|
||||
margin:auto;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#menu{
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
margin:auto;
|
||||
position:relative;
|
||||
left:-6px;
|
||||
top:24px;
|
||||
margin:24px auto 0px 32px;
|
||||
height:32px;
|
||||
}
|
||||
#menu li{
|
||||
list-style:none;
|
||||
float:left;
|
||||
padding:0px;
|
||||
border:1px solid transparent;
|
||||
border-radius:3px;
|
||||
-webkit-border-radius:3px;
|
||||
}
|
||||
#menu li a,#menu li a:active,#menu li a:visited,#menu li a:link{
|
||||
font-family:'Ubuntu', sans-serif;
|
||||
height:24px;
|
||||
font-size:16px;
|
||||
display:block;
|
||||
color:#3f3f3f;
|
||||
text-decoration:none;
|
||||
padding:6px 10px;
|
||||
padding:6px 10px 10px 10px;
|
||||
}
|
||||
#menu li:hover a,#menu li.active a{
|
||||
color:#000;
|
||||
|
|
@ -288,11 +311,10 @@ box-shadow:0px 0px 14px rgba(0,0,0,0.15);
|
|||
}
|
||||
|
||||
#content{
|
||||
margin-top:5px;
|
||||
position:relative;
|
||||
left:-40px;
|
||||
padding:15px 210px 20px 40px;
|
||||
width:740px;
|
||||
top:-2px;
|
||||
padding:15px 250px 20px 40px;
|
||||
max-width:780px;
|
||||
text-align:justify;
|
||||
background-color:#fff;
|
||||
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);
|
||||
}
|
||||
|
||||
#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{
|
||||
list-style:none;
|
||||
padding:0px;
|
||||
|
|
@ -326,19 +417,23 @@ text-decoration:none;
|
|||
}
|
||||
|
||||
.box{
|
||||
width:600px;
|
||||
border:2px dashed #4892b2;
|
||||
padding:0px 20px 0px 20px;
|
||||
margin-right:80px;
|
||||
}
|
||||
|
||||
.contributors{
|
||||
width:900px;
|
||||
text-align:left;
|
||||
}
|
||||
.contributors a{
|
||||
.contributors>span>a{
|
||||
font-size:13px;
|
||||
}
|
||||
.contributors td{
|
||||
.contributors>span{
|
||||
padding:6px 0px;
|
||||
width:170px;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.ressources li{
|
||||
|
|
@ -355,12 +450,14 @@ font-weight:bold;
|
|||
font-weight:normal;
|
||||
}
|
||||
|
||||
.list>li{
|
||||
padding:5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.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{
|
||||
clear:both;
|
||||
|
|
@ -370,9 +467,9 @@ padding-left:0px;
|
|||
}
|
||||
.previewrow{
|
||||
float:left;
|
||||
width:270px;
|
||||
width:260px;
|
||||
text-align:justify;
|
||||
padding-left:40px;
|
||||
padding-left:30px;
|
||||
position:relative;
|
||||
}
|
||||
.previewrow>h2{
|
||||
|
|
@ -422,8 +519,8 @@ height:280px;
|
|||
display:inline-block;
|
||||
zoom:1;*display:inline;/*IE7 support*/
|
||||
position:relative;
|
||||
margin-right:22px;
|
||||
margin-bottom:22px;
|
||||
margin-right:12px;
|
||||
margin-bottom:12px;
|
||||
vertical-align:top;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
.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{
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.download a{
|
||||
font-size:20px;
|
||||
display:inline-block;
|
||||
margin:5px 0px;
|
||||
}
|
||||
|
||||
.summary{
|
||||
|
|
@ -501,7 +574,7 @@ font-size:20px;
|
|||
}
|
||||
|
||||
.foundation{
|
||||
width:500px;
|
||||
max-width:500px;
|
||||
margin:40px auto;
|
||||
border:2px dashed #dfdfdf;
|
||||
padding:40px;
|
||||
|
|
@ -509,64 +582,103 @@ border-radius:9px;
|
|||
-webkit-border-radius:9px;
|
||||
}
|
||||
|
||||
#footer{
|
||||
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;
|
||||
}
|
||||
/*Styles specific to mobiles*/
|
||||
|
||||
@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;
|
||||
@media handheld, only screen and (max-device-width:700px) {
|
||||
img{
|
||||
max-width:100%;
|
||||
}
|
||||
@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;
|
||||
#langselect{
|
||||
background-color:transparent;
|
||||
border:0px;
|
||||
font-size:18px;
|
||||
position:absolute;
|
||||
right:-20px;
|
||||
top:10px;
|
||||
}
|
||||
@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;
|
||||
#menumobile{
|
||||
display:inline-block;
|
||||
float:right;
|
||||
height:40px;
|
||||
width:40px;
|
||||
padding:12px;
|
||||
background-image:url(/img/menumobile.svg);
|
||||
background-repeat:no-repeat;
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ title: About - Bitcoin
|
|||
|
||||
<h2>Technical features</h2>
|
||||
<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>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>
|
||||
|
|
@ -24,7 +24,7 @@ title: About - Bitcoin
|
|||
|
||||
<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>
|
||||
<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>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>
|
||||
|
|
@ -32,7 +32,7 @@ title: About - Bitcoin
|
|||
|
||||
<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>
|
||||
<ul class="list">
|
||||
<ul>
|
||||
<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>Over $1 million USD of daily trade volume distributed across 40,000 transactions.</li>
|
||||
|
|
|
|||
|
|
@ -3,14 +3,12 @@ layout: base-en
|
|||
id: choose-your-wallet
|
||||
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>
|
||||
<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>
|
||||
<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="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>
|
||||
|
|
@ -23,7 +21,7 @@ title: Choose your wallet - Bitcoin
|
|||
|
||||
<div class="previewrow">
|
||||
<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>
|
||||
<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><a href="download">Download</a></p>
|
||||
</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>
|
||||
|
|
@ -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><a href="https://multibit.org/">Visit website</a></p>
|
||||
</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 class="last">
|
||||
<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><a href="http://bitcoinarmory.com/">Visit website</a></p>
|
||||
</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>
|
||||
|
|
@ -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><a href="http://electrum.org/">Visit website</a></p>
|
||||
</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>
|
||||
|
||||
|
|
@ -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><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p>
|
||||
</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 data-id="blockchainmobile">
|
||||
<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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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 data-id="paytunia" class="last">
|
||||
<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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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>
|
||||
|
||||
|
|
@ -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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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 data-id="bips">
|
||||
<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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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 data-id="coinbase" class="last">
|
||||
<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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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 data-id="instawallet">
|
||||
<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><a href="javascript:walletshow();">OK, I understand</a></p>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@ title: Development - Bitcoin
|
|||
|
||||
<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>
|
||||
<ul class="list">
|
||||
<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>
|
||||
|
||||
<h2>Developers</h2>
|
||||
<ul class="list">
|
||||
<ul>
|
||||
<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>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li>
|
||||
|
|
@ -28,27 +28,12 @@ title: Development - Bitcoin
|
|||
<p>Bitcoin development is open source and any developer can contribute to the project. Everything you need is in the <a href="https://github.com/bitcoin/bitcoin">Github repository</a>. Please make sure to read and follow the development process described in the README as well as to provide good quality code and respect all guidelines.</p>
|
||||
|
||||
<section id="contributors">
|
||||
<h2>Contributors</h2>
|
||||
<p>(Ordered by number of commits)</p>
|
||||
<table class="contributors">
|
||||
<tr>
|
||||
{% for c in site.project.contributors %}
|
||||
<td>
|
||||
{% if c.gravatar_id %}
|
||||
<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" />
|
||||
{% 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>
|
||||
<h2>Contributors</h2>
|
||||
<p>(Ordered by number of commits)</p>
|
||||
<div class="contributors">{% for c in site.project.contributors %}
|
||||
<span>
|
||||
{% if c.gravatar_id %}<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" alt="icon" />{% else %}<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" alt="icon" />{% endif %}
|
||||
{% if c.login %}<a href="http://github.com/{{c.login}}">{{ c.name }} ({{ c.contributions }})</a>{% else %}{{ c.name }} ({{ c.contributions }}){% endif %}
|
||||
</span>{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@ title: Bitcoin
|
|||
<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
|
||||
<ul style="font-size:20px;">
|
||||
<li style="padding:4px 0px;">Instant peer to peer transactions</li>
|
||||
<li style="padding:4px 0px;">Worldwide payments</li>
|
||||
<li style="padding:4px 0px;">Low or zero processing fees</li>
|
||||
<li style="padding:4px 0px;">And much more!</li>
|
||||
<li>Instant peer to peer transactions</li>
|
||||
<li>Worldwide payments</li>
|
||||
<li>Low or zero processing fees</li>
|
||||
<li>And much more!</li>
|
||||
</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>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>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ title: À propos - Bitcoin
|
|||
|
||||
<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>
|
||||
<ul class="list">
|
||||
<ul>
|
||||
<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 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>
|
||||
<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>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>
|
||||
|
|
@ -32,7 +32,7 @@ title: À propos - Bitcoin
|
|||
|
||||
<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>
|
||||
<ul class="list">
|
||||
<ul>
|
||||
<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>Plus de 1M $USD de volume d'échange journalier distribué sur 40,000 transactions.</li>
|
||||
|
|
|
|||
|
|
@ -3,14 +3,12 @@ layout: base-fr
|
|||
id: choose-your-wallet
|
||||
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>
|
||||
<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>
|
||||
<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="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>
|
||||
|
|
@ -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><a href="telecharger">Télécharger</a></p>
|
||||
</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>
|
||||
|
|
@ -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><a href="https://multibit.org/">Visiter le site</a></p>
|
||||
</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 class="last">
|
||||
<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><a href="http://bitcoinarmory.com/">Visiter le site</a></p>
|
||||
</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>
|
||||
|
|
@ -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><a href="http://electrum.org/">Visiter le site</a></p>
|
||||
</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>
|
||||
|
||||
|
|
@ -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><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p>
|
||||
</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 data-id="blockchaindesktop">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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 data-id="paytunia" class="last">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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 class="previewrow">
|
||||
<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 class="walletwarning">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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 data-id="bips">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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 data-id="coinbase" class="last">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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 data-id="instawallet">
|
||||
<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><a href="javascript:walletshow();">OK, Je comprends</a></p>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@ title: Développement - Bitcoin
|
|||
|
||||
<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>
|
||||
<ul class="list">
|
||||
<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>
|
||||
|
||||
<h2>Développeurs</h2>
|
||||
<ul class="list">
|
||||
<ul>
|
||||
<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>Pieter Wuille - <a href="mailto:pieter.wuille@gmail.com">pieter.wuille@gmail.com</a> (<a href="/pieterwuille.asc">PGP</a>)</li>
|
||||
|
|
@ -28,27 +28,12 @@ title: Développement - Bitcoin
|
|||
<p>Le développement du Bitcoin est ouvert et tout développeur peut contribuer au projet. Tout ce que vous devez savoir est dans le dépôt <a href="https://github.com/bitcoin/bitcoin">Github</a>. Veuillez vous assurer de lire et de suivre le processus de développement décrit dans le README ainsi que de produire du code de qualité.</p>
|
||||
|
||||
<section id="contributors">
|
||||
<h2>Contributeurs</h2>
|
||||
<p>Classé par le nombre d'ajouts dans le code</p>
|
||||
<table class="contributors">
|
||||
<tr>
|
||||
{% for c in site.project.contributors %}
|
||||
<td>
|
||||
{% if c.gravatar_id %}
|
||||
<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" />
|
||||
{% 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>
|
||||
<h2>Contributeurs</h2>
|
||||
<p>Classé par le nombre d'ajouts dans le code</p>
|
||||
<div class="contributors">{% for c in site.project.contributors %}
|
||||
<span>
|
||||
{% if c.gravatar_id %}<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" alt="icon" />{% else %}<img class="icon" height="16" width="16" src="http://bitcoin.org/img/gravatar-140.png" alt="icon" />{% endif %}
|
||||
{% if c.login %}<a href="http://github.com/{{c.login}}">{{ c.name }} ({{ c.contributions }})</a>{% else %}{{ c.name }} ({{ c.contributions }}){% endif %}
|
||||
</span>{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@ title: Bitcoin
|
|||
<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 :
|
||||
<ul style="font-size:20px;">
|
||||
<li style="padding:4px 0px;">Transactions instantanées de pair à pair</li>
|
||||
<li style="padding:4px 0px;">Paiements internationaux</li>
|
||||
<li style="padding:4px 0px;">Aucun ou peu de frais de transaction</li>
|
||||
<li style="padding:4px 0px;">Et bien plus !</li>
|
||||
<li>Transactions instantanées de pair à pair</li>
|
||||
<li>Paiements internationaux</li>
|
||||
<li>Aucun ou peu de frais de transaction</li>
|
||||
<li>Et bien plus !</li>
|
||||
</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>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
BIN
img/logo_ios.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
img/menumobile.png
Normal file
BIN
img/menumobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 489 B |
77
img/menumobile.svg
Normal file
77
img/menumobile.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
13
js/main.js
13
js/main.js
|
|
@ -1,3 +1,4 @@
|
|||
function cancelEvent(e){if(!e)var e=window.event;(e.preventDefault)?e.preventDefault():e.returnValue=false;}
|
||||
function supportsSVG(){
|
||||
//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
|
||||
|
|
@ -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');
|
||||
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;}}
|
||||
dd.href=ss.href;
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue