From 64700b2cf01de3d3e77a89ff39c61dfaa86cecf0 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Tue, 19 Nov 2024 19:56:34 +0100
Subject: [PATCH] feat: nouveau layout articles

---
 css/style.css             |  5 +++++
 php/page.php              | 15 ++++++++++++---
 scss/custom/_article.scss |  6 ++++++
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index c708847..16eb470 100755
--- a/css/style.css
+++ b/css/style.css
@@ -1382,6 +1382,11 @@ footer {
   border-radius: 8px;
   object-fit: cover; }
 
+.description {
+  opacity: 0.8;
+  font-style: italic;
+  font-size: .95rem; }
+
 .article-meta .author-area {
   display: flex;
   align-items: center;
diff --git a/php/page.php b/php/page.php
index e9ad077..bf4f810 100755
--- a/php/page.php
+++ b/php/page.php
@@ -8,9 +8,18 @@
 			</div>
 		<?php endif ?>
 		<?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 ?>
 
+		<div class="description">
+			<?php echo $page->description(); ?>	
+		</div>
+
+		<hr class="mb-1" />
+
 		<div class="article-entry mb-1">
 			<?php echo $page->content(); ?>
 		</div>
@@ -21,7 +30,7 @@
 					<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">
 							<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>
 
@@ -31,7 +40,7 @@
 						<h3 class="sr-only">Tags et catégories</h3>
 						<ul class="nolist" aria-labelledby="title-article-taxo-categories">
 							<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>
 								<a href="<?php echo $page->categoryPermalink(); ?>" class="btn btn-small c-primary">
 									<svg class="icon" alt=""><use xlink:href="#icon-folder"></use></svg>
diff --git a/scss/custom/_article.scss b/scss/custom/_article.scss
index 553e2bc..29ad4b8 100755
--- a/scss/custom/_article.scss
+++ b/scss/custom/_article.scss
@@ -13,6 +13,12 @@
     }
 }
 
+.description {
+    opacity: 0.8;
+    font-style: italic;
+    font-size: .95rem;
+}
+
 .article-meta {
     .author-area {
         display: flex;