2511.4 - Article pages improvements and access from the "Posts" page

theMimolet · theMimolet · commit c1a43c4d4e13 · 2025-11-12T22:46:24.000+01:00
diff --git a/assets/scripts/fetchingFeed.js b/assets/scripts/fetchingFeed.js
@@ -19,9 +19,11 @@ fetch(rssUrl)
             itemDiv.id = "update-" + formatDateID(pubDate);
             itemDiv.className = 'feed-item';
 
+            const titleLink = document.createElement('a');
             const titleElement = document.createElement('h2');
             titleElement.textContent = title;
             titleElement.className = 'feed-title';
+            titleLink.href = "./" + formatDateID(pubDate);
 
             const contentElement = document.createElement('p');
             contentElement.className = 'content';
@@ -31,7 +33,8 @@ fetch(rssUrl)
             dateElement.className = 'feed-date';
             dateElement.textContent = formatDate(pubDate);
 
-            itemDiv.appendChild(titleElement);
+            titleLink.appendChild(titleElement)
+            itemDiv.appendChild(titleLink);
             itemDiv.appendChild(contentElement);
             itemDiv.appendChild(dateElement);
             container.appendChild(itemDiv);
@@ -58,9 +61,9 @@ function formatDate(dateString) {
 
 function formatDateID(dateString) {
     const date = new Date(dateString);
-    return date.getUTCFullYear() +
+    return date.getFullYear() +
         "-" +
-        (date.getUTCMonth() + 1) +
+        (date.getMonth().toString().padStart(2, '0') + 1) +
         "-" +
-        date.getUTCDate();
+        date.getDate().toString().padStart(2, '0');
 }
diff --git a/assets/scripts/generateFeed.js b/assets/scripts/generateFeed.js
@@ -138,29 +138,36 @@ function generatePostHTML(post) {
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${frontmatter.title} - Mimolet</title>
+    <title>${frontmatter.title} - the mimolet updates.</title>
     <link rel="stylesheet" href="/assets/style/main.css">
     <link rel="stylesheet" href="/assets/style/posts.css">
+    <link rel="icon" type="image/x-icon" href="/assets/images/website-icon.ico">
+    <meta property="og:title" content="${frontmatter.title} - the mimolet updates.">
+    <meta property="og:description" content="recent news and updates from mimo.">
+    <meta property="og:image" content="../assets/images/posts/themimoletupdates.png">
+    <meta property="og:type" content="website">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="${frontmatter.title} - the mimolet updates.">
+    <meta name="twitter:description" content="recent news and updates from mimo.">
+    <meta name="twitter:image" content="../assets/images/posts/themimoletupdates.png">
 </head>
 <body>
-    <main>
-        <h1>the mimolet updates.</h1>
-        <div id="links">
-            <a href="/" rel="noopener noreferrer">Home</a><br>
-            <a href="/feed.xml" target="_blank" rel="noopener noreferrer">Subscribe (RSS)</a>
-        </div>
-        <article class="feed-item">
-            <h1>${frontmatter.title}</h1>
-            <p class="feed-date">
-                <time datetime="${frontmatter.date}">${new Date(frontmatter.date).toLocaleDateString('en-US', {
+    <h1>the mimolet updates.</h1>
+    <div id="links">
+        <a href="/" rel="noopener noreferrer">Home</a><br>
+        <a href="/feed.xml" target="_blank" rel="noopener noreferrer">Subscribe (RSS)</a>
+    </div>
+    <article class="feed-item">
+        <h1>${frontmatter.title}</h1>
+        <p class="feed-date">
+            <time datetime="${frontmatter.date}">${new Date(frontmatter.date).toLocaleDateString('en-US', {
         year: 'numeric',
         month: 'long',
         day: 'numeric'
     })}</time>
-            </p>
-            ${html}
-        </article>
-    </main>
+        </p>
+        ${html}
+    </article>
 </body>
 </html>`;
 }
diff --git a/assets/style/posts.css b/assets/style/posts.css
@@ -4,6 +4,10 @@ body{
     margin: 5%;
 }
 
+a {
+    text-decoration: none;
+}
+
 .feed-item {
     margin: 10px 0;
     padding: 25px;
@@ -26,6 +30,7 @@ body{
 #links {
     margin: 35px auto;
     font-size: 1.2em;
+    text-decoration: underline;
 }
 
 img{
