From 3540eadb647fb606d3abe624ac8092a5e54429f2 Mon Sep 17 00:00:00 2001
From: marleyrae <marleyrae@protonmail.com>
Date: Thu, 8 Jun 2023 20:03:36 -0700
Subject: [PATCH] :feat: feat: Diary

---
 .eleventy.js                                 |  7 +++++++
 .idea/inspectionProfiles/Project_Default.xml |  1 +
 dist/about/index.html                        |  8 ++++----
 dist/index.html                              | 12 ++++++------
 dist/links/index.html                        |  8 ++++----
 dist/style/style.css                         |  2 +-
 src/_includes/layout.liquid                  |  2 +-
 src/_includes/layout_diary.liquid            |  6 ++++++
 src/_includes/main-nav.liquid                | 10 +++++-----
 src/diary.liquid                             | 13 +++++++++++++
 src/diary/2023/06/08.liquid                  | 17 +++++++++++++++++
 src/diary/diary.json                         |  7 +++++++
 src/index.liquid                             |  4 ++--
 src/style/components/base/_List.scss         |  2 ++
 src/style/components/base/_Title.scss        |  1 +
 15 files changed, 77 insertions(+), 23 deletions(-)
 create mode 100644 src/_includes/layout_diary.liquid
 create mode 100644 src/diary.liquid
 create mode 100644 src/diary/2023/06/08.liquid
 create mode 100644 src/diary/diary.json

diff --git a/.eleventy.js b/.eleventy.js
index bc085c9..cfae0c0 100644
--- a/.eleventy.js
+++ b/.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'}}
 }
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
index ee78039..fc3ac04 100644
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.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>
diff --git a/dist/about/index.html b/dist/about/index.html
index e0cda3d..bd0f127 100644
--- a/dist/about/index.html
+++ b/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>
 
diff --git a/dist/index.html b/dist/index.html
index 136d706..b04e325 100644
--- a/dist/index.html
+++ b/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>
-    <p>This is the update.</p>
+    <h2 class="Title--sizeH4">8 June 2023</h2>
+    <p>New rainbow layout finished!</p>
 </div>
 
 <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
diff --git a/dist/links/index.html b/dist/links/index.html
index 1c0159d..ed3f353 100644
--- a/dist/links/index.html
+++ b/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>
 
