update blog

This commit is contained in:
oiseauroch
2023-05-06 20:30:36 +02:00
parent 162e87ebda
commit 09112f856c
38 changed files with 270 additions and 59 deletions

View File

@@ -5,5 +5,24 @@
<h1 class="title is-1">{{page.title}}</h1>
<div class="content">
{{page.content | safe}}
<h2> Des amis </h2 >
D'autres amis propose du contenus que j'apprécie énormément. Une liste non exaustive ci-dessous.
</div>
{% set friend_sites = get_section(path="blog_amis/_index.md") %}
{% for page in friend_sites.pages %}
<article class="media note p-4" >
<a href="{{ page.extra.url }}" class="" style="width: 100%">
<div class="media-content media-flex" style="overflow-y: clip;">
<h2 class="title is-2">{{ page.title }}</h2>
<div class="content has-text-justified">
{{ page.summary | markdown | safe }}
</div>
</div>
</a>
</article>
{% endfor %}
</div>
{% endblock content %}

View File

@@ -58,11 +58,12 @@
</a>
<div class="navbar-dropdown">
{% for site in config.extra.friend_sites %}
<a class="navbar-item" href="{{ site.url }}">
{{ site.name }}
{% set friend_sites = get_section(path="blog_amis/_index.md") %}
{% for page in friend_sites.pages %}
<a class="navbar-item" href="{{ page.extra.url }}">
{{ page.extra.short_title }}
</a>
{% endfor %}
{% endfor %}
</div>
</div>
<a class="navbar-item" href="https://yuno.oiseauroch.fr/gitea">
@@ -81,6 +82,9 @@
<div>
<div style="margin: 100px"></div>
{% block header %}
{% endblock %}
<div class="container mt-6">
{% block content %}
{% endblock %}

19
templates/blog-amis.html Normal file
View File

@@ -0,0 +1,19 @@
{% extends "base.html" %}
{% import 'macros/card.html' as macro_card -%}
{% block content %}
{% for page in section.pages %}
<article class="media note p-4" >
<a href="{{ page.extra.url }}" class="" style="width: 100%">
<div class="media-content media-flex" style="overflow-y: clip;">
<h2 class="title is-2">{{ page.title }}</h2>
<div class="content has-text-justified">
{{ page.summary | markdown | safe }}
</div>
</div>
</a>
</article>
{% endfor %}
</div>
{% endblock content %}

View File

@@ -4,7 +4,13 @@
{% block content %}
<div class="columns is-multiline mt-6">
{% for page in paginator.pages %}
<div class="column is-one-third">
{% if page.taxonomies.Tag %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
{% else %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
{% endif %}
</div>
{% endfor %}
</div>

View File

@@ -1,13 +1,76 @@
{% extends "base.html" %}
{% block header %}
{{ __tera_context }}
<header>
<section class='hero has-text-centered is-large is-info has-bg-img'>
<div class="hero-head mx-5">
<div class="level mt-4">
<div class="level-left">
<p class="level-item subtitle is-size-5-desktop is-size-7-mobile">
Image d'illustration Clint__Budd - CC BY 2.0
</p>
</div>
<div class="level-right mt-3 is-hidden-touch">
<div class="level-item">
<div class="tags colums is-vcentered">
<span class="tag is-info is-light is-large mr-4"><a href="https://blog.chosto.me/%20categories/fiction">Fiction</a></span>
<span class="tag is-info is-light is-large mr-4"><a href="https://blog.chosto.me/%20categories/num%C3%A9rique">Numérique</a></span>
</div>
</div>
</div>
</div>
<div class="hero-body container has-text-centered">
<p class="title is-size-1-desktop is-size-3-mobile is-uppercase">Imaginer un numérique souhaitable</p>
</div>
<div class="hero-foot mb-5 mx-5 content">
<div class="level">
<div class="level-left">
<div class="level-item has-text-left">
<time datetime="2023-01-20T00:00:00Z">
<p class="mb-2 subtitle is-size-5-desktop is-size-7-mobile">📅&nbsp;&nbsp;Article publié le <strong>20 janvier 2023</strong></p>
</time>
</div>
</div>
<div class="level-right">
<div class="level-item has-text-right">
<div>
<p class="mb-2 subtitle is-size-5-desktop is-size-7-mobile">🕑&nbsp;&nbsp;Environ <strong>13 minutes</strong> de lecture
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</header>
{% endblock %}
{% block content %}
{{ __tera_context }}
<section class="hero has-text-centered is-large is-info">
<h1 class="title is-1">
{{ page.title }}
</h1>
<h2 class="title is-2">
La génèse
</h2>
<p class="subtitle"><strong>{{ page.date }}</strong></p>
</section>
<div class="content">
{{ page.content | safe }}
</div>

View File

@@ -8,9 +8,17 @@
<div class="columns is-multiline mt-6">
{% set blog = get_section(path="blog/_index.md") %}
{% for page in blog.pages %}
{% if loop.index0 == 3 %}{% break %}{% endif %}
<div class="column is-one-third">
{% if loop.index0 == 3 %}
</div>
{% break %}
{% endif %}
{% if page.taxonomies.Tag %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
{% else %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
{% endif %}
</div>
{% endfor %}
<a class="plus-articles button is-link is-light is-medium has-text-weight-bold" href="{{ blog.permalink }}">
@@ -29,8 +37,12 @@
{% for page in notes.pages %}
<div class="column is-one-fifth ">
{% if loop.index0 == 5 %}{% break %}{% endif %}
{{ macro_media::create_media(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
</div>
{% if page.taxonomies.Tag %}
{{ macro_card::create_card_note(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
{% else %}
{{ macro_card::create_card_note(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
{% endif %}
</div>
{% endfor %}
{% set notes = get_section(path="notes/_index.md") %}
<a class="overlay has-text-weight-bold" href="{{ notes.permalink }} ">

View File

@@ -1,5 +1,4 @@
{% macro create_card(link, img, title, subtitle, abstract, tags, date) %}
<div class="column is-one-third">
<div class="card has-equal-height">
<a href="{{ link | safe }}" style="height:100%">
<div class="card-content" style="height:100%">
@@ -7,25 +6,23 @@
<div class="title is-5 has-text-centered">{{ subtitle }}</div>
<div class="media">
<div class="content" style="width:100%;">
<hr/>
<hr class="mt-1"/>
{{ abstract | markdown | safe }}
</div>
</div>
</div>
</a>
<footer class="card-footer">
<footer class="mt-5 card">
<div class="card-footer-item">
{% for tag in tags %}
<a class="button is-small is-info is-light is-rounded mx-1" href="{{ get_url(path="tags/") }}/{{ tag }}"> {{ tag }}</a>
{% endfor %}
</div>
<div class="card-footer-item">
{{ date }}
{{ date | date(format="%d %B %Y", locale="fr_FR") }}
</div>
</footer>
</div>
</div>
{% endmacro %}
@@ -42,3 +39,31 @@
{% endmacro %}
{% macro create_card_note(link, img, title, subtitle, abstract, tags, date) %}
<div class="card has-equal-height">
<a href="{{ link | safe }}" style="height:100%">
<div class="card-content" style="height:100%">
<div class="title is-5 has-text-centered">{{ title }}</div>
<div class="subtitle has-text-centered">{{ subtitle }}</div>
<div class="media">
<div class="content" style="width:100%;">
<hr class="mt-1"/>
{{ abstract | markdown | safe }}
</div>
</div>
</div>
</a>
<footer class="mt-1 card-footer">
<div class="card-footer-item">
{% for tag in tags %}
<a class="button is-small is-info is-light is-rounded mx-1" href="{{ get_url(path="tags/") }}/{{ tag }}"> {{ tag }}</a>
{% endfor %}
</div>
<div class="card-footer-item">
{{ date | date(format="%d %b", locale="fr_FR") }}
</div>
</footer>
</div>
{% endmacro %}

View File

@@ -0,0 +1,3 @@
<alert class="alert">
<img src="{{ get_url(path=url) }}" alt="{{ description }}"/>
</alert>

View File

@@ -11,9 +11,16 @@
<i class="computer fas fa-chevron-right mx-2" ></i>
</a>
{% for page in taxo.pages %}
{% if loop.index0 == 3 %}{% break %}{% endif %}
{% if loop.index0 == 3 %}
{% break %}
{% endif %}
<div class="column is-one-third">
{% if page.taxonomies.Tag %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
{% else %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}

View File

@@ -7,7 +7,13 @@
{{ term.name }}
</div>
{% for page in paginator.pages %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
<div class="column is-one-third">
{% if page.taxonomies.Tag %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags=page.taxonomies.Tag, date=page.date) }}
{% else %}
{{ macro_card::create_card(link=page.permalink, img=page.extra.image, title=page.title, subtitle="la génèse", abstract=page.summary, tags="", date=page.date) }}
{% endif %}
</div>
{% endfor %}
</div>