Added more memex and concluded first design

assets/scss/_menu.scss

@@ -39,11 +39,19 @@
     list-style: none;
 
     li {
-      margin: 0 12px;
+      margin: 0 6px;
     }
 
     li.micro a {
       filter: grayscale(1);
+      span {
+        display: none;
+      }
+      
+      &:before {
+        content: attr(data-short-name);
+        display: inline;
+      }
 
       &:hover {
         text-decoration: none;
@@ -59,6 +67,10 @@
       li {
         margin: 0;
         padding: 5px;
+
+        &.micro a span {
+          display: inline;
+        }
       }
     }
   }

config.toml

@@ -39,7 +39,7 @@ date = ["date", "publishDate", "lastmod", ":git"]
 
   # Metadata mostly used in document's head
   description = "JP Hastings-Spital: Software Engineer"
-  keywords    = "homepage, blog, science, software, miriscient, programming"
+  keywords    = "homepage, blog, science, software, miriscient, programming, indieweb, memex"
   images      = [""]
   customJS    = ["/js/postcards-html.js"]
 
@@ -88,18 +88,21 @@ date = ["date", "publishDate", "lastmod", ":git"]
 
   # You can create a language based menu
     [languages.en.menu]
+      [[languages.en.menu.main]]
+        identifier = "mail"
+        name = "📮 Contact me"
+        url = "/standing-invitation"
+        weight = 1
       [[languages.en.menu.main]]
         identifier = "curiosities"
-        name = "Curiosities"
+        name = "🤩 Curiosities"
         url = "/curiosities"
+        weight = 2
       [[languages.en.menu.main]]
         identifier = "posts"
-        name = "Posts"
+        name = "📔 Posts"
         url = "/posts"
-      [[languages.en.menu.main]]
-        identifier = "mail"
-        name = ":postbox:"
-        url = "/standing-invitation"
+        weight = 3
 
 [sitemap]
   filename = 'sitemap.xml'

content/memex/_index.md

@@ -1,5 +1,6 @@
 ---
 title: Memex
+summary: My memory-expander; a space for me to keep links and thoughts that are interesting for reference later.
 ---
 
 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.
@@ -7,3 +8,5 @@ Taking a cue from personal sites around the web, this memex keeps unformed ideas
 > 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.
+
+Keeping a space like this is a new idea for me (here in late 2023), so there are lots of stub-notes and unfinished thoughts.

content/memex/art/_index.md

