aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorsptaule <lecas83@gmail.com>2022-02-01 18:56:05 +0100
committersptaule <lecas83@gmail.com>2022-02-01 18:56:05 +0100
commit4b4dee731fbd24f986c0eb503516ac85301f37fd (patch)
tree6f160c77f72469ccca9f275709650de48eb1230a /templates
parent029e024b1543de11117793ee7aa8b6257e241ccf (diff)
downloadgaragehq.deuxfleurs.fr-4b4dee731fbd24f986c0eb503516ac85301f37fd.tar.gz
garagehq.deuxfleurs.fr-4b4dee731fbd24f986c0eb503516ac85301f37fd.zip
Fix typo on 404, Remove useless blocks on templates
Diffstat (limited to 'templates')
-rwxr-xr-xtemplates/404.html30
-rwxr-xr-xtemplates/page.html352
2 files changed, 189 insertions, 193 deletions
diff --git a/templates/404.html b/templates/404.html
index 7885942..c759261 100755
--- a/templates/404.html
+++ b/templates/404.html
@@ -3,20 +3,20 @@
{% block content %}
<section class="py-48">
- <div class="w-full mx-auto">
- <div class="flex items-center justify-center" style="min-height:40vh;">
- <div class="flex flex-col items-center justify-center w-96 mx-auto">
- <h1 class="flex items-center justify-around space-x-2 text-2xl text-garage-gray">
- <span class="text-garage-orange font-semibold">HTTP 404</span>
- </h1>
- <p class="text-gray-900 font-light text-center">
- What a shame!<br>The page you are looking for does not exist.
- </p>
- <a href="/" class="text-garage-gray hover:text-garage-orange underline">
- Go back to homepage
- </p>
- </div>
+ <div class="w-full mx-auto">
+ <div class="flex items-center justify-center" style="min-height:40vh;">
+ <div class="flex flex-col items-center justify-center w-96 mx-auto">
+ <h1 class="flex items-center justify-around space-x-2 text-2xl text-garage-gray">
+ <span class="text-garage-orange font-semibold">HTTP 404</span>
+ </h1>
+ <p class="text-gray-900 font-light text-center">
+ What a shame!<br>The page you are looking for does not exist.
+ </p>
+ <a href="/" class="text-garage-gray hover:text-garage-orange underline">
+ Go back to homepage
+ </a>
+ </div>
+ </div>
</div>
- </div>
</section>
-{% endblock %}
+{% endblock %} \ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index 67081b7..b1c98cd 100755
--- a/templates/page.html
+++ b/templates/page.html
@@ -5,206 +5,202 @@
{% 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 %}">
- <article class="box my-12">
- <div class="flex flex-col bg-gray-50">
- <div class="flex flex-col border-l-4 border-garage-orange py-2 pl-4 relative">
- <h1 class="title leading-10 text-3xl text-garage-orange font-semibold">
- {{ page.title }}
- </h1>
- {% 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">
- <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>
- </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="flex items-center justify-start md:justify-start">
- {{ macros::page_publish_metadata(page=page) }}
- </div>
- <div class="flex items-center justify-start md:justify-end">
- {{ macros::page_content_metadata(page=page) }}
- </div>
- <div>
- {% if page.taxonomies.categories %}
- {{ macros::render_categories(categories=page.taxonomies.categories) }}
- {% endif %}
- </div>
- <div>
- {% if page.taxonomies.tags %}
- {{ macros::render_tags(tags=page.taxonomies.tags) }}
- {% endif %}
- </div>
- </div>
+ <div class="grid grid-cols-5 gap-x-12">
+ <div class="{% if page.extra.toc %}col-span-4{% else %}col-span-full{% endif %}">
+ <article class="box my-12">
+ <div class="flex flex-col bg-gray-50">
+ <div class="flex flex-col border-l-4 border-garage-orange py-2 pl-4 relative">
+ <h1 class="title leading-10 text-3xl text-garage-orange font-semibold">
+ {{ page.title }}
+ </h1>
+ {% 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">
+ <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>
+ </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="flex items-center justify-start md:justify-start">
+ {{ macros::page_publish_metadata(page=page) }}
+ </div>
+ <div class="flex items-center justify-start md:justify-end">
+ {{ macros::page_content_metadata(page=page) }}
+ </div>
+ <div>
+ {% if page.taxonomies.categories %}
+ {{ macros::render_categories(categories=page.taxonomies.categories) }}
+ {% endif %}
+ </div>
+ <div>
+ {% if page.taxonomies.tags %}
+ {{ macros::render_tags(tags=page.taxonomies.tags) }}
+ {% endif %}
+ </div>
+ </div>
+ </div>
+ <div class="page-content max-w-4xl text-justify mt-12 px-5 md:px-12">
+ {{ page.content | safe }}
+ </div>
+ </article>
</div>
- <div class="page-content max-w-4xl text-justify mt-12 px-5 md:px-12">
- {{ page.content | safe }}
+ {% 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">
+ <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 %}"
+ href="{{ h1.permalink | safe }}">
+ {{ h1.title }}
+ </a>
+ {% if h1.children %}
+ <ul>
+ {% for h2 in h1.children %}
+ <li class="hover:text-orange-600 border-l border-orange-400">
+ <a id="link-{{h2.id}}" class="toc pl-2 text-xs" href="{{ h2.permalink | safe }}">
+ {{ h2.title }}
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+ </aside>
</div>
- </article>
+ {% endif %}
</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">
- <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 %}"
- href="{{ h1.permalink | safe }}">
- {{ h1.title }}
- </a>
- {% if h1.children %}
- <ul>
- {% for h2 in h1.children %}
- <li class="hover:text-orange-600 border-l border-orange-400">
- <a id="link-{{h2.id}}" class="toc pl-2 text-xs" href="{{ h2.permalink | safe }}">
- {{ h2.title }}
- </a>
- </li>
- {% endfor %}
- </ul>
- {% endif %}
- </li>
- {% endfor %}
- </ul>
- </aside>
- </div>
- {% endif %}
- </div>
</div>
- </section>
+</section>
{% endblock %}
{% block pagination %}
- {% if page.earlier or page.later or page.lighter or page.heavier %}
- <section class="w-full">
- <div class="container py-20">
+{% 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 }}">
- <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>
- </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 }}">
- {{ 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>
- </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 }}">
- <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>
- </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 }}">
- {{ 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>
- </span>
- </a>
- </div>
- {% endif %}
- </nav>
- </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 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 }}">
+ <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>
+ </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 }}">
+ {{ 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>
+ </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 }}">
+ <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>
+ </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 }}">
+ {{ 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>
+ </span>
+ </a>
+ </div>
+ {% endif %}
+ </nav>
+ </div>
</div>
- </div>
- </section>
- {% endif %}
+ </div>
+</section>
+{% endif %}
{% endblock %}
{% block custom_js %}
{% if page.extra.toc %}
<script type="text/javascript">
- const menuBarHeight = document.querySelector("nav.navbar").clientHeight;
- const tocItems = document.querySelectorAll(".toc");
- const navSections = new Array(tocItems.length);
-
- tocItems.forEach((el, i) => {
- let id = el.getAttribute("id").substring(5);
- navSections[i] = document.getElementById(id);
- })
+ const menuBarHeight = document.querySelector("nav.navbar").clientHeight;
+ const tocItems = document.querySelectorAll(".toc");
+ const navSections = new Array(tocItems.length);
- function isVisible(tocIndex) {
- const current = navSections[tocIndex];
- const next = tocIndex < tocItems.length - 1 ? navSections[tocIndex + 1]
- : document.querySelectorAll("section.section").item(1);
+ tocItems.forEach((el, i) => {
+ let id = el.getAttribute("id").substring(5);
+ navSections[i] = document.getElementById(id);
+ })
- const c = current.getBoundingClientRect();
- const n = next.getBoundingClientRect();
- const h = (window.innerHeight || document.documentElement.clientHeight);
+ function isVisible(tocIndex) {
+ const current = navSections[tocIndex];
+ const next = tocIndex < tocItems.length - 1 ? navSections[tocIndex + 1]
+ : document.querySelectorAll("section.section").item(1);
- return (c.top <= h) && (n.top - menuBarHeight >= 0);
- }
+ const c = current.getBoundingClientRect();
+ const n = next.getBoundingClientRect();
+ const h = (window.innerHeight || document.documentElement.clientHeight);
- function activateIfVisible() {
- for (b = true, i = 0; i < tocItems.length; i++) {
- if (b && isVisible(i)) {
- tocItems[i].classList.add('is-active');
- b = false;
- } else
- tocItems[i].classList.remove('is-active');
+ return (c.top <= h) && (n.top - menuBarHeight >= 0);
}
- }
- var isTicking = null;
- window.addEventListener('scroll', () => {
- if (!isTicking) {
- window.requestAnimationFrame(() => {
- activateIfVisible();
- isTicking = false;
- });
- isTicking = true;
+ function activateIfVisible() {
+ for (b = true, i = 0; i < tocItems.length; i++) {
+ if (b && isVisible(i)) {
+ tocItems[i].classList.add('is-active');
+ b = false;
+ } else
+ tocItems[i].classList.remove('is-active');
+ }
}
- }, 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);
- })();
+ var isTicking = null;
+ window.addEventListener('scroll', () => {
+ if (!isTicking) {
+ window.requestAnimationFrame(() => {
+ activateIfVisible();
+ isTicking = false;
+ });
+ isTicking = true;
+ }
+ }, false);
</script>
{% endif %}
-{% endblock %}
+{% endblock %} \ No newline at end of file