dash-docs/_layouts/base-en.html
Saivann 9d590e098b 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)
2013-04-01 16:34:55 -04:00

96 lines
3.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
lang: en
menufor:
- text: Individuals
url: bitcoin-for-individuals
- text: Organizations
url: bitcoin-for-organizations
- text: Developers
url: bitcoin-for-developers
- text: Enthusiasts
url: bitcoin-for-enthusiasts
menu:
- text: How it works
url: how-it-works
- text: Vocabulary
url: vocabulary
- text: Resources
url: resources
- text: Community
url: community
- text: Development
url: development
- text: Foundation
url: foundation
- text: About
url: about
---
<!DOCTYPE HTML>
<html lang="{{ page.lang }}">
<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 %}
{% if site.ALERT_CLASS %}{% assign class = site.ALERT_CLASS%}{% endif %}{% if site.ALERT_CLASS_en %}{% assign class = site.ALERT_CLASS_en%}{% endif %}
{% if site.ALERT %}{% assign alert = site.ALERT%}{% endif %}{% if site.ALERT_en %}{% assign alert = site.ALERT_en%}{% endif %}
<div class="alert-message {{ class }}">
<div><div>{{ alert }}</div></div>
</div>
{% endif %}
<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>
{% for lang in site.langs %}{% if lang[0] != page.lang %}{% assign la = lang[0]%}
<li><a href="/{{ lang[0] }}/{{ site.section[page.id][la] }}">{{ lang[1] }}</a></li>
{% endif %}{% endfor %}
</ul>
</li>
</ul>
<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>
<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 id="body">
<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 20092013 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>
</html>