@@ -0,0 +1,11 @@
+---
+title: Art
+emoji: 🎨
+summary: Making things that you don't need to.
+---
+
+{{< openlibrary "9781914236105" >}}
+
+I love making things. Recently bought a mini book at the Tate in Liverpool called [Art is the thing nobody asked you to do](https://roughtradebooks.com/products/art-is-the-thing-nobody-asked-you-to-do-babak-ganjei), and without even picking it up I felt a connection with that description of art. I _do_ love creating things, but often its the unnecessary things, the expressive and intriguing ones, that I enjoy the most.
+
+I look forward to reading that book, and to this section of the memex growing quickly!

content/memex/art/postcards.md

@@ -0,0 +1,7 @@
+---
+title: Postcards
+emoji: 📮
+summary: Short notes on cards, mailed to friends, since the late 1860s.
+draft: true
+---
+

content/memex/art/pottery.md

@@ -0,0 +1,9 @@
+---
+title: Pottery
+emoji: 🏺
+summary: Making objects out of clay.
+---
+
+## Turning clay
+
+I went to a wonderful 4 week beginners pottery class at [Culford studios](https://www.culfordstudios.co.uk/), courtesy of a birthday present from {{< friend "yvette" >}} — I really want to go back to do a longer course!

content/memex/art/tiles.md

@@ -0,0 +1,19 @@
+---
+title: Tiles
+emoji: 🔲
+summary: Shapes that fit together to create an infinite pattern.
+---
+
+## Aperiodic monotiles
+
+{{< figure src="../spectre.webp" caption="The spectre aperiodic monotile, with \"odd\" tiles shaded." >}}
+
+2023 was a good year for tiling! The Einstein hat and Sprectre aperiodic monotiles were discovered and [documented](https://cs.uwaterloo.ca/~csk/spectre/). These are special because they've been proven to _never repeat_. There's something really quite wonderful about that!
+
+I've designed 3D-printed cookie cutters that could make ceramic tiles with these, but I've not reached out to my local potters to ask for some time to make them — and I haven't figured out the 'rules' for placing a tile next to others, some placings definitely end up making tilings that can't be completed.
+
+## Mosaics
+
+I've been toying with the idea of creating ceramic tiles with glazes specially chosen/mixed to have levels of reflectivity to sodium light at λ = ~589 nm that are different to their white/solar light grayscale mapping.
+
+This would allow me to make a day/night split mosaic; in the day the full-colour mosaic would be of one picture, but by night the street lights' singular frequency lamps (if I can find anywhere that still uses sodium lamps!) would create a different grayscale image that would jump out!

content/memex/games/_index.md

@@ -0,0 +1,5 @@
+---
+title: Games
+emoji: 🃏
+summary: Agreeing on rules to play together with limited stakes.
+---

content/memex/games/boardgames.md

@@ -0,0 +1,17 @@
+---
+title: Board games
+tags:
+- graphic-design
+- 60s
+summary: Games together played around a table.
+---
+
+## Sorry!
+
+My Mum & her sister used to play a game called [Sorry!](https://en.wikipedia.org/wiki/Sorry!_(game)) as kids. Mum still has their version of the boardgame, and the design of the board and the cards is enchanting!
+
+{{< figure src="../sorry-outer.webp" alt="The outer box of the Sorry! boargame, with the name in big bold red font from the 60s, embossed on a blue background, on a white and yellow box." title="The copyright is 1951 and 1963, so this is probably a 60s edition. I think it shows in the typography choices.">}}
+
+{{< figure src="../sorry-board.webp" alt="Half of the game board, showing the blue and yellow players&apos; homes of the four-way rotationally symmetric board." title="Each of the four sides has a different season of the same tree beautifully illustrated behind the game." >}}
+
+{{< figure src="../sorry-cards.webp" alt="A wide angle and close-up of the 11 card with text reading &ldquo;Any one of your margin men may change places with any one margin man of any opponent.&rdquo;" title="The font choice and bold single colour design really appeal to me!" >}}

content/memex/language/to-be.md

@@ -11,7 +11,7 @@ links:
 
 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).
 
----
+## Forms of 'to be'
 
 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!
 
@@ -24,6 +24,4 @@ The [Wikipedia](https://en.wikipedia.org/wiki/E-Prime) article on E-Prime calls
 - 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/language/toki-pona.md

@@ -17,8 +17,6 @@ I've enjoyed thinking about this #conlang a lot! I depend a lot on phrasing thin
 
 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!_
@@ -46,15 +44,15 @@ And Darkness shall reign forevermore.
 
 [source](https://www.tokipona.org/angst.html)
 
----
+## Poetry book
 
 [A collection of 27 poems](https://tokipona.org/toki_lili_27_poems_in_toki_pona.pdf) listed on the homepage
 
----
+## Computer-written poetry
 
 Someone [wrote code to write (semi-sensical) poetry](https://kevingal.com/blog/toki-poetry.html) in Toki Pona, which looks really fun.
 
----
+## Fonts
 
 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.
 

content/memex/thought/human-rights.md

@@ -4,7 +4,10 @@ draft: false
 tags:
   - philosophy
   - simone-weil
+  - philsophize-this
 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?
+## Simone Weil
+
+From [Philosophize This! ep.173](https://www.philosophizethis.org/transcript/episode-173-transcript#:~:text=Simone%20Weil%2C%20quite%20famously%2C%20was%20NOT%20a%20big%20fan%20of%20human%20rights%20discussions); Simone Weil preferred "Human Needs" 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?

layouts/memex/list.html

@@ -3,15 +3,25 @@
 
         {{ partial "memex-header.html" . }}
 
-        <h1>{{ title (replace .Title "-" " ") }}</h1>
+        <article>
+            <hgroup class="post-title">
+                <h1 class="p-name">
+                    <a href="{{ .Permalink }}" class="noaccent u-url">{{ title (replace .Title "-" " ") }}</a>
+                </h1>
+            </hgroup>
 
-        {{ if .Content }}
-            <div class="content">{{ .Content }}</div>
-        {{ end }}
+            {{ with .Summary }}
+                <div class="post-summary p-summary" aria-hidden="true">A memex category: {{ . }}</div>
+            {{ end }}
+
+            {{ if .Content }}
+                <div class="post-content e-content">{{ .Content }}</div>
+            {{ end }}
+        </article>
 
         {{ $tags := slice }}
         {{ $extraPages := slice }}
-        <h2>Memex entries</h2>
+        <h2>Notes</h2>
         <div class="side-by-side">
             <div class="double">
                 {{ range .Pages }}

layouts/partials/about-me.html

@@ -4,8 +4,8 @@
     <span class="p-note">Hello! I'm <em class="p-name fn always-accented"><span class="p-nickname">JP</span> <span class="p-family-name">Hastings-Spital</span></em>, a <span class="p-category category">maker</span>, <span class="p-category category">software engineer</span>, <span class="p-category category">swing dancer</span>, and all-round <span class="p-category category">miriscient chap</span> living in <span class="adr p-adr h-adr"><span class="p-locality locality">London</span>, <span class="p-country-name country-name">UK</span></span>. <span class="h-card no-emoji">I'm <span clas="p-job-title">principal engineer</a> at <a href="https://deliveroo.engineering/" target="_blank" class="p-org u-url" rel="noopener">Deliveroo</a></span>.</span>
   </div>
 
-  <p>I post here infrequently about things I've created or care about, as well as keeping track of <a href="/now">what I'm up to now</a>. Recently I've written
-  {{ $posts := where .Site.RegularPages "Params.type" "!=" "timeless" }}
+  <p>I write infrequently about things I've created or care about in <a href="/posts">posts</a>, I keep notes on interesting things in my <a href="/memex">memex</a>, and sometimes post <a href="/photos">photos</a> too. Find out <a href="/now">what I'm up to now</a>, or read a recent article like
+  {{ $posts := where .Site.RegularPages "Section" "posts" }}
   {{ range $posts | first 2 }}
       <a href="{{.Permalink}}">{{ .Title }}</a>, 
   {{ end }}

layouts/partials/menu.html

@@ -1,23 +1,7 @@
 <nav class="menu">
     <ul class="menu__inner">
-        {{- $currentPage := . -}}
         {{ range .Site.Menus.main -}}
-            <li{{ if eq (first 1 .Name) ":" }} class="micro"{{end}}><a href="{{ .URL | relLangURL }}">{{ .Name | emojify }}</a></li>
-        {{- end }}
-
-        {{- if .Site.Params.EnableGlobalLanguageMenu }}
-        <div class="submenu">
-            <li class="dropdown">
-                <a href="javascript:void(0)" class="dropbtn">{{ .Language }}</a>
-                <div class="dropdown-content">
-                    {{ if .Site.IsMultiLingual }}
-                        {{ range $.Translations }}
-                            <a title="{{ .Language }}" href="{{ .Permalink }}">{{ .Language }}</a>
-                        {{ end }}
-                    {{ end }}
-                </div>
-            </li>
-        </div>
+            <li class="micro"><a href="{{ .URL | relLangURL }}">{{ slicestr .Name 0 1 }}<span> {{ slicestr .Name 2 }}</span></a></li>
         {{- end }}
     </ul>
 </nav>