feat(layouts): DRY includes

This commit is contained in:
Gigi
2022-04-28 08:23:43 +02:00
parent 55bebf13d6
commit 1839d12b11
5 changed files with 37 additions and 58 deletions

6
_includes/footer.html Normal file
View File

@@ -0,0 +1,6 @@
<div class="footer">
<p align="right">Looking for bitcoin-only meetups? Have a look at <a href="https://bitcoin-only.com/meetups"
target="_blank">bitcoin-only.com/meetups</a></p>
Made with <a href="https://dergigi.com/support" target="_blank">🧡</a> by <a href="https://dergigi.com"
target="_blank">Gigi</a>.
</div>

5
_includes/logo.html Normal file
View File

@@ -0,0 +1,5 @@
<div class="row">
<div class="span8 offset2" style="margin-bottom: 1rem;">
<center><a href="/"><img src="images/logo-white.svg" width="100%" /></a></center>
</div>
</div>

View File

@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title> <title>{{ page.title }}</title>
@@ -9,29 +10,16 @@
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/21.css" type="text/css" /> <link rel="stylesheet" href="/css/21.css" type="text/css" />
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="/favicon.ico"> <link rel="shortcut icon" href="/favicon.ico">
<!-- {% for style in page.styles %}
<link rel="stylesheet" href="{{ style }}" type="text/css" />
{% endfor %} -->
<script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/raphael-2.1.0.min.js"></script> <script type="text/javascript" src="/js/raphael-2.1.0.min.js"></script>
<script type="text/javascript" src="/js/kartograph.js"></script> <script type="text/javascript" src="/js/kartograph.js"></script>
</head> </head>
<body> <body>
<div id="wrap">
<div class="container">
<div class="row">
<div class="span8 offset2" style="margin-bottom: 1rem;">
<center><a href="/"><img src="images/logo-white.svg" width="100%"/></a></center>
</div>
</div>
{{ content }} {{ content }}
</div>
</div>
</body> </body>
</html> </html>

View File

@@ -2,21 +2,12 @@
layout: core layout: core
--- ---
<div id="wrap">
<div class="container"> <div class="container">
<div class="row"> {% include logo.html %}
<div class="span12">
{% if page.headline %}
<div class="hero-unit"{% if page.headbg %} style="background:url({{page.headbg}})" {% endif %}>
<h1>{{ page.headline }}</h1>
</div> </div>
{% endif %}
<div class="content{% if page.class %} {{ page.class }}{% endif %}">
{{ content }} {{ content }}
</div>
<div class="footer"> {% include footer.html %}
<p align="right">Looking for bitcoin-only meetups? Have a look at <a href="https://bitcoin-only.com/meetups" target="_blank">bitcoin-only.com/meetups</a></p> </div>
Made with <a href="https://dergigi.com/support" target="_blank">🧡</a> by <a href="https://dergigi.com" target="_blank">Gigi</a>.
</div>
</div>
</div>
</div>

View File

@@ -1,26 +1,15 @@
--- ---
layout: core layout: default
--- ---
<div class="container"> <div class="container">
<div class="row">
<div class="span6 offset6">
&nbsp;
</div>
</div>
<div class="row"> <div class="row">
<div class="span8 offset2"> <div class="span8 offset2">
{% if page.headline %}
<div class="hero-unit"{% if page.headbg %} style="background:url({{page.headbg}})" {% endif %}>
<h1>{{ page.headline }}</h1>
</div>
{% endif %}
<div class="content"> <div class="content">
{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
{{ content }} {{ content }}
</div> </div>
<div class="footer">
Made with <a href="https://dergigi.com/support" target="_blank">🧡</a> by <a href="https://dergigi.com" target="_blank">Gigi</a>.
</div>
</div>
</div> </div>
</div> </div>
</div>