diff options
author | sptaule <lecas83@gmail.com> | 2022-02-01 18:56:05 +0100 |
---|---|---|
committer | sptaule <lecas83@gmail.com> | 2022-02-01 18:56:05 +0100 |
commit | 4b4dee731fbd24f986c0eb503516ac85301f37fd (patch) | |
tree | 6f160c77f72469ccca9f275709650de48eb1230a /templates | |
parent | 029e024b1543de11117793ee7aa8b6257e241ccf (diff) | |
download | garagehq.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-x | templates/404.html | 30 | ||||
-rwxr-xr-x | templates/page.html | 352 |
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 |