:feat: feat: Diary

This commit is contained in:
marleyrae 2023-06-08 20:03:36 -07:00
parent 89d61ddd21
commit 3540eadb64
15 changed files with 77 additions and 23 deletions

View file

@ -45,5 +45,12 @@ module.exports = function (eleventyConfig) {
return basename[0].replace(/-/g, ' ') 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'}} return {dir: {input: 'src', output: 'dist'}}
} }

View file

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

View file

@ -26,13 +26,13 @@
</button> </button>
<a href="/about/" class="Nav-link">about</a> <a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</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> <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> </nav>

12
dist/index.html vendored
View file

@ -26,13 +26,13 @@
</button> </button>
<a href="/about/" class="Nav-link">about</a> <a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</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> <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> </nav>
@ -53,8 +53,8 @@
</p> </p>
<div class="UpdateBox"> <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> </div>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 --> <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->

View file

@ -26,13 +26,13 @@
</button> </button>
<a href="/about/" class="Nav-link">about</a> <a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</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> <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> </nav>

File diff suppressed because one or more lines are too long

View file

@ -5,7 +5,7 @@
<meta name="viewport" <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 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"> <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 --> <!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="/style/style.css"> <link rel="stylesheet" href="/style/style.css">

View file

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

View file

@ -5,10 +5,10 @@
</button> </button>
<a href="/about/" class="Nav-link">about</a> <a href="/about/" class="Nav-link">about</a>
<a href="/manifesto/" class="Nav-link">manifesto</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> <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 %}

13
src/diary.liquid Normal file
View file

@ -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>

View file

@ -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>

7
src/diary/diary.json Normal file
View file

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

View file

@ -8,8 +8,8 @@ layout: layout.liquid
</p> </p>
<div class="UpdateBox"> <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> </div>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 --> <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->

View file

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

View file

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