diff --git a/dist/style/style.css b/dist/style/style.css
index 06fb588..f93f0df 100644
--- a/dist/style/style.css
+++ b/dist/style/style.css
@@ -1 +1 @@
-*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:inline-block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}b{font-weight:400}:nth-child(7n+1 of i){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of i){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of i){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of i){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of i){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of i){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of i){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of b){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of b){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of b){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of b){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of b){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of b){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of b){color:#db2777;color:var(--rainbow-text,#db2777)}hr{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}a{cursor:pointer;-webkit-text-decoration:underline}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info   Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 3fr "Site-title  Site-title   Site-title" 2fr/1fr 3fr 1fr;max-height:100vh;max-height:100vb;max-width:100vw;max-width:100vi;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem)}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{grid-area:Site-subNav}.Site-content{grid-area:Site-content;overflow:auto;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav{text-align:right}.Nav-caption{margin-bottom:clamp(.56rem,.52rem + .22vw,.69rem)}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;text-align:inherit;-webkit-text-decoration:underline;text-decoration:underline;width:100%}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Nav-link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Nav-link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Nav-link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Nav-link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Nav-link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Nav-link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Nav-link){color:#db2777;color:var(--rainbow-text,#db2777)}.Info,.Social{text-align:center}.Social-webringArrow,.Social-webringLink{color:inherit}.Social-webringArrow{-webkit-text-decoration:none;text-decoration:none}@media(prefers-reduced-motion:no-preference){.Social-webringArrow{transition:letter-spacing .2s}.Social-webringArrow:focus,.Social-webringArrow:hover{letter-spacing:2.4px;-webkit-text-decoration:none;text-decoration:none}}.Social hr{margin-bottom:clamp(.75rem,.71rem + .22vw,.88rem);margin-top:clamp(.75rem,.71rem + .22vw,.88rem)}.Social-badge{display:inline-block}:nth-child(7n+1 of .Social-webring){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Social-webring){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Social-webring){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Social-webring){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Social-webring){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Social-webring){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Social-webring){color:#db2777;color:var(--rainbow-text,#db2777)}.Status--new:before,.Status--up:before{display:inline-block;height:18px;margin-right:clamp(.38rem,.35rem + .11vw,.44rem);vertical-align:middle}.Status--new:before{content:url(/style/assets/neonlove-lani-icon-pinknew.gif)}.Status--up:before{content:url(/style/assets/neonlove-lani-icon-pinkup.gif)}.Title--sizeH2{font-size:clamp(1.56rem,1.35rem + 1.01vw,2.14rem);font-weight:400;text-transform:uppercase}.Title--sizeH2:after,.Title--sizeH2:before{content:"🌈";font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem)}.Title--sizeH2:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH2:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH3{font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem);font-weight:400;text-transform:uppercase}.Title--sizeH3:after,.Title--sizeH3:before{content:"🌈";font-size:clamp(1.08rem,.98rem + .5vw,1.37rem)}.Title--sizeH3:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH3:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH4{font-size:clamp(1.08rem,.98rem + .5vw,1.37rem);font-weight:400;text-transform:uppercase}.Title--sizeH4:after,.Title--sizeH4:before{content:"🌈";font-size:clamp(.9rem,.83rem + .34vw,1.09rem)}.Title--sizeH4:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH4:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Link{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Link){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of .List-item){--rainbow-text:#dc2626}:nth-child(7n+2 of .List-item){--rainbow-text:#ea580c}:nth-child(7n+3 of .List-item){--rainbow-text:#ca8a04}:nth-child(7n+4 of .List-item){--rainbow-text:#65a30d}:nth-child(7n+5 of .List-item){--rainbow-text:#0892a2}:nth-child(7n+6 of .List-item){--rainbow-text:#9333ea}:nth-child(7n+7 of .List-item){--rainbow-text:#db2777}.List-item::marker{color:var(--rainbow-text)}.Gallery{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.38rem,.35rem + .11vw,.44rem);justify-content:center}.UpdateBox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;margin-left:auto;margin-right:auto;padding:clamp(.75rem,.71rem + .22vw,.88rem);text-align:center;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.UpdateBox>*+*{margin-top:clamp(.38rem,.35rem + .11vw,.44rem)}.Cbox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;font-size:0;line-height:0;margin:clamp(1.13rem,1.06rem + .33vw,1.31rem) auto 0;position:relative;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.Cbox-messages{-webkit-overflow-scrolling:touch;height:175px;overflow:auto}.Cbox-form,.Cbox-messages{border:0 solid;position:relative}.Cbox-form{height:100px;overflow:hidden}.u-textCenter{text-align:center}:nth-child(7n+1 of .u-rainbowifyChildren){--rainbow-text:#dc2626}:nth-child(7n+2 of .u-rainbowifyChildren){--rainbow-text:#ea580c}:nth-child(7n+3 of .u-rainbowifyChildren){--rainbow-text:#ca8a04}:nth-child(7n+4 of .u-rainbowifyChildren){--rainbow-text:#65a30d}:nth-child(7n+5 of .u-rainbowifyChildren){--rainbow-text:#0892a2}:nth-child(7n+6 of .u-rainbowifyChildren){--rainbow-text:#9333ea}:nth-child(7n+7 of .u-rainbowifyChildren){--rainbow-text:#db2777}
\ No newline at end of file
+*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:inline-block;max-width:100%}button,input,select,textarea{font:inherit}html{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);min-height:100vh;min-height:100vb;min-width:100vw;min-width:100vi;overflow:hidden}body{color:#18181b;font-family:Imprima,handwriting;font-size:clamp(.75rem,.71rem + .22vw,.88rem);letter-spacing:.6px}b{font-weight:400}:nth-child(7n+1 of i){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of i){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of i){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of i){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of i){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of i){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of i){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of b){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of b){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of b){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of b){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of b){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of b){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of b){color:#db2777;color:var(--rainbow-text,#db2777)}hr{background-image:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border:none;height:clamp(.13rem,.13rem + 0vw,.13rem)}a{cursor:pointer;-webkit-text-decoration:underline}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.Site-content,.Site-info,.Site-nav,.Site-social,.Site-subNav{background-color:hsla(0,0%,98%,.5);margin:clamp(.19rem,.17rem + .11vw,.25rem);padding:clamp(.75rem,.71rem + .22vw,.88rem)}.Site{display:grid;grid-template:"Site-info   Site-content Site-nav" 2fr "Site-social Site-content Site-nav" 2fr "Site-social Site-content Site-subNav" 3fr "Site-title  Site-title   Site-title" 2fr/1fr 3fr 1fr;max-height:100vh;max-height:100vb;max-width:100vw;max-width:100vi;padding:clamp(9rem,8.48rem + 2.61vw,10.5rem)}.Site-title{font-family:Bungee Shade,display;font-size:clamp(2.24rem,1.86rem + 1.91vw,3.34rem);font-weight:400;grid-area:Site-title;justify-self:end;padding-right:clamp(.75rem,.71rem + .22vw,.88rem)}.Site-nav{--Site-nav-gridArea:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:Site-nav/Site-nav/Site-subNav/Site-nav;grid-area:var(--Site-nav-gridArea)}.Site-subNav{grid-area:Site-subNav}.Site-content{grid-area:Site-content;overflow:auto;padding:clamp(1.13rem,1.06rem + .33vw,1.31rem)}.Site-content>*+*{margin-top:1em}.Site-info{grid-area:Site-info}.Site-social{grid-area:Site-social}.Nav{text-align:right}.Nav-caption{margin-bottom:clamp(.56rem,.52rem + .22vw,.69rem)}.Nav-link{background-color:transparent;border:none;color:inherit;cursor:pointer;display:block;letter-spacing:inherit;margin:0;padding:0;text-align:inherit;-webkit-text-decoration:underline;text-decoration:underline;width:100%}.Nav-link:focus,.Nav-link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Nav-link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Nav-link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Nav-link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Nav-link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Nav-link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Nav-link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Nav-link){color:#db2777;color:var(--rainbow-text,#db2777)}.Info,.Social{text-align:center}.Social-webringArrow,.Social-webringLink{color:inherit}.Social-webringArrow{-webkit-text-decoration:none;text-decoration:none}@media(prefers-reduced-motion:no-preference){.Social-webringArrow{transition:letter-spacing .2s}.Social-webringArrow:focus,.Social-webringArrow:hover{letter-spacing:2.4px;-webkit-text-decoration:none;text-decoration:none}}.Social hr{margin-bottom:clamp(.75rem,.71rem + .22vw,.88rem);margin-top:clamp(.75rem,.71rem + .22vw,.88rem)}.Social-badge{display:inline-block}:nth-child(7n+1 of .Social-webring){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Social-webring){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Social-webring){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Social-webring){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Social-webring){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Social-webring){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Social-webring){color:#db2777;color:var(--rainbow-text,#db2777)}.Status--new:before,.Status--up:before{display:inline-block;height:18px;margin-right:clamp(.38rem,.35rem + .11vw,.44rem);vertical-align:middle}.Status--new:before{content:url(/style/assets/neonlove-lani-icon-pinknew.gif)}.Status--up:before{content:url(/style/assets/neonlove-lani-icon-pinkup.gif)}.Title--sizeH2{font-size:clamp(1.56rem,1.35rem + 1.01vw,2.14rem);font-weight:400;text-align:center;text-transform:uppercase}.Title--sizeH2:after,.Title--sizeH2:before{content:"🌈";font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem)}.Title--sizeH2:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH2:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH3{font-size:clamp(1.3rem,1.15rem + .72vw,1.71rem);font-weight:400;text-align:center;text-transform:uppercase}.Title--sizeH3:after,.Title--sizeH3:before{content:"🌈";font-size:clamp(1.08rem,.98rem + .5vw,1.37rem)}.Title--sizeH3:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH3:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Title--sizeH4{font-size:clamp(1.08rem,.98rem + .5vw,1.37rem);font-weight:400;text-align:center;text-transform:uppercase}.Title--sizeH4:after,.Title--sizeH4:before{content:"🌈";font-size:clamp(.9rem,.83rem + .34vw,1.09rem)}.Title--sizeH4:before{margin-right:clamp(.38rem,.35rem + .11vw,.44rem)}.Title--sizeH4:after{display:inline-block;margin-left:clamp(.38rem,.35rem + .11vw,.44rem);transform:rotate(90deg)}.Link{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:hover{text-decoration:underline;-webkit-text-decoration:wavy underline;text-decoration:wavy underline}:nth-child(7n+1 of .Link){color:#dc2626;color:var(--rainbow-text,#dc2626)}:nth-child(7n+2 of .Link){color:#ea580c;color:var(--rainbow-text,#ea580c)}:nth-child(7n+3 of .Link){color:#ca8a04;color:var(--rainbow-text,#ca8a04)}:nth-child(7n+4 of .Link){color:#65a30d;color:var(--rainbow-text,#65a30d)}:nth-child(7n+5 of .Link){color:#0892a2;color:var(--rainbow-text,#0892a2)}:nth-child(7n+6 of .Link){color:#9333ea;color:var(--rainbow-text,#9333ea)}:nth-child(7n+7 of .Link){color:#db2777;color:var(--rainbow-text,#db2777)}:nth-child(7n+1 of .List-item){--rainbow-text:#dc2626}:nth-child(7n+2 of .List-item){--rainbow-text:#ea580c}:nth-child(7n+3 of .List-item){--rainbow-text:#ca8a04}:nth-child(7n+4 of .List-item){--rainbow-text:#65a30d}:nth-child(7n+5 of .List-item){--rainbow-text:#0892a2}:nth-child(7n+6 of .List-item){--rainbow-text:#9333ea}:nth-child(7n+7 of .List-item){--rainbow-text:#db2777}.List-item::marker{color:var(--rainbow-text);content:"> "}.Gallery{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.38rem,.35rem + .11vw,.44rem);justify-content:center}.UpdateBox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;margin-left:auto;margin-right:auto;padding:clamp(.75rem,.71rem + .22vw,.88rem);text-align:center;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.UpdateBox>*+*{margin-top:clamp(.38rem,.35rem + .11vw,.44rem)}.Cbox{border:clamp(.38rem,.35rem + .11vw,.44rem) solid;border-image-slice:1;border-image-source:linear-gradient(90deg,#f87171,#fb923c 17%,#facc15 33%,#a3e635 50%,#39d0dd 67%,#c084fc 83%,#f472b6);border-width:clamp(.38rem,.35rem + .11vw,.44rem)/2;font-size:0;line-height:0;margin:clamp(1.13rem,1.06rem + .33vw,1.31rem) auto 0;position:relative;width:clamp(18rem,16.96rem + 5.22vw,21rem)}.Cbox-messages{-webkit-overflow-scrolling:touch;height:175px;overflow:auto}.Cbox-form,.Cbox-messages{border:0 solid;position:relative}.Cbox-form{height:100px;overflow:hidden}.u-textCenter{text-align:center}:nth-child(7n+1 of .u-rainbowifyChildren){--rainbow-text:#dc2626}:nth-child(7n+2 of .u-rainbowifyChildren){--rainbow-text:#ea580c}:nth-child(7n+3 of .u-rainbowifyChildren){--rainbow-text:#ca8a04}:nth-child(7n+4 of .u-rainbowifyChildren){--rainbow-text:#65a30d}:nth-child(7n+5 of .u-rainbowifyChildren){--rainbow-text:#0892a2}:nth-child(7n+6 of .u-rainbowifyChildren){--rainbow-text:#9333ea}:nth-child(7n+7 of .u-rainbowifyChildren){--rainbow-text:#db2777}
\ No newline at end of file
diff --git a/src/_includes/layout.liquid b/src/_includes/layout.liquid
index e777850..c1e0c25 100644
--- a/src/_includes/layout.liquid
+++ b/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">
diff --git a/src/_includes/layout_diary.liquid b/src/_includes/layout_diary.liquid
new file mode 100644
index 0000000..4599df4
--- /dev/null
+++ b/src/_includes/layout_diary.liquid
@@ -0,0 +1,6 @@
+---
+layout: layout.liquid
+---
+<h2 class="Title--sizeH4">{{ title }}</h2>
+
+{{ content }}
diff --git a/src/_includes/main-nav.liquid b/src/_includes/main-nav.liquid
index 86aaad9..007428d 100644
--- a/src/_includes/main-nav.liquid
+++ b/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>
-
-<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>
+{% comment %}<hr>{% endcomment %}
+{% comment %}{% endcomment %}
+{% comment %}<a href="https://epiphany.punkfairie.net" target="_blank" class="Nav-link">epiphany</a>{% endcomment %}
+{% comment %}<a href="https://saudade.punkfairie.net" target="_blank" class="Nav-link">petz archive</a>{% endcomment %}
diff --git a/src/diary.liquid b/src/diary.liquid
new file mode 100644
index 0000000..ea6de8a
--- /dev/null
+++ b/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>
diff --git a/src/diary/2023/06/08.liquid b/src/diary/2023/06/08.liquid
new file mode 100644
index 0000000..94d48c4
--- /dev/null
+++ b/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>
diff --git a/src/diary/diary.json b/src/diary/diary.json
new file mode 100644
index 0000000..e42a3f5
--- /dev/null
+++ b/src/diary/diary.json
@@ -0,0 +1,7 @@
+{
+  "layout": "layout_diary.liquid",
+  "permalink": "/diary/{{ page.inputPath | datePathSlugify }}/{{ title | slugify }}/",
+  "tags": [
+    "posts"
+  ]
+}
diff --git a/src/index.liquid b/src/index.liquid
index 30bdcc3..b248823 100644
--- a/src/index.liquid
+++ b/src/index.liquid
@@ -8,8 +8,8 @@ layout: layout.liquid
 </p>
 
 <div class="UpdateBox">
-    <h2 class="Title--sizeH4">6 June 2023</h2>
-    <p>This is the update.</p>
+    <h2 class="Title--sizeH4">8 June 2023</h2>
+    <p>New rainbow layout finished!</p>
 </div>
 
 <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
diff --git a/src/style/components/base/_List.scss b/src/style/components/base/_List.scss
index 5b108bb..7106813 100644
--- a/src/style/components/base/_List.scss
+++ b/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: '> ';
 }
diff --git a/src/style/components/base/_Title.scss b/src/style/components/base/_Title.scss
index 828e9ef..fb88075 100644
--- a/src/style/components/base/_Title.scss
+++ b/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;