feat: nouveau layout articles

This commit is contained in:
Kazhnuz 2024-11-19 19:56:34 +01:00
parent e0eb5396d0
commit 64700b2cf0
3 changed files with 23 additions and 3 deletions

View file

@ -1382,6 +1382,11 @@ footer {
border-radius: 8px; border-radius: 8px;
object-fit: cover; } object-fit: cover; }
.description {
opacity: 0.8;
font-style: italic;
font-size: .95rem; }
.article-meta .author-area { .article-meta .author-area {
display: flex; display: flex;
align-items: center; align-items: center;

View file

@ -8,9 +8,18 @@
</div> </div>
<?php endif ?> <?php endif ?>
<?php if (!$page->isStatic() && !$url->notFound()): ?> <?php if (!$page->isStatic() && !$url->notFound()): ?>
<div class="flex-that mb-1">
<time class="author-date"><i>Le <?php echo $page->date('l j F Y à H:i') ?></i></time>
<p class="align-right pr-half"><span class="btn btn-small c-secondary"> <?php echo $page->readingTime() ?> </span></p> <p class="align-right pr-half"><span class="btn btn-small c-secondary"> <?php echo $page->readingTime() ?> </span></p>
</div>
<?php endif ?> <?php endif ?>
<div class="description">
<?php echo $page->description(); ?>
</div>
<hr class="mb-1" />
<div class="article-entry mb-1"> <div class="article-entry mb-1">
<?php echo $page->content(); ?> <?php echo $page->content(); ?>
</div> </div>
@ -21,7 +30,7 @@
<div class="author-area"> <div class="author-area">
<img alt="" src="<?php echo $page->user('profilePicture');?>" srcset="https://secure.gravatar.com/avatar/8a4aed71aeec9f65c9e098d81ff12638?s=240&amp;d=mm&amp;r=g 2x" class="avatar avatar-120 photo" height="120" width="120" decoding="async"> <div class="author-metadata"> <img alt="" src="<?php echo $page->user('profilePicture');?>" srcset="https://secure.gravatar.com/avatar/8a4aed71aeec9f65c9e098d81ff12638?s=240&amp;d=mm&amp;r=g 2x" class="avatar avatar-120 photo" height="120" width="120" decoding="async"> <div class="author-metadata">
<div class="author-pseudo">Écrit par <a href="https://kazhnuz.space"><?php echo $page->user('nickname'); ?></a></div> <div class="author-pseudo">Écrit par <a href="https://kazhnuz.space"><?php echo $page->user('nickname'); ?></a></div>
<small class="author-date">Le <?php echo $page->date('l j F Y à H:i') ?></small> <small class=""><?php echo print_r($page->user('firstName'), TRUE); ?></small>
</div> </div>
</div> </div>
@ -31,7 +40,7 @@
<h3 class="sr-only">Tags et catégories</h3> <h3 class="sr-only">Tags et catégories</h3>
<ul class="nolist" aria-labelledby="title-article-taxo-categories"> <ul class="nolist" aria-labelledby="title-article-taxo-categories">
<h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4> <h4 class="sr-only" id="title-article-taxo-categories">Catégories</h4>
<p class="mb-0 pb-half"><?php echo print_r($page->user('firstName'), TRUE); ?></p>
<li> <li>
<a href="<?php echo $page->categoryPermalink(); ?>" class="btn btn-small c-primary"> <a href="<?php echo $page->categoryPermalink(); ?>" class="btn btn-small c-primary">
<svg class="icon" alt=""><use xlink:href="#icon-folder"></use></svg> <svg class="icon" alt=""><use xlink:href="#icon-folder"></use></svg>

View file

@ -13,6 +13,12 @@
} }
} }
.description {
opacity: 0.8;
font-style: italic;
font-size: .95rem;
}
.article-meta { .article-meta {
.author-area { .author-area {
display: flex; display: flex;