mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 09:46:12 +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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue