mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 09:46:12 +00:00
Layout: Split Base Layout
This commit is contained in:
David A. Harding
parent
02243f6d2a
commit
6bfb8849dd
14 changed files with 100 additions and 100 deletions
3
_includes/layout/base/content.html
Normal file
3
_includes/layout/base/content.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div id="content" class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
4
_includes/layout/base/footer-js.html
Normal file
4
_includes/layout/base/footer-js.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <script type="text/javascript">
|
||||
fallbackSVG();
|
||||
addAnchorLinks();
|
||||
</script>
|
||||
1
_includes/layout/base/footer-license.html
Normal file
1
_includes/layout/base/footer-license.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{% 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>
|
||||
13
_includes/layout/base/footer-menu.html
Normal file
13
_includes/layout/base/footer-menu.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <div class="footermenu">
|
||||
<a href="/en/alerts" class="statusmenu{% if site.STATUS == 1 %} alert{% endif %}">Network Status</a>
|
||||
<a href="/{{ page.lang }}/{% translate legal url %}">{% translate menu-legal layout %}</a>
|
||||
{% case page.lang %}
|
||||
{% when 'ar' or 'es' or 'sl' %}
|
||||
<a href="/en/privacy">Privacy</a>
|
||||
{% else %}
|
||||
<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>
|
||||
3
_includes/layout/base/footer-sponsor.html
Normal file
3
_includes/layout/base/footer-sponsor.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on 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>
|
||||
13
_includes/layout/base/head-language-dropdown.html
Normal file
13
_includes/layout/base/head-language-dropdown.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %} <ul class="lang">
|
||||
<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 %}
|
||||
<li><a href="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</a></li>
|
||||
{% assign i = i | plus: 1 %}{% endfor %}
|
||||
</ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
5
_includes/layout/base/head-language-select.html
Normal file
5
_includes/layout/base/head-language-select.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{% 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 %}
|
||||
<option value="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</option>
|
||||
{% endfor %}
|
||||
</select></div>
|
||||
1
_includes/layout/base/head-logo.html
Normal file
1
_includes/layout/base/head-logo.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{% 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>
|
||||
30
_includes/layout/base/head-menu.html
Normal file
30
_includes/layout/base/head-menu.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
{% 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);">
|
||||
<li><a href="#" onclick="return false;">{% translate menu-intro layout %}</a>
|
||||
<ul>
|
||||
<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>
|
||||
<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>
|
||||
<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{% 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 == '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>
|
||||
</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
_includes/layout/base/head-mobile-menu.html
Normal file
1
_includes/layout/base/head-mobile-menu.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{% 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>
|
||||
14
_includes/layout/base/html-head.html
Normal file
14
_includes/layout/base/html-head.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
{% 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 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>
|
||||
{% capture metadescription %}{% translate metadescription %}{% endcapture %}{% if metadescription != '' %}<meta name="description" content="{{ metadescription }}">{% endif %}
|
||||
{% lesscss main.less %}
|
||||
<!--[if lt IE 8]>{% lesscss ie.css %}<script type="text/javascript" src="/js/ie.js"></script><![endif]-->
|
||||
<!--[if IE 8]>{% lesscss ie8.less %}<![endif]-->
|
||||
{% if page.lang == 'ar' or page.lang == 'fa' %}{% lesscss rtl.less %}{% endif %}
|
||||
{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}{% lesscss sans.less %}{% endif %}
|
||||
<script type="text/javascript" src="/js/base.js"></script>
|
||||
{% if page.id != 'download' %}<script type="text/javascript" src="/js/main.js"></script>{% endif %}
|
||||
<link rel="shortcut icon" href="/favicon.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/img/icons/logo_ios.png"/>
|
||||
5
_includes/layout/base/pagetop-alert.html
Normal file
5
_includes/layout/base/pagetop-alert.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{% 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 }}">
|
||||
<a href="{{ site.ALERTURL }}"><span>{{ site.ALERT }}</span></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
1
_includes/layout/base/pagetop-detect-mobile.html
Normal file
1
_includes/layout/base/pagetop-detect-mobile.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT. {% endcomment %}<div id="detectmobile" class="detectmobile"></div>
|
||||
|
|
@ -5,108 +5,14 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html lang="{{ page.lang }}">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<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">
|
||||
<title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title>
|
||||
{% capture metadescription %}{% translate metadescription %}{% endcapture %}{% if metadescription != '' %}<meta name="description" content="{{ metadescription }}">{% endif %}
|
||||
{% lesscss main.less %}
|
||||
<!--[if lt IE 8]>{% lesscss ie.css %}<script type="text/javascript" src="/js/ie.js"></script><![endif]-->
|
||||
<!--[if IE 8]>{% lesscss ie8.less %}<![endif]-->
|
||||
{% if page.lang == 'ar' or page.lang == 'fa' %}{% lesscss rtl.less %}{% endif %}
|
||||
{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}{% lesscss sans.less %}{% endif %}
|
||||
<script type="text/javascript" src="/js/base.js"></script>
|
||||
{% if page.id != 'download' %}<script type="text/javascript" src="/js/main.js"></script>{% endif %}
|
||||
<link rel="shortcut icon" href="/favicon.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="/img/icons/logo_ios.png"/>
|
||||
</head>
|
||||
{% include layout/base/html-head.html %}</head>
|
||||
<body>
|
||||
<div id="detectmobile" class="detectmobile"></div>
|
||||
{% if site.ALERT %}
|
||||
<div class="banner-message {{ site.ALERTCLASS }}">
|
||||
<a href="{{ site.ALERTURL }}"><span>{{ site.ALERT }}</span></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="head"><div>
|
||||
<ul class="lang">
|
||||
<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 %}
|
||||
<li><a href="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</a></li>
|
||||
{% assign i = i | plus: 1 %}{% endfor %}
|
||||
</ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<a id="menumobile" class="menumobile" onclick="mobileMenuShow(event);" ontouchstart="mobileMenuShow(event);" href="#"></a>
|
||||
<a class="logo" href="/{{ page.lang }}/"><img src="/img/icons/logotop.svg" alt="Bitcoin"></a>
|
||||
<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 %}
|
||||
<option value="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</option>
|
||||
{% endfor %}
|
||||
</select></div>
|
||||
<ul id="menusimple" class="menusimple" onclick="mobileMenuHover(event);" ontouchstart="mobileMenuHover(event);">
|
||||
<li><a href="#" onclick="return false;">{% translate menu-intro layout %}</a>
|
||||
<ul>
|
||||
<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>
|
||||
<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>
|
||||
<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{% 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 == '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>
|
||||
</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>
|
||||
</div></div>
|
||||
{% include layout/base/pagetop-detect-mobile.html %}{% include layout/base/pagetop-alert.html %} <div class="head"><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">
|
||||
<div id="content" class="content">
|
||||
{{ content }}
|
||||
{% 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>
|
||||
<div class="footer">
|
||||
<div class="footermenu">
|
||||
<a href="/en/alerts" class="statusmenu{% if site.STATUS == 1 %} alert{% endif %}">Network Status</a>
|
||||
<a href="/{{ page.lang }}/{% translate legal url %}">{% translate menu-legal layout %}</a>
|
||||
{% case page.lang %}
|
||||
{% when 'ar' or 'es' or 'sl' %}
|
||||
<a href="/en/privacy">Privacy</a>
|
||||
{% else %}
|
||||
<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>
|
||||
<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>
|
||||
<div class="footerlicense">© Bitcoin Project 2009-{{ site.time | date: '%Y' }} {% translate footer layout %}</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
fallbackSVG();
|
||||
addAnchorLinks();
|
||||
</script>
|
||||
</body>
|
||||
{% include layout/base/footer-js.html %}</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue