From f0174becf7b9ec3925f7beaec1098b8d4e0603f2 Mon Sep 17 00:00:00 2001
From: vib <vib@vibb.ro>
Date: Thu, 7 Sep 2023 10:05:34 +0300
Subject: [PATCH] Prototype post title style

---
 .eleventy.js            |  8 +++++++-
 src/_includes/post.njk  |  6 ++++--
 src/resources/style.css | 12 ++++++++++++
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/.eleventy.js b/.eleventy.js
index 08bf790..0f524f7 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,6 +1,6 @@
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy ("src/media");
-  eleventyConfig.addPassthroughCopy ("src/resources");
+  eleventyConfig.addPassthroughCopy ({ "src/resources": "/" });
   eleventyConfig.addPassthroughCopy ("src/robots.txt");
 
   eleventyConfig.addPlugin( require("@11ty/eleventy-plugin-rss") );
@@ -22,6 +22,12 @@ module.exports = function (eleventyConfig) {
     }).toFormat("yyyy-MM-dd");
   });
 
+    eleventyConfig.addFilter("postDate", dateObj => {
+    return DateTime.fromJSDate(dateObj, {
+      zone: 'utc'
+    }).toFormat("DDDD");
+  });
+
   return {
     dir: {
       input: "src",
diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index db1829c..a9a43de 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -1,8 +1,10 @@
 ---
 layout: base.njk
 ---
-<h1>{{ title }}</h1>
-<h3>{{ date }}</h3>
+<div class="title">
+    <h1>{{ title }}</h1>
+    <time datetime="{{ date | readableDate }}">{{ date | postDate }}</time>
+</div>
 <article>
 {{ content | safe }}
 </article>
diff --git a/src/resources/style.css b/src/resources/style.css
index 289b6f4..8fe3567 100644
--- a/src/resources/style.css
+++ b/src/resources/style.css
@@ -13,6 +13,7 @@ html {
 	--link_h: #771e2d;
 	--bg_grey: #ebadc1;
 	--dark_grey: #f46c97;
+	--title: #f46c9750;
 }
 @media (prefers-color-scheme: dark) {
 	:root {
@@ -23,6 +24,7 @@ html {
 	--link_h: #f94578;
 	--bg_grey: #2d2531;
 	--dark_grey: #221c25;
+	--title: #221c2550;
 	}
 }
 
@@ -361,3 +363,13 @@ footer {
 	padding: 5px;
 	font-size: 13px;
 }
+
+.title {
+	background-color: var(--title);
+	padding: 5px;
+	text-align: right;
+}
+
+.title h1 {
+	text-align: center;
+}
\ No newline at end of file