mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 01:36:13 +00:00
Layout: Add Whitespace To Layouts
This commit is contained in:
David A. Harding
parent
6bfb8849dd
commit
df3b8dcf28
14 changed files with 157 additions and 76 deletions
|
|
@ -1,3 +1,8 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div id="content" class="content">
|
{% comment %}
|
||||||
{{ content }}
|
This file is licensed under the MIT License (MIT) available on
|
||||||
</div>
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<div id="content" class="content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,9 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <script type="text/javascript">
|
{% comment %}
|
||||||
fallbackSVG();
|
This file is licensed under the MIT License (MIT) available on
|
||||||
addAnchorLinks();
|
http://opensource.org/licenses/MIT.
|
||||||
</script>
|
{% endcomment %}
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
fallbackSVG();
|
||||||
|
addAnchorLinks();
|
||||||
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1 +1,6 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div class="footerlicense">© Bitcoin Project 2009-{{ site.time | date: '%Y' }} {% translate footer layout %}</div>
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<div class="footerlicense">© Bitcoin Project 2009-{{ site.time | date: '%Y' }} {% translate footer layout %}</div>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,18 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div class="footermenu">
|
{% comment %}
|
||||||
<a href="/en/alerts" class="statusmenu{% if site.STATUS == 1 %} alert{% endif %}">Network Status</a>
|
This file is licensed under the MIT License (MIT) available on
|
||||||
<a href="/{{ page.lang }}/{% translate legal url %}">{% translate menu-legal layout %}</a>
|
http://opensource.org/licenses/MIT.
|
||||||
{% case page.lang %}
|
{% endcomment %}
|
||||||
{% when 'ar' or 'es' or 'sl' %}
|
|
||||||
<a href="/en/privacy">Privacy</a>
|
<div class="footermenu">
|
||||||
{% else %}
|
<a href="/en/alerts" class="statusmenu{% if site.STATUS == 1 %} alert{% endif %}">Network Status</a>
|
||||||
<a href="/{{ page.lang }}/{% translate privacy url %}">{% translate menu-privacy layout %}</a>
|
<a href="/{{ page.lang }}/{% translate legal url %}">{% translate menu-legal layout %}</a>
|
||||||
{% endcase %}
|
{% case page.lang %}
|
||||||
<a href="/{{ page.lang }}/{% translate press url %}">{% translate menu-press layout %}</a>
|
{% when 'ar' or 'es' or 'sl' %}
|
||||||
<a href="/{{ page.lang }}/{% translate about-us url %}">{% translate menu-about-us layout %}</a>
|
<a href="/en/privacy">Privacy</a>
|
||||||
<a href="/en/blog">Blog</a>
|
{% else %}
|
||||||
</div>
|
<a href="/{{ page.lang }}/{% translate privacy url %}">{% translate menu-privacy layout %}</a>
|
||||||
|
{% endcase %}
|
||||||
|
<a href="/{{ page.lang }}/{% translate press url %}">{% translate menu-press layout %}</a>
|
||||||
|
<a href="/{{ page.lang }}/{% translate about-us url %}">{% translate menu-about-us layout %}</a>
|
||||||
|
<a href="/en/blog">Blog</a>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,8 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div class="footersponsor">
|
{% comment %}
|
||||||
<div><span>{% translate sponsor layout %}</span> <a href="https://bitcoinfoundation.org/"><img src="/img/brand/bitcoinfoundation.png" alt="Bitcoin Foundation"></a></div>
|
This file is licensed under the MIT License (MIT) available on
|
||||||
</div>
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<div class="footersponsor">
|
||||||
|
<div><span>{% translate sponsor layout %}</span> <a href="https://bitcoinfoundation.org/"><img src="/img/brand/bitcoinfoundation.png" alt="Bitcoin Foundation"></a></div>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,17 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <ul class="lang">
|
{% comment %}
|
||||||
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
|
This file is licensed under the MIT License (MIT) available on
|
||||||
<ul>
|
http://opensource.org/licenses/MIT.
|
||||||
<li><ul>
|
{% endcomment %}
|
||||||
{% assign i = 0 %}{% assign c = site.langsorder.size | divided_by: 2 | plus: 1 %}
|
<ul class="lang">
|
||||||
{% for lang in site.langsorder %}{% assign mod = i | modulo: c %}{% assign active = ''%}{% if lang == page.lang %}{% assign active = ' class="active"'%}{% endif %}
|
<li><a href="#" onclick="return false;">{{ site.langs[page.lang] }}</a>
|
||||||
|
<ul>
|
||||||
|
<li><ul>
|
||||||
|
{% assign i = 0 %}{% assign c = site.langsorder.size | divided_by: 2 | plus: 1 %}
|
||||||
|
{% for lang in site.langsorder %}{% assign mod = i | modulo: c %}{% assign active = ''%}{% if lang == page.lang %}{% assign active = ' class="active"'%}{% endif %}
|
||||||
{% if mod == 0 and i != 0 %}</ul></li><li><ul>{% endif %}
|
{% if mod == 0 and i != 0 %}</ul></li><li><ul>{% endif %}
|
||||||
<li><a href="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</a></li>
|
<li><a href="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</a></li>
|
||||||
{% assign i = i | plus: 1 %}{% endfor %}
|
{% assign i = i | plus: 1 %}{% endfor %}
|
||||||
</ul></li>
|
</ul></li>
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,9 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div id="langselect" class="langselect"><select onchange="window.location=this.value;">
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
<div id="langselect" class="langselect"><select onchange="window.location=this.value;">
|
||||||
{% for lang in site.langsorder %}{% assign active = ''%}{% if lang == page.lang %}{% assign active = ' selected="selected"'%}{% endif %}
|
{% for lang in site.langsorder %}{% assign active = ''%}{% if lang == page.lang %}{% assign active = ' selected="selected"'%}{% endif %}
|
||||||
<option value="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</option>
|
<option value="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select></div>
|
</select></div>
|
||||||
|
|
|
||||||
|
|
@ -1 +1,6 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <a class="logo" href="/{{ page.lang }}/"><img src="/img/icons/logotop.svg" alt="Bitcoin"></a>
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<a class="logo" href="/{{ page.lang }}/"><img src="/img/icons/logotop.svg" alt="Bitcoin"></a>
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,35 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <ul id="menusimple" class="menusimple" onclick="mobileMenuHover(event);" ontouchstart="mobileMenuHover(event);">
|
{% comment %}
|
||||||
<li><a href="#" onclick="return false;">{% translate menu-intro layout %}</a>
|
This file is licensed under the MIT License (MIT) available on
|
||||||
<ul>
|
http://opensource.org/licenses/MIT.
|
||||||
<li{% if page.id == 'bitcoin-for-individuals' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-individuals url %}">{% translate menu-bitcoin-for-individuals layout %}</a></li>
|
{% endcomment %}
|
||||||
<li{% if page.id == 'bitcoin-for-businesses' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-businesses url %}">{% translate menu-bitcoin-for-businesses layout %}</a></li>
|
|
||||||
<li{% if page.id == 'bitcoin-for-developers' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-developers url %}">{% translate menu-bitcoin-for-developers layout %}</a></li>
|
<ul id="menusimple" class="menusimple" onclick="mobileMenuHover(event);" ontouchstart="mobileMenuHover(event);">
|
||||||
<li{% if page.id == 'getting-started' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate getting-started url %}">{% translate menu-getting-started layout %}</a></li>
|
<li><a href="#" onclick="return false;">{% translate menu-intro layout %}</a>
|
||||||
<li{% if page.id == 'how-it-works' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate how-it-works url %}">{% translate menu-how-it-works layout %}</a></li>
|
<ul>
|
||||||
<li{% if page.id == 'you-need-to-know' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate you-need-to-know url %}">{% translate menu-you-need-to-know layout %}</a></li>
|
<li{% if page.id == 'bitcoin-for-individuals' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-individuals url %}">{% translate menu-bitcoin-for-individuals layout %}</a></li>
|
||||||
</ul>
|
<li{% if page.id == 'bitcoin-for-businesses' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-businesses url %}">{% translate menu-bitcoin-for-businesses layout %}</a></li>
|
||||||
</li>
|
<li{% if page.id == 'bitcoin-for-developers' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate bitcoin-for-developers url %}">{% translate menu-bitcoin-for-developers layout %}</a></li>
|
||||||
<li><a href="#" onclick="return false;">{% translate menu-resources layout %}</a>
|
<li{% if page.id == 'getting-started' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate getting-started url %}">{% translate menu-getting-started layout %}</a></li>
|
||||||
<ul>
|
<li{% if page.id == 'how-it-works' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate how-it-works url %}">{% translate menu-how-it-works layout %}</a></li>
|
||||||
<li{% if page.id == 'resources' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate resources url %}">{% translate menu-resources layout %}</a></li>
|
<li{% if page.id == 'you-need-to-know' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate you-need-to-know url %}">{% translate menu-you-need-to-know layout %}</a></li>
|
||||||
<li{% if page.id == 'community' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate community url %}">{% translate menu-community layout %}</a></li>
|
|
||||||
{% if page.lang == 'en' %}<li{% if page.id == 'developer-documentation' %} class="active"{% endif %}><a href="/en/developer-documentation">Documentation</a></li>{% endif %}
|
|
||||||
<li{% if page.id == 'vocabulary' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate vocabulary url %}">{% translate menu-vocabulary layout %}</a></li>
|
|
||||||
<li{% if page.id == 'events' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate events url %}">{% translate menu-events layout %}</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li{% if page.id == 'innovation' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate innovation url %}">{% translate menu-innovation layout %}</a></li>
|
|
||||||
<li><a href="#" onclick="return false;">{% translate menu-participate layout %}</a>
|
|
||||||
<ul>
|
|
||||||
<li{% if page.id == 'support-bitcoin' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate support-bitcoin url %}">{% translate menu-support-bitcoin layout %}</a>
|
|
||||||
{% if page.lang == 'en' %}<li{% if page.id == 'full-node' %} class="active"{% endif %}><a href="/en/full-node">Running a full node</a></li>{% endif %}
|
|
||||||
<li{% if page.id == 'development' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate development url %}">{% translate menu-development layout %}</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li{% if page.id == 'faq' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate faq url %}">{% translate menu-faq layout %}</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#" onclick="return false;">{% translate menu-resources layout %}</a>
|
||||||
|
<ul>
|
||||||
|
<li{% if page.id == 'resources' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate resources url %}">{% translate menu-resources layout %}</a></li>
|
||||||
|
<li{% if page.id == 'community' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate community url %}">{% translate menu-community layout %}</a></li>
|
||||||
|
{% if page.lang == 'en' %}<li{% if page.id == 'developer-documentation' %} class="active"{% endif %}><a href="/en/developer-documentation">Documentation</a></li>{% endif %}
|
||||||
|
<li{% if page.id == 'vocabulary' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate vocabulary url %}">{% translate menu-vocabulary layout %}</a></li>
|
||||||
|
<li{% if page.id == 'events' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate events url %}">{% translate menu-events layout %}</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li{% if page.id == 'innovation' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate innovation url %}">{% translate menu-innovation layout %}</a></li>
|
||||||
|
<li><a href="#" onclick="return false;">{% translate menu-participate layout %}</a>
|
||||||
|
<ul>
|
||||||
|
<li{% if page.id == 'support-bitcoin' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate support-bitcoin url %}">{% translate menu-support-bitcoin layout %}</a>
|
||||||
|
{% if page.lang == 'en' %}<li{% if page.id == 'full-node' %} class="active"{% endif %}><a href="/en/full-node">Running a full node</a></li>{% endif %}
|
||||||
|
<li{% if page.id == 'development' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate development url %}">{% translate menu-development layout %}</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li{% if page.id == 'faq' %} class="active"{% endif %}><a href="/{{ page.lang }}/{% translate faq url %}">{% translate menu-faq layout %}</a></li>
|
||||||
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -1 +1,6 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <a id="menumobile" class="menumobile" onclick="mobileMenuShow(event);" ontouchstart="mobileMenuShow(event);" href="#"></a>
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<a id="menumobile" class="menumobile" onclick="mobileMenuShow(event);" ontouchstart="mobileMenuShow(event);" href="#"></a>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,9 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %}<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||||
<meta property="og:image" content="https://bitcoin.org/img/icons/opengraph.png" />
|
<meta property="og:image" content="https://bitcoin.org/img/icons/opengraph.png" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||||
<title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title>
|
<title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,9 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %}{% if site.ALERT %}
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
{% if site.ALERT %}
|
||||||
<div class="banner-message {{ site.ALERTCLASS }}">
|
<div class="banner-message {{ site.ALERTCLASS }}">
|
||||||
<a href="{{ site.ALERTURL }}"><span>{{ site.ALERT }}</span></a>
|
<a href="{{ site.ALERTURL }}"><span>{{ site.ALERT }}</span></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1 +1,6 @@
|
||||||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %}<div id="detectmobile" class="detectmobile"></div>
|
{% comment %}
|
||||||
|
This file is licensed under the MIT License (MIT) available on
|
||||||
|
http://opensource.org/licenses/MIT.
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
<div id="detectmobile" class="detectmobile"></div>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,33 @@
|
||||||
---
|
---
|
||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<html lang="{{ page.lang }}">
|
<html lang="{{ page.lang }}">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
{% include layout/base/html-head.html %}</head>
|
{% include layout/base/html-head.html %}
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{% include layout/base/pagetop-detect-mobile.html %}{% include layout/base/pagetop-alert.html %} <div class="head"><div>
|
{% include layout/base/pagetop-detect-mobile.html %}
|
||||||
{% include layout/base/head-language-dropdown.html %}{% include layout/base/head-mobile-menu.html %}{% include layout/base/head-logo.html %}{% include layout/base/head-language-select.html %}{% include layout/base/head-menu.html %} </div></div>
|
{% include layout/base/pagetop-alert.html %}
|
||||||
<div class="body">
|
|
||||||
{% include layout/base/content.html %} <div class="footer">
|
<div class="head"><div>
|
||||||
{% include layout/base/footer-menu.html %}{% include layout/base/footer-sponsor.html %}{% include layout/base/footer-license.html %} </div>
|
{% include layout/base/head-language-dropdown.html %}
|
||||||
|
{% include layout/base/head-mobile-menu.html %}
|
||||||
|
{% include layout/base/head-logo.html %}
|
||||||
|
{% include layout/base/head-language-select.html %}
|
||||||
|
{% include layout/base/head-menu.html %}
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
<div class="body">
|
||||||
|
{% include layout/base/content.html %}
|
||||||
|
<div class="footer">
|
||||||
|
{% include layout/base/footer-menu.html %}
|
||||||
|
{% include layout/base/footer-sponsor.html %}
|
||||||
|
{% include layout/base/footer-license.html %}
|
||||||
</div>
|
</div>
|
||||||
{% include layout/base/footer-js.html %}</body>
|
</div>
|
||||||
|
|
||||||
|
{% include layout/base/footer-js.html %}
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue