update blog
This commit is contained in:
@@ -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 %}
|
||||
|
||||
@@ -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
19
templates/blog-amis.html
Normal 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 %}
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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">📅 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">🕑 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>
|
||||
|
||||
@@ -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 }} ">
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
3
templates/shortcodes/alert.html
Normal file
3
templates/shortcodes/alert.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<alert class="alert">
|
||||
<img src="{{ get_url(path=url) }}" alt="{{ description }}"/>
|
||||
</alert>
|
||||
@@ -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 %}
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user