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,37 +1,25 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/21.css" type="text/css" />
<!-- Le fav and touch icons -->
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/21.css" type="text/css" />
<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/raphael-2.1.0.min.js"></script>
<script type="text/javascript" src="/js/kartograph.js"></script>
</head>
<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 }}
</div>
</div>
{{ content }}
</body>
</html>
</html>

View File

@@ -2,21 +2,12 @@
layout: core
---
<div id="wrap">
<div class="container">
<div class="row">
<div class="span12">
{% 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{% if page.class %} {{ page.class }}{% endif %}">
{{ content }}
</div>
<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>
</div>
</div>
{% include logo.html %}
</div>
{{ content }}
{% include footer.html %}
</div>

View File

@@ -1,26 +1,15 @@
---
layout: core
layout: default
---
<div class="container">
<div class="row">
<div class="span6 offset6">
&nbsp;
</div>
</div>
<div class="row">
<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">
{{ content }}
</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 class="container">
<div class="row">
<div class="span8 offset2">
<div class="content">
{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
{{ content }}
</div>
</div>
</div>
</div>