Layout: Add Whitespace To Layouts

_includes/layout/base/content.html

@@ -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 %}
+This file is licensed under the MIT License (MIT) available on
+http://opensource.org/licenses/MIT.
+{% endcomment %}
+
+<div id="content" class="content">
   {{ content }}
 </div>

_includes/layout/base/footer-js.html

@@ -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 %}
+This file is licensed under the MIT License (MIT) available on
+http://opensource.org/licenses/MIT.
+{% endcomment %}
+
+<script type="text/javascript">
   fallbackSVG();
   addAnchorLinks();
 </script>

_includes/layout/base/footer-license.html

@@ -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>

_includes/layout/base/footer-menu.html

@@ -1,4 +1,9 @@
-{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT.  {% endcomment %}    <div class="footermenu">
+{% 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 %}

_includes/layout/base/footer-sponsor.html

@@ -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 %}
+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>

_includes/layout/base/head-language-dropdown.html

@@ -1,4 +1,8 @@
-{% comment %} This file is licensed under the MIT License (MIT) available on http://opensource.org/licenses/MIT.  {% endcomment %}    <ul class="lang">
+{% 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>

_includes/layout/base/head-language-select.html

@@ -1,4 +1,8 @@
-{% 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 %}
           <option value="/{{ lang }}/{% translate {{page.id}} url {{lang}} %}"{{ active }}>{{ site.langs[lang] }}</option>
     {% endfor %}

_includes/layout/base/head-logo.html

@@ -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>

_includes/layout/base/head-menu.html

@@ -1,4 +1,9 @@
-{% 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 %}
+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>

_includes/layout/base/head-mobile-menu.html

@@ -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>

_includes/layout/base/html-head.html

@@ -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 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>

_includes/layout/base/pagetop-alert.html

@@ -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 }}">
     <a href="{{ site.ALERTURL }}"><span>{{ site.ALERT }}</span></a>
   </div>

_includes/layout/base/pagetop-detect-mobile.html

@@ -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>

_layouts/base.html

@@ -4,15 +4,33 @@
 ---
 <!DOCTYPE HTML>
 <html lang="{{ page.lang }}">
+
 <head>
-{% include layout/base/html-head.html %}</head>
+{% include layout/base/html-head.html %}
+</head>
+
 <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="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">
-{% include layout/base/content.html %}    <div class="footer">
+  {% include layout/base/content.html %}
-{% include layout/base/footer-menu.html %}{% include layout/base/footer-sponsor.html %}{% include layout/base/footer-license.html %}    </div>
+  <div class="footer">
+    {% include layout/base/footer-menu.html %}
+    {% include layout/base/footer-sponsor.html %}
+    {% include layout/base/footer-license.html %}
   </div>
-{% include layout/base/footer-js.html %}</body>
+</div>
+
+{% include layout/base/footer-js.html %}
+</body>
 
 </html>