Fix typo on 404, Remove useless blocks on templates
This commit is contained in:
parent
029e024b15
commit
4b4dee731f
2 changed files with 190 additions and 194 deletions
|
|
@ -14,7 +14,7 @@
|
|||
</p>
|
||||
<a href="/" class="text-garage-gray hover:text-garage-orange underline">
|
||||
Go back to homepage
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section id="blogpost-section" class="section">
|
||||
<section id="blogpost-section" class="section">
|
||||
<div class="mx-auto max-w-7xl">
|
||||
<div class="grid grid-cols-5 gap-x-12">
|
||||
<div class="{% if page.extra.toc %}col-span-4{% else %}col-span-full{% endif %}">
|
||||
|
|
@ -18,13 +18,17 @@
|
|||
{% if page.description %}
|
||||
<p class="subtitle my-2 text-gray-600 italic text-sm">{{ page.description }}</p>
|
||||
{% endif %}
|
||||
<a id="back-to-blog-posts" class="absolute top-0 -left-12" href="/blog/" title="Back to blog posts">
|
||||
<a id="back-to-blog-posts" class="absolute top-0 -left-12" href="/blog/"
|
||||
title="Back to blog posts">
|
||||
<div class="w-10 overflow-hidden inline-block group">
|
||||
<div class="h-16 bg-garage-gray group-hover:bg-garage-orange transform -rotate-45 origin-top-right"></div>
|
||||
<div
|
||||
class="h-16 bg-garage-gray group-hover:bg-garage-orange transform -rotate-45 origin-top-right">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="w-full text-garage-gray text-sm grid grid-cols-1 md:grid-cols-2 bg-gradient-to-r from-gray-100 to-transparent p-3 border-l-4 border-gray-300">
|
||||
<div
|
||||
class="w-full text-garage-gray text-sm grid grid-cols-1 md:grid-cols-2 bg-gradient-to-r from-gray-100 to-transparent p-3 border-l-4 border-gray-300">
|
||||
<div class="flex items-center justify-start md:justify-start">
|
||||
{{ macros::page_publish_metadata(page=page) }}
|
||||
</div>
|
||||
|
|
@ -49,13 +53,15 @@
|
|||
</article>
|
||||
</div>
|
||||
{% if page.extra.toc %}
|
||||
<div class="col-span-1 my-12 is-hidden-mobile bg-gradient-to-b from-yellow-100 to-transparent rounded shadow-inner">
|
||||
<div
|
||||
class="col-span-1 my-12 is-hidden-mobile bg-gradient-to-b from-yellow-100 to-transparent rounded shadow-inner">
|
||||
<aside class="menu" style="position:sticky;top:0">
|
||||
<p class="bg-yellow-200 uppercase text-xs font-light p-1 text-center text-gray-600">Contents</p>
|
||||
<ul class="menu-list p-2 text-gray-800">
|
||||
{% for h1 in page.toc %}
|
||||
<li class="flex flex-col h-full">
|
||||
<a id="link-{{h1.id}}" class="toc text-sm text-gray-600 bg-transparent hover:text-orange-600 font-semibold {% if loop.first %}is-active{% endif %}"
|
||||
<a id="link-{{h1.id}}"
|
||||
class="toc text-sm text-gray-600 bg-transparent hover:text-orange-600 font-semibold {% if loop.first %}is-active{% endif %}"
|
||||
href="{{ h1.permalink | safe }}">
|
||||
{{ h1.title }}
|
||||
</a>
|
||||
|
|
@ -78,47 +84,67 @@
|
|||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block pagination %}
|
||||
{% if page.earlier or page.later or page.lighter or page.heavier %}
|
||||
<section class="w-full">
|
||||
{% if page.earlier or page.later or page.lighter or page.heavier %}
|
||||
<section class="w-full">
|
||||
<div class="container py-20">
|
||||
<div class="mx-auto max-w-4xl">
|
||||
<div class="column is-8">
|
||||
<nav class="flex space-x-8 items-center justify-center">
|
||||
{% if page.later %}
|
||||
<div>
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" href="{{ page.later.permalink }}">
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800"
|
||||
href="{{ page.later.permalink }}">
|
||||
<span class="icon mr-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"></path></svg>
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
|
||||
</svg>
|
||||
</span>
|
||||
<span>{{ page.later.title }}</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %} {% if page.earlier %}
|
||||
<div>
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" href="{{ page.earlier.permalink }}">
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800"
|
||||
href="{{ page.earlier.permalink }}">
|
||||
{{ page.earlier.title }}<span class="icon ml-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %} {% if page.heavier %}
|
||||
<div>
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" href="{{ page.heavier.permalink }}">
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800"
|
||||
href="{{ page.heavier.permalink }}">
|
||||
<span class="icon mr-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"></path></svg>
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
|
||||
</svg>
|
||||
</span>
|
||||
<span>{{ page.heavier.title }}</span>
|
||||
</a>
|
||||
</div>
|
||||
{% endif %} {% if page.lighter %}
|
||||
<div>
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" href="{{ page.lighter.permalink }}">
|
||||
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800"
|
||||
href="{{ page.lighter.permalink }}">
|
||||
{{ page.lighter.title }}<span class="icon ml-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -127,22 +153,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block comment %}
|
||||
{% if page.extra.comments and config.extra.commenting.disqus %}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-6">
|
||||
<div id="disqus_thread"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block custom_js %}
|
||||
|
|
@ -191,20 +203,4 @@
|
|||
}, false);
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.extra.comments and config.extra.commenting.disqus %}
|
||||
<script>
|
||||
var disqus_config = function () {
|
||||
this.page.url = "{{config.base_url | safe}}";
|
||||
this.page.identifier = "{{ current_path | safe}}";
|
||||
};
|
||||
|
||||
(function () {
|
||||
var d = document, s = d.createElement('script');
|
||||
s.src = 'https://{{ config.extra.commenting.disqus | safe}}.disqus.com/embed.js';
|
||||
s.setAttribute('data-timestamp', +new Date());
|
||||
(d.head || d.body).appendChild(s);
|
||||
})();
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
Loading…
Reference in a new issue