feat: nouveau layout articles
This commit is contained in:
parent
e0eb5396d0
commit
64700b2cf0
3 changed files with 23 additions and 3 deletions
|
@ -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;
|
||||||
|
|
15
php/page.php
15
php/page.php
|
@ -8,9 +8,18 @@
|
||||||
</div>
|
</div>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
<?php if (!$page->isStatic() && !$url->notFound()): ?>
|
<?php if (!$page->isStatic() && !$url->notFound()): ?>
|
||||||
<p class="align-right pr-half"><span class="btn btn-small c-secondary"> <?php echo $page->readingTime() ?> </span></p>
|
<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>
|
||||||
|
</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&d=mm&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&d=mm&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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue