up image sur index

This commit is contained in:
Tykayn 2025-02-20 14:53:59 +01:00 committed by tykayn
parent 7ede171188
commit 8e32423dce
10 changed files with 516 additions and 321 deletions

View file

@ -35,7 +35,9 @@
<a href="/">
<img src="{{template_content['SITE_ICON']}}" class="site-icon img">
</a>
<h1 class="blog-title">{{template_content['BLOG_TITLE']}}</h1>
<h1 class="blog-title">{{ article.title | safe }} - {{template_content['BLOG_TITLE']}}
</h1>
<p class="blog-subtitle">{{template_content['BLOG_SUBTITLE']}}</p>
<div class="template-header">
@ -71,16 +73,14 @@
<main class="body-wrap boxed-container">
<article class="content">
<div class="article-title">
<a href="{{ article.slug_with_year }}">{{ article.title }}</a>
</div>
<div class="article-main-content">{{ article.html_content | safe }}</div>
<div class="article-date">
{{article.date_formattee}}
</div>
<div>{{ article.html_content | safe }}</div>
<div class="article-tags">
{% if articles_others %}
{% if article.tags %}
Tags:
{% for tag in article.tags %}
<a href="/tags/{{ tag }}">{{ tag }}</a>
@ -92,10 +92,17 @@
<hr />
<div class="article-navigation">
{% if article.previous %}
<a href="{{ article.previous.slug_with_year }}" class="previous-article">Article précédent</a>
<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].title}}</div>
</a>
{% endif %}
{% if article.next %}
<a href="{{ article.next.slug_with_year }}" class="next-article">Article suivant</a>
<a href="{{ article.next.slug_with_year }}" class="next-article">Article suivant:
<div class="next-acticle-title">{{article.next.title}}</div>
</a>
<!-- // TODO corriger les précédents et suivants, ajouter le titre -->
{% endif %}
</div>

View file

@ -71,14 +71,25 @@
<main class="body-wrap boxed-container">
{% for article in articles %}
<article class="content">
<div class="article-title">
<div class="article-title-container">
<a href="{{ article.slug_with_year }}">{{ article.title }}</a>
{% if article.first_picture_url %}
<div class="first-picture-container">
<a href="{{ article.slug_with_year }}">
<img class="first-picture" src="{{article.first_picture_url}}" />
</a>
</div>
{% endif %}
<a href="{{ article.slug_with_year }}">
<h1 class="article-title">
{{ article.title }}
</h1>
</a>
</div>
<div class="article-date">
{{article.date_formattee}}
</div>
<div>{{ article.html_content | safe }}</div>
<div>{{ article.html_content_without_h1 | safe }}</div>
<div class="article-tags">
{% if articles_others %}
Tags:

View file

@ -294,6 +294,10 @@ q {
padding-bottom: 1.5rem;
}
.article-main-content {
min-height: 80vh;
}
@media (max-width: 75ch) {
body {
padding: 0;

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;;AAEA;EAEE;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AAEA;EACE;;;AAMN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE","file":"style_general.css"}
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;;AAEA;EAEE;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AAEA;EACE;;;AAMN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAGF;IACE","file":"style_general.css"}

View file

@ -326,6 +326,10 @@ q {
padding-bottom: 1.5rem;
}
.article-main-content {
min-height: 80vh;
}
@media (max-width: 75ch) {
body {
padding: 0;