:feat: feat: Diary

.eleventy.js

@@ -45,5 +45,12 @@ module.exports = function (eleventyConfig) {
         return basename[0].replace(/-/g, ' ')
     })
 
+    // Convert diary date path to slug
+    eleventyConfig.addFilter('datePathSlugify', (path) => {
+        const folders = path.split('/')
+        const file = folders.pop().split('.')
+        return `${folders[3]}/${folders[4]}/${file[0]}`
+    })
+
     return {dir: {input: 'src', output: 'dist'}}
 }

.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +1,7 @@
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
+    <inspection_tool class="GrazieInspection" enabled="false" level="GRAMMAR_ERROR" enabled_by_default="false" />
     <inspection_tool class="HttpUrlsUsage" enabled="true" level="WEAK WARNING" enabled_by_default="true">
       <option name="ignoredUrls">
         <list>

dist/about/index.html

@@ -26,13 +26,13 @@
 </button>
 <a href="/about/" class="Nav-link">about</a>
 <a href="/manifesto/" class="Nav-link">manifesto</a>
-
+<a href="/diary/" class="Nav-link Status--new">diary</a>
 <a href="/links/" class="Nav-link">links</a>
 
-<hr>
 
-<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
+
-<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+
+
 
 </nav>
 

dist/index.html

@@ -26,13 +26,13 @@
 </button>
 <a href="/about/" class="Nav-link">about</a>
 <a href="/manifesto/" class="Nav-link">manifesto</a>
-
+<a href="/diary/" class="Nav-link Status--new">diary</a>
 <a href="/links/" class="Nav-link">links</a>
 
-<hr>
 
-<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
+
-<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+
+
 
 </nav>
 
@@ -53,8 +53,8 @@
 </p>
 
 <div class="UpdateBox">
-    <h2 class="Title--sizeH4">6 June 2023</h2>
+    <h2 class="Title--sizeH4">8 June 2023</h2>
-    <p>This is the update.</p>
+    <p>New rainbow layout finished!</p>
 </div>
 
 <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->

dist/links/index.html

@@ -26,13 +26,13 @@
 </button>
 <a href="/about/" class="Nav-link">about</a>
 <a href="/manifesto/" class="Nav-link">manifesto</a>
-
+<a href="/diary/" class="Nav-link Status--new">diary</a>
 <a href="/links/" class="Nav-link">links</a>
 
-<hr>
 
-<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
+
-<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+
+
 
 </nav>
 

src/_includes/layout.liquid

@@ -5,7 +5,7 @@
     <meta name="viewport"
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>{% unless title %}punkfairie.net{% endunless %}</title>
+    <title>{% if title %}{{ title }} | {% endif %}punkfairie.net</title>
 
     <!--suppress HtmlUnknownTarget -->
     <link rel="stylesheet" href="/style/style.css">

src/_includes/layout_diary.liquid

@@ -0,0 +1,6 @@
+---
+layout: layout.liquid
+---
+<h2 class="Title--sizeH4">{{ title }}</h2>
+
+{{ content }}

src/_includes/main-nav.liquid

@@ -5,10 +5,10 @@
 </button>
 <a href="/about/" class="Nav-link">about</a>
 <a href="/manifesto/" class="Nav-link">manifesto</a>
-{% comment %}<a href="/diary/" class="Nav-link Status--new">diary</a>{% endcomment %}
+<a href="/diary/" class="Nav-link Status--new">diary</a>
 <a href="/links/" class="Nav-link">links</a>
 
-<hr>
+{% comment %}<hr>{% endcomment %}
-
+{% comment %}{% endcomment %}
-<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>
+{% comment %}<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>{% endcomment %}
-<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>
+{% comment %}<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>{% endcomment %}

src/diary.liquid

@@ -0,0 +1,13 @@
+---
+layout: layout.liquid
+---
+
+<ul class="List">
+    {% for post in collections.posts reversed %}
+        <li class="List-item">
+            <a href="{{ post.url }}" class="Link">{{ post.data.title }}</a>
+            &mdash;
+            {{ post.page.date | date: "%d %B %Y" }}
+        </li>
+    {% endfor %}
+</ul>

src/diary/2023/06/08.liquid

@@ -0,0 +1,17 @@
+---
+title: Moving to Neocities
+---
+<p class="u-rainbowifyChildren">
+    Finished the new rainbow layout today! I'm moving the site to Neocities for the social aspect, and because PHP isn't
+    allowed there I switched over to <a href="https://www.11ty.dev/" target="_blank" class="Link">Eleventy</a> - a
+    static site compiler.
+</p>
+
+<p>
+    I redid the layout from the ground up with the intention of making it mobile friendly, but it's not a priority and
+    I'm not even going to look at what the site looks like on mobile lol.
+</p>
+
+<p class="u-textCenter">
+    🏳️‍⚧️🏳️‍🌈 Happy pride 🏳️‍🌈🏳️‍⚧️
+</p>

src/diary/diary.json

@@ -0,0 +1,7 @@
+{
+  "layout": "layout_diary.liquid",
+  "permalink": "/diary/{{ page.inputPath | datePathSlugify }}/{{ title | slugify }}/",
+  "tags": [
+    "posts"
+  ]
+}

src/index.liquid

@@ -8,8 +8,8 @@ layout: layout.liquid
 </p>
 
 <div class="UpdateBox">
-    <h2 class="Title--sizeH4">6 June 2023</h2>
+    <h2 class="Title--sizeH4">8 June 2023</h2>
-    <p>This is the update.</p>
+    <p>New rainbow layout finished!</p>
 </div>
 
 <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->

src/style/components/base/_List.scss

@@ -1,6 +1,8 @@
 @use '../../mixins';
+
 @include mixins.rainbowify-text('.List-item', --rainbow-text);
 
 .List-item::marker {
   color: var(--rainbow-text);
+  content: '> ';
 }

src/style/components/base/_Title.scss

@@ -3,6 +3,7 @@
 @mixin Title($size) {
   font-weight: normal;
   text-transform: uppercase;
+  text-align: center;
 
   &::before, &::after {
     font-size: $size;