awaaaaa (ça avance pas mal)
This commit is contained in:
parent
07731d18a9
commit
26bb0eefee
15 changed files with 171 additions and 98 deletions
|
|
@ -1,6 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
{% extends "base.html" %}{% block content %}
|
||||
|
||||
<h1 class="title is-2">Erreur 404</h1>
|
||||
<br />
|
||||
<p class="subtitle is-4">Quoi que vous cherchiez, ce n'est pas ici…</p>
|
||||
|
||||
{% block content %}
|
||||
<h1>Erreur 404</h1>
|
||||
<p>Quoi que vous cherchiez, ce n'est pas ici…</p>
|
||||
{% endblock content %}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,44 @@
|
|||
</head>
|
||||
<body>
|
||||
<main {% include "partials/lang_attr.html" -%} >
|
||||
{%- block content %} {% endblock content -%}
|
||||
<div class="section">
|
||||
<div class="container is-desktop">
|
||||
<div class="columns is-centered is-desktop">
|
||||
<div class="column is-narrow is-two-third-touch">
|
||||
<!-- Logo card -->
|
||||
<div class="card has-background-primary-light" style="position: sticky; top: 3em;">
|
||||
<div class="card-content">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<a href="/">
|
||||
<figure class="image is-1by1 is-128x128">
|
||||
<img class="is-rounded" src="/img/glitch.png" alt="A glitched image"></img>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
|
||||
<p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
|
||||
<div class="buttons has-addons is-pulled-right">
|
||||
{%- if false or ( current_path and current_path != "/" ) -%}
|
||||
<a class="button is-link is-outlined is-pulled-right" href="/">Accueil</a>
|
||||
{%- endif -%}
|
||||
{%- if not page or page and not page.title == "Contact" -%}
|
||||
<a class="button is-link is-outlined is-pulled-right" href="/contact">Me contacter</a>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-full-until-widescreen is-offset-one-third">
|
||||
<!-- Actual content -->
|
||||
{%- block content %} {% endblock content -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div class="content has-text-centered">
|
||||
|
|
|
|||
|
|
@ -1,79 +1,37 @@
|
|||
{% extends "base.html" %} {% block content %}
|
||||
|
||||
<div class="section">
|
||||
<div class="container is-desktop">
|
||||
<div class="columns is-centered is-desktop">
|
||||
<div class="column is-narrow is-two-third-touch">
|
||||
<div class="card has-background-primary-light" style="position: sticky; top: 3em;">
|
||||
<div class="card-content">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<a href="/">
|
||||
<figure class="image is-1by1 is-128x128">
|
||||
<img class="is-rounded" src="/img/glitch.png" alt="A glitched image"></img>
|
||||
</figure>
|
||||
</a>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
<h1 class="title is-1 has-text-primary-dark has-text-right">{{ config.title }}</h1>
|
||||
<p class="subtitle is-4 has-text-primary-dark has-text-right">Créatrice d'objets singuliers</p>
|
||||
<div class="buttons has-addons is-pulled-right">
|
||||
{%- if not current_path == "/" -%}
|
||||
<a class="button is-link is-outlined is-pulled-right" href="/">Accueil</a>
|
||||
{%- endif -%}
|
||||
{%- if not page or page and not page.title == "Contact" -%}
|
||||
<a class="button is-link is-outlined is-pulled-right" href="/contact">Me contacter</a>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% extends "base.html" %} {% block content %} {%- if section -%} {%- if not
|
||||
section.extra.hide_title -%}
|
||||
<h2 class="title is-3">{{- section.title -}}</h2>
|
||||
{%- if section.extra.subtitle -%}
|
||||
<p class="subtitle is-5 has-text-primary-dark">
|
||||
{{- section.extra.subtitle -}}
|
||||
</p>
|
||||
{%- endif -%} {%- endif -%} {{- section.content | safe -}} {% for sect in
|
||||
section.subsections %} {%- set sect = get_section(path=sect) %}
|
||||
<section class="content-section">
|
||||
<div class="columns is-mobile">
|
||||
<div class="column">
|
||||
<h2 class="title is-4">
|
||||
<a href="{{ get_url(path=sect.path | safe) }}"
|
||||
>{{ sect.title }}</a
|
||||
>
|
||||
</h2>
|
||||
<p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
|
||||
</div>
|
||||
<div class="column is-full-until-widescreen is-offset-one-third">
|
||||
{%- if section -%}
|
||||
{%- if not section.extra.hide_title -%}
|
||||
<h2 class="title is-3">{{- section.title -}}</h2>
|
||||
{%- if section.extra.subtitle -%}
|
||||
<p class="subtitle is-5 has-text-primary-dark">{{- section.extra.subtitle -}}</p>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
{{- section.content | safe -}}
|
||||
{% for sect in section.subsections %}
|
||||
{%- set sect = get_section(path=sect) %}
|
||||
<section class="content-section">
|
||||
<div class="columns is-mobile">
|
||||
<div class="column">
|
||||
<h2 class="title is-4"><a href="{{ get_url(path=sect.path | safe) }}">{{ sect.title }}</a></h2>
|
||||
<p class="subtitle is-5">{{ sect.extra.subtitle }}</p>
|
||||
</div>
|
||||
{%- if sect.extra.button -%}
|
||||
<div class="column is-pulled-right is-narrow">
|
||||
<p>
|
||||
<a class="button" href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}">{{- sect.extra.button -}}</a>
|
||||
</p>
|
||||
</div>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
{{- sect.content | split(pat="<!-- cut -->") | first | safe -}}
|
||||
<br>
|
||||
</section>
|
||||
{% if not loop.last %} <hr> {% endif %}
|
||||
{% endfor -%}
|
||||
{%- endif -%}
|
||||
{%- if page -%}
|
||||
{%- if not page.extra.hide_title -%}
|
||||
<h2 class="title is-3">{{- page.title -}}</h2>
|
||||
{%- if page.extra.subtitle -%}
|
||||
<p class="subtitle is-5 has-text-primary-dark">{{- page.extra.subtitle -}}</p>
|
||||
{%- endif -%}
|
||||
{%- endif -%}
|
||||
<div class="content">
|
||||
{{- page.content | safe -}}
|
||||
</div>
|
||||
{%- endif -%}
|
||||
{%- if sect.extra.button -%}
|
||||
<div class="column is-pulled-right is-narrow">
|
||||
<p>
|
||||
<a
|
||||
class="button"
|
||||
href="{{ get_url(path=sect.path | safe) ~ '#continue-reading' }}"
|
||||
>{{- sect.extra.button -}}</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
{{- sect.content | split(pat="<!-- cut -->") | first | safe -}}
|
||||
<br />
|
||||
</section>
|
||||
{% if not loop.last %}
|
||||
<hr />
|
||||
{% endif %} {% endfor -%} {%- endif -%} {% endblock content %}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,14 @@
|
|||
{% extends "base.html" %} {% block content %}
|
||||
|
||||
<section class="section">
|
||||
<div class="content container is-desktop">
|
||||
<h1 class="title is-2">{{ page.title }}</h1>
|
||||
<hr />
|
||||
{{- page.content | safe -}} {% endblock content %}
|
||||
</div>
|
||||
</section>
|
||||
<h2 class="title is-3">{{- page.title -}}</h2>
|
||||
{% set ancestor = page.relative_path | split(pat="/") | first %} {%- if ancestor
|
||||
in ["creation", "reparation"] -%}
|
||||
<p class="subtitle is-5 has-text-primary-dark">SECTION</p>
|
||||
{%- endif -%} {%- if page.date -%}
|
||||
<time datetime="{{ page.date }}">
|
||||
Réalisé le
|
||||
<span class="is-info">{{ page.date | date(format="%Y-%m-%d") }}</span>
|
||||
</time>
|
||||
{%- endif -%}
|
||||
<section class="content-section">{{- page.content | safe -}}</section>
|
||||
{% endblock content %}
|
||||
|
|
|
|||
40
templates/section.html
Normal file
40
templates/section.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
{% extends "base.html" %} {% block content %}
|
||||
|
||||
<h2 class="title is-3">{{- section.title -}}</h2>
|
||||
{%- if section.extra.subtitle -%}
|
||||
<p class="subtitle is-5 has-text-primary-dark">
|
||||
{{- section.extra.subtitle -}}
|
||||
</p>
|
||||
{%- endif -%}
|
||||
<section class="content-section">{{- section.content | safe -}}</section>
|
||||
|
||||
<div class="grid">
|
||||
{%- for page in section.pages -%}
|
||||
<div class="card cell">
|
||||
<header class="card-header">
|
||||
<p class="card-header-title">{{ page.title }}</p>
|
||||
<button class="card-header-icon" aria-label="more options">
|
||||
<span class="icon">
|
||||
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
||||
</span>
|
||||
</button>
|
||||
</header>
|
||||
<div class="card-image">
|
||||
<figure class="image is-4by3">
|
||||
<img
|
||||
src="{{ get_url(path=page.extra.img | default(value='/img/placeholder.png')) }}"
|
||||
alt="{{ page.extra.alt | default(value="") }}"
|
||||
/>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<div class="content">{{ page.content |safe }}</div>
|
||||
</div>
|
||||
<footer class="card-footer">
|
||||
<a href="{{ page.path }}" class="card-footer-item">Lire le détail</a>
|
||||
</footer>
|
||||
</div>
|
||||
{%- endfor -%}
|
||||
</div>
|
||||
|
||||
{% endblock content %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue