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

Update layout

Browse source
This commit is contained in:
Oliver Davies 2018-12-29 23:41:01 +00:00
parent e06622ded8
commit 09d8b54c6f
12 changed files with 128 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="no-js text-sm md:text-base" lang="en-GB">
<html class="no-js text-base md:text-lg" lang="en-GB">
<head>
<title>{% if page.title is defined and page.url != '//' %}{{ page.title }} | {% endif %}{{ site.title }} - {{ site.subtitle }}</title>
{% include 'meta' %}
@ -16,7 +16,7 @@
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
<link href="https://fonts.googleapis.com/css?family=Barlow:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Barlow:400,600,700" rel="stylesheet">
</head>
<body class="font-sans text-black leading-normal">
<div id="app" v-cloak>

47
source/_layouts/default.html.twig
View file

@ -5,35 +5,30 @@
{% include 'layout/navbar' %}
<div class="container mx-auto px-4">
<div class="md:flex -mx-4">
<main id="main-content" class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0">
{% block page_title %}
<h1>{{ page.title }}</h1>
{% endblock %}
{% block content_wrapper %}
{% block content %}{% endblock %}
{% endblock %}
</main>
{% block sidebar_wrapper %}
<div class="md:w-1/3 lg:w-1/4 px-4" role="complementary">
{% block sidebar %}
{% include 'badges' %}
{% endblock %}
</div>
<div class="mt-24 max-w-xl px-4 mx-auto">
<main id="main-content">
{% block page_title %}
<h1>{{ page.title }}</h1>
{% endblock %}
</div>
<footer class="border-t border-grey-light pt-4 mt-4">
<p>
&copy; 2010-{{ 'now'|date('Y') }} {{ site.title }}.
Built with <a class="link" href="https://sculpin.io">Sculpin</a> and <a class="link" href="https://tailwindcss.com">Tailwind CSS</a>.
Hosted on <a class="link" href="https://www.netlify.com">Netlify</a>.
</p>
{% block content_wrapper %}
{% block content %}{% endblock %}
{% endblock %}
</main>
{% include 'meetups' %}
<footer class="border-grey-light border-t mb-8 mt-10 pt-5">
<div class="md:flex md:justify-between">
<div>
<p>&copy; 2010-{{ 'now'|date('Y') }} {{ site.title }}</p>
</div>
<div>
<p>
Built with <a class="link" href="https://sculpin.io">Sculpin</a> and <a class="link" href="https://tailwindcss.com">Tailwind CSS</a>,
and hosted on <a class="link" href="https://www.netlify.com">Netlify</a>.
</p>
</div>
</div>
</footer>
</div>
{% endblock %}

2
source/_layouts/page.html.twig
View file

@ -1,5 +1,5 @@
{% extends 'default' %}
{% block content_top %}
<h1>{{ page.title }}</h1>
<h1 class="text-blue mb-4">{{ page.title }}</h1>
{% endblock %}