Adds rough memex structure and a few articles

assets/scss/_main.scss

@@ -415,6 +415,10 @@ blockquote {
   margin: 40px 0;
   padding: 10px 20px;
 
+  p ~ & {
+    margin: 1em 0;
+  }
+
   @media #{$media-size-phone} {
     margin: 10px;
     padding: 10px;
@@ -761,3 +765,9 @@ body.nownownow .post-content > p {
     float: left;
   }
 }
+
+a[href^="/tags/"]:before {
+  content: '#';
+  text-decoration: none;
+  display:inline-block;
+}

assets/scss/_single.scss

@@ -413,3 +413,20 @@ details.spoiler {
 figure {
   clear: both;
 }
+
+.side-by-side {
+  column-count: 2;
+
+  @media #{$media-size-phone} {
+    column-count: 1;
+  }
+
+  header {
+    margin-bottom: 0.5em;
+    text-decoration: underline;
+  }
+
+  & > * {
+    margin-bottom: 1em;
+  }
+}

content/memex/_index.md

@@ -0,0 +1,7 @@
+# Memex
+
+Taking a cue from personal sites around the web, this memex keeps unformed ideas, links and references around for me to find and use later.
+
+> Memex, a portmanteau of <em>mem</em>ory and <em>ex</em>pansion, is a hypothetical electromechanical device for interacting with documents, described in Vannevar Bush's 1945 article "As We May Think". Bush envisioned the memex as a device which individuals could use as "an enlarged intimate supplement to their memory" and "mechanized so that it may be consulted with exceeding speed and flexibility".
+>
+> — Adapted from [Memex](https://en.wikipedia.org/wiki/Memex) on the Wikipedia.

content/memex/communication/_index.md

@@ -0,0 +1,5 @@
+---
+title: Communication
+emoji: 🗣️
+summary: Sharing information between centres of thought or calculation.
+---

content/memex/communication/constrained-writing.md

@@ -0,0 +1,18 @@
+---
+title: Constrained writing
+draft: false
+tags:
+  - language
+  - to-be
+summary: Artificial limitations applied to a language to open up new ways to use it or learn it.
+links:
+  wikipedia: https://en.wikipedia.org/wiki/Constrained_writing
+---
+
+## oulipo.social
+
+A fascinating restricted writing #mastodon instance, where all accounts' posts are filtered automatically (and later moderated) to conform to the restriction — not using the letter E. [oulipo.social](https://oulipo.social)
+
+## E-Prime
+
+Writing English without _any_ of the forms of the very #to-be. I'm in two minds about this; I love the concept or avoiding accidental definitions—in particular treating oneself as objectively correct "you are tall"—but the [Wikipedia article](https://en.wikipedia.org/wiki/E-Prime#Psychological_effects) calls out some of the criticisms, in particular that _self_ definition of identity is very important!

content/memex/communication/to-be.md

@@ -0,0 +1,25 @@
+---
+title: To Be
+draft: false
+tags:
+  - language
+  - to-be
+summary: The English verb with so many uses
+links:
+  wiktionary: https://en.wiktionary.org/wiki/be
+---
+
+I've been facinated by #to-be as a word since I started learning #Spanish and noticed that Ser and Estar can be used to separate out a temporary and permanent state of being; "I am sad" has an implicit temporary nature to it (rather than the permanence that can be implied with English).
+
+The [Wikipedia](https://en.wikipedia.org/wiki/E-Prime) article on E-Prime calls out a number of different uses of 'to be' that impressed me, as I'd not thought about how many variable uses it has!
+
+- identity (noun-phrase copula definite-noun) The cat is my only pet.
+- class membership: (definite-noun copula noun-phrase) Garfield is a cat.
+- class inclusion: (noun-phrase copula noun-phrase) A cat is an animal.
+- predication: (noun-phrase copula adjective) The cat is furry.
+- ownership: (noun-phrase copula possessive-noun) The cat is theirs.
+- auxiliary: (noun-phrase copula verb-phrase) The cat is sleeping / The cat is being bitten by the dog
+- existence: (medial-proadverb-of-location copula noun-phrase) There is a cat.
+- location: (noun-phrase copula location-phrase) The cat is nowhere to be found.
+
+The [Wictionary Post](https://en.wiktionary.org/wiki/be) has 23 unique uses of 'to be' in English I should read through!

content/memex/communication/toki-pona.md

@@ -0,0 +1,61 @@
+---
+title: Toki Pona
+draft: false
+tags:
+  - conlang
+  - vocabulary
+  - simplicity
+summary: A constructed language with an extremely limited vocabulary
+links:
+  wikipedia: http://en.wikipedia.org/wiki/Toki_Pona
+  official: https://tokipona.org/
+---
+
+![The Toki Pona logo](../toki-pona.webp)
+
+I've enjoyed thinking about this #conlang a lot! I depend a lot on phrasing things precisely to express myself — even in everyday interactions (which can get confusing & frustrating when there's no way anyone else could be aware of the nuance in my word choice…) — so Toki Pona is incredibly interesting.
+
+With only ~120 words and 14 characters it's _tiny_, and forces you to talk around 
+
+---
+
+## alone - a poem
+
+_Quite an intense one! I'm yet to find other pre-translated toki-pona poems. Perhaps I'll try translating one at some point!_
+
+{{< translation "tok" "en" >}}
+ijo li moku e mi.\
+mi wile pakala.\
+pimeja li tawa insa kon mi.\
+jan ala li ken sona e pilin ike mi.\
+toki musi o, sina jan pona mi wan taso.\
+telo pimeja ni li telo loje mi, li ale mi.\
+tenpo ale la pimeja li lon.\
+wan taso
+
+---
+
+I am devoured.\
+I must destroy.\
+Darkness fills my soul.\
+No one can understand my suffering.\
+O poetry! My only friend.\
+This ink is my blood, is my life.\
+And Darkness shall reign forevermore.
+{{< /translation >}}
+
+[source](https://www.tokipona.org/angst.html)
+
+---
+
+[A collection of 27 poems](https://tokipona.org/toki_lili_27_poems_in_toki_pona.pdf) listed on the homepage
+
+---
+
+Someone [wrote code to write (semi-sensical) poetry](https://kevingal.com/blog/toki-poetry.html) in Toki Pona, which looks really fun.
+
+---
+
+There seem to be a number of fonts that people have created for the _written_ form of toki pona, like [Fairfax HD](https://www.kreativekorp.com/software/fonts/fairfaxhd/) which covers 'all the conlangs in the [registry](https://www.kreativekorp.com/ucsur/)' which will definitely be fun to play with.
+
+{{< figure src="../toki-pona-text.webp" caption="A sample of characters of Toki Pona written in the FairfaxHD font." >}}

content/memex/thought/_index.md

@@ -0,0 +1,5 @@
+---
+title: Thought
+emoji: 💭
+summary: Relating to how humans process sensory input.
+---

content/memex/thought/human-rights.md

@@ -0,0 +1,10 @@
+---
+title: Human rights
+draft: true
+tags:
+  - philosophy
+  - simone-weil
+summary: The concept of communally agreed standards of behaviour towards other humans.
+---
+
+Simone Weil & "Human Need" compared to "Human Rights" — 'rights' being an imposition of the legal world onto the human. Are your 'rights' to bodily autonomy really a legal right, or _required_ in order to be able to call yourself human with certainty?

content/memex/thought/organising-things.md

@@ -0,0 +1,7 @@
+---
+title: Organising things
+draft: true
+tags:
+summary: Adding structure to the way that similar things are stored or referenced.
+---
+

data/localeNames.yaml

@@ -0,0 +1,11 @@
+en: English
+en-GB: British English
+en-US: American English
+de: German
+tok: Toki Pona
+es: Spanish
+es-ES: Spanish (from Spain)
+es-VE: Venezuelan Spanish
+fr: French
+fr-FR: French (from France)
+fr-CA: Canadian French

layouts/memex/list.html

@@ -0,0 +1,36 @@
+{{ define "main" }}
+    <main class="posts">
+        <h1>{{ title (replace .Title "-" " ") }}</h1>
+
+        {{ if .Content }}
+            <div class="content">{{ .Content }}</div>
+        {{ end }}
+
+        <div> {{/* class="side-by-side" once I have the tag cloud ready */}}
+            <div>
+                {{ range .Pages }}
+                    {{ if gt (len .Pages) 0 }}
+                    <div class="posts-group">
+                        <div class="post-year">{{ .Params.emoji }}</div>
+
+                        <ul class="posts-list">
+                            <li class="post-item">
+                                <a href="{{.Permalink}}">
+                                    <span class="post-title">{{.Title}}</span>
+                                </a>
+                            </li>
+                            {{ range .Pages }}
+                                <li class="post-item">
+                                    <a href="{{.Permalink}}">
+                                        <span class="post-title">{{.Title}}</span>
+                                    </a>
+                                </li>
+                            {{ end }}
+                        </ul>
+                    </div>
+                    {{ end }}
+                {{ end }}
+            </div>
+        </div>
+    </main>
+{{ end }}

layouts/memex/single.html

@@ -0,0 +1,124 @@
+{{ define "main" }}
+  <main class="post h-entry">
+
+    <div class="post-info">
+      <p class="breadcrumbs">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass">
+          <circle cx="12" cy="12" r="10"></circle>
+          <polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon>
+        </svg>
+        <a href="/memex">Memex</a> » <a href="{{ .Parent.Permalink }}">{{ .Parent.Title }}</a> » {{ .Title }}
+      </p>
+      <p>
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
+          <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+          <line x1="16" y1="2" x2="16" y2="6"></line>
+          <line x1="8" y1="2" x2="8" y2="6"></line>
+          <line x1="3" y1="10" x2="21" y2="10"></line>
+        </svg>
+        Last updated
+        {{ partial "year-relative-date.html" .Lastmod }}
+      </p>
+      <p class="reading-time">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
+          <circle cx="12" cy="12" r="10"></circle>
+          <polyline points="12 6 12 12 16 14"></polyline>
+        </svg>
+        {{ i18n "readingTime" .Page.ReadingTime }}
+      </p>
+      <p class="author h-card" aria-hidden="true">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+        <a href="{{ .Site.BaseURL | absURL }}" rel="author" class="p-author u-url">{{ .Site.Author.name }}</a>
+      </p>
+    </div>
+
+    <article>
+      <hgroup class="post-title">
+        <h1 class="p-name">
+          {{ with .Params.emoji }}<span data-emoji="{{.}}"></span>{{end}}
+          <a href="{{ .Permalink }}" class="noaccent u-url">{{ .Title | markdownify }}</a>
+        </h1>
+      </hgroup>
+
+      {{ with .Summary }}
+        <div class="post-summary p-summary" aria-hidden="true">{{ . }}</div>
+      {{ end }}
+
+      {{ if .Params.Cover }}
+        <figure class="post-cover">
+          <img src="{{ .Params.Cover | absURL }}" alt="{{ .Title }}" />
+          
+          {{ if .Params.CoverCaption }}
+            <figcaption class="center">{{ .Params.CoverCaption | markdownify }}</figcaption>
+          {{ end }}
+        </figure>
+      {{ end }}
+
+      {{- if .Params.toc }}
+        <hr />
+        <aside id="toc">
+          <div class="toc-title">{{ i18n "tableOfContents" }}</div>
+          {{ .TableOfContents }}
+        </aside>
+        <hr />
+      {{- end }}
+
+      <div class="post-content e-content">
+        {{ .Content | replaceRE `#(\w+)` `<a href="/tags/$1">$1</a>` | safeHTML }}
+      </div>
+    </article>
+
+    <hr />
+
+    {{ if ne .Type "site-infra" }}
+      <div class="post-info">
+        {{ partial "tags.html" .Params.tags }}
+        {{ partial "series-tags.html" . }}
+        <p>
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+            <polyline points="14 2 14 8 20 8"></polyline>
+            <line x1="16" y1="13" x2="8" y2="13"></line>
+            <line x1="16" y1="17" x2="8" y2="17"></line>
+            <polyline points="10 9 9 9 8 9"></polyline>
+          </svg>
+          {{ i18n "wordCount" .Page.WordCount }}
+        </p>
+
+        <p>
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
+            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+            <line x1="16" y1="2" x2="16" y2="6"></line>
+            <line x1="8" y1="2" x2="8" y2="6"></line>
+            <line x1="3" y1="10" x2="21" y2="10"></line>
+          </svg>
+          <date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Lastmod }}" class="dt-updated" title="last updated on {{ dateFormat "Monday Jan 2 2006 at 03:04 MST" .Lastmod }}">
+            {{ if .Site.Params.dateformNumTime }}
+              {{ dateFormat .Site.Params.dateformNumTime .Lastmod }}
+            {{ else }}
+              {{ dateFormat "2006-01-02 15:04" .Lastmod }}
+            {{ end }}
+          </date>
+        </p>
+      </div>
+
+      <hr />
+
+      {{ partial "pagination-single.html" . }}
+    {{ end }}
+
+    {{ if .Page.Store.Get "hasMermaid" }}
+      <script src="/js/mermaid.js"></script>
+      <script>
+        // TODO: Render mermaid server side
+        function initMermaid() {
+          const dark = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches);
+          mermaid.initialize({ startOnLoad: true, theme: dark ? 'dark' : 'neutral' });
+        }
+        // https://github.com/mermaid-js/mermaid/issues/1945
+        // window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', initMermaid);
+        initMermaid();
+      </script>
+    {{ end }}
+  </main>
+{{ end }}

layouts/shortcodes/translation.html

@@ -0,0 +1,11 @@
+{{ $args := . }}
+{{ $parts := split .Inner "\n---\n"  }}
+<div class="side-by-side">
+  {{ range $i, $part := $parts }}
+    {{ $lang := $args.Get $i }}
+    <div lang="{{ $lang }}">
+      <header>{{ index site.Data.localeNames $lang }}</header>
+      {{ $part | markdownify }}
+    </div>
+  {{ end }}
+</div>