orgmode-to-gemini-blog/templates/html/article.html.j2
2025-05-13 00:13:57 +02:00

113 lines
No EOL
4.6 KiB
Django/Jinja

{% include 'templates/html/site_head.html.j2' %}
<body>
<div id="page" class="page_article page__{{template_content['PAGE_SLUG']}} ">
<header id=" masthead" class="site-header">
<div class="header-image" style="background-image: url('{{template_content["BANNIERE_ENTETE"]}}');
background-repeat: no-repeat; background-size: cover;">
<a href="/">
<img src="{{template_content['SITE_ICON']}}" class="site-icon img">
</a>
<h1 class="blog-title">{{template_content['BLOG_TITLE']}}
</h1>
<p class="blog-subtitle">{{template_content['BLOG_SUBTITLE']}}</p>
<div class="template-header">
</div>
</div>
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="{{template_content['NDD']}}">
{{template_content['NDD']}}
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="logo" href="{{template_content['NDD']}}">
<img src="{{template_content['SITE_ICON']}}" class="img-fluid">
</a>
{{template_content['NAVIGATION']}}
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/" id="recherche">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s" type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
</div>
</div>
</div>
</nav>
</header>
<main class="body-wrap boxed-container">
<article class="content">
<h1 class="article-title">
{{ article.title }}
</h1>
<div class="article-main-content">{{ article.html_content | safe }}</div>
<div class="article-date">
{{article.date_formattee}}
</div>
<div class="article-tags">
{% if article.tags %}
Tags:
{% for tag in article.tags %}
<a href="/tag/{{ tag }}">{{ tag }}</a>
{% endfor %}
{% endif %}
</div>
</article>
<hr />
<div class="article-navigation">
{% if article.previous %}
<a href="/{{ all_articles[article.previous].slug_with_year }}" class="previous-article">
Article précédent:
<div class="next-acticle-title">
{{all_articles[article.previous].annee}} {{all_articles[article.previous].title}}</div>
</a>
{% endif %}
{% if article.next %}
<a href="/{{ all_articles[article.next].slug_with_year }}" class="next-article">Article suivant:
<div class="next-acticle-title">{{all_articles[article.next].annee}}
{{all_articles[article.next].title}}</div>
</a>
{% endif %}
</div>
<div class="retour-accueil">
<a href="/">Retour à l'accueil</a>
</div>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="site-foot-soutien">
{{template_content['SOUTIEN']}}
</div>
<nav class="footer-nav">
{{template_content['NAVIGATION']}}
<a href="/tags/">Tags</a>
<a href="{{template_content['NDD']}}/feed/">Flux Atom</a>
</nav>
<div class="site-foot-source">
<a href="{{template_content['SOURCE']}}">source du blog</a>
</div>
</div>
</div>
</footer>
</div>
</body>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
</html>