opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Split app and base layouts

Browse source
This commit is contained in:
Oliver Davies 2019-05-20 18:07:52 +01:00
parent c39cf2acb8
commit 0adfd87cd0
2 changed files with 54 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
source/_layouts/app.html.twig Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html class="no-js" lang="en-GB">
<head>
<title>{% if page.title is defined and page.url != '//' %}{{ page.title }} | {% endif %}{{ site.title }} - {{ site.subtitle }}</title>
{% include 'meta' %}
{% block metas %}
<meta name="twitter:site" content="@{{ site.twitter.user }}">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:creator" content="@{{ site.twitter.user }}">
{% endblock %}
<link rel="stylesheet" href="/dist/css/app.css">
{% block stylesheets %}{% endblock %}
{% for size in site.apple_touch_icon_sizes %}
<link rel="apple-touch-icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
{% for size in site.favicon_sizes %}
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
</head>
<body class="antialiased font-sans text-gray-800 leading-relaxed">
<div id="app" class="min-h-screen flex flex-col" v-cloak>
{% block body %}{% endblock %}
</div>
{% if site.google_analytics.id %}
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); ga('send', 'pageview');</script>
{% endif %}
<script src="/dist/js/manifest.js"></script>
<script src="/dist/js/vendor.js"></script>
<script src="/dist/js/app.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>

42
source/_layouts/base.html.twig
View file

@ -1,31 +1,6 @@
<!DOCTYPE html> {% extends 'app' %}
<html class="no-js" lang="en-GB">
<head>
<title>{% if page.title is defined and page.url != '//' %}{{ page.title }} | {% endif %}{{ site.title }} - {{ site.subtitle }}</title>
{% include 'meta' %}
{% block metas %}
<meta name="twitter:site" content="@{{ site.twitter.user }}">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:creator" content="@{{ site.twitter.user }}">
{% endblock %}
<link rel="stylesheet" href="/dist/css/app.css">
{% block stylesheets %}{% endblock %}
{% for size in site.apple_touch_icon_sizes %}
<link rel="apple-touch-icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
{% for size in site.favicon_sizes %}
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
</head>
<body class="antialiased font-sans text-gray-800 leading-relaxed">
<div id="app" class="min-h-screen flex flex-col" v-cloak>
<a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none">
Skip to main content
</a>
{% block body %}
{% include 'layout/navbar' %} {% include 'layout/navbar' %}
<div class="container mt-24 px-4 mx-auto flex flex-col flex-1"> <div class="container mt-24 px-4 mx-auto flex flex-col flex-1">
@ -43,15 +18,4 @@
{% include 'layout/footer' %} {% include 'layout/footer' %}
</div> </div>
</div> {% endblock %}
{% if site.google_analytics.id %}
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '{{ site.google_analytics_tracking_id }}', 'auto'); ga('send', 'pageview');</script>
{% endif %}
<script src="/dist/js/manifest.js"></script>
<script src="/dist/js/vendor.js"></script>
<script src="/dist/js/app.js"></script>
{% block scripts %}{% endblock %}
</body>
</html>