From 26ff9534ef267e04b2a3e807bd936e2aa07d1015 Mon Sep 17 00:00:00 2001
From: Leon van Kammen <leonvankammen@gmail.com>
Date: Mon, 15 Jun 2026 16:37:40 +0200
Subject: [PATCH] update imports

---
 index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 839f22b..68e5d33 100644
--- a/index.html
+++ b/index.html
@@ -809,6 +809,8 @@ button.sidebar-toggle{
 
 <li>$:/state/toc/Reference/optional levels-📜 level0: File--403145756</li>
 
+<li>$:/state/toc/Reference/optional levels-📜 level3: Media Fragments--403145756</li>
+
 <li>$:/state/toc/Reference/optional levels-📜 level4: operators--403145756</li>
 
 <li>$:/state/toc/Reference/The parser-THREE.js--403145756</li>
@@ -1152,7 +1154,7 @@ button.sidebar-toggle{
 <script class="tiddlywiki-tiddler-store" type="application/json">[
 {"created":"20240131104509452","text":"Create an empty mesh object (in Blender it's called an 'Empty') and add an [[src]] custom property with an OGG/MP3/WAV URL. For example:\n\u003Cbr>\u003Cbr>\n`src`&nbsp;:&nbsp;`https://foo.com/podcast.mp3`\n\u003Cbr>\u003Cbr>\n1. ''IF'' the empty is positioned at 0,0,0 the audio is nonpositional (like music e.g.)\u003Cbr>\u003Cbr>\n2. ''IF'' the empty is ''not'' positioned at 0,0,0, then it'll be positional audio\u003Cbr>\u003Cbr>\n3. the ''scale'' of the audio object will determine the amplitude/reach of the positional audio.\u003Cbr>\u003Cbr>\n\u003Cbr>\n\n> NOTE: audio does not play unless [[#t|`#t=1`]] triggers it. For auto-play try adding `#t=1` to the default fragment `#` on the scene ([[see this video|https://coderofsalvation.codeberg.page/xrfragment.media/gettingstarted2024.mp4#t=358]])","tags":"[[🧪 experimental]]","title":"(non)positional audio","modified":"20250910094156257"},
 {"created":"20240208125917539","text":"`#` indicates a default fragment to execute during scene-load.\n\n| fragment | type  | example value | info |\n|`#`| string (& separated) | `#-cube&t=0` | hide object with name `cube` and start 3D animations (implies `xrf://-cube&t=0`)|\n\n> NOTE: this only gets publish to the [[hashbus]] and does not update the top-Level URL\n\n[[» discussion|https://github.com/coderofsalvation/xrfragment/issues/12]]\u003Cbr>\n","tags":"[[🧪 levelX: non-normative metadata]]","title":"# aliases","modified":"20250910095330316","type":"text/vnd.tiddlywiki"},
-{"created":"20250910085517140","text":"# Object teleports & imports\n\nPrefixing an object with an exclamation-symbol, will teleport a (local or remote) referenced object elsewhere, or back to its original location.\u003Cbr>\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!explainer&!exitmenu\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n[img[objecteleport.png]]\n\n\n## Usecases\n\n* show/hide objects/buttons (menu e.g.) in front of user\n* embed remote (object within) 3D file via remote URL\n* instance an interactive object near the user regardless of location\n* instance HUD or semi-transparent-textured-sphere (LUT) around the user \n* reparent object to animated object\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. **reparent the referenced object** (menu) to the object containing this [[href]]\n2. toggle behaviour: revert position-values if already applied\n3. `#+` is always implied (objects are always made visible)\n4. the object localspace position will stay unmodified\n\nThis tiny but powerful symbol allows incredible interactive possibilities, by carefully positioning re-usable objects outside of a scene (below the floor e.g.).\n\n## Deep import\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">https://my.org/foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi2\">#!\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. import `foo.glb` from `my.org`'s webserver\n2. reparent `foo.glb` to the object containing this [[href]]\n\n## Reparent to any object\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu=myplaceholder\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. reparent object `menu` to object `myplaceholder` (instead of the object containing this [[href]])\n\n> this allows for HUD-style usecases (make `myplaceholder` an (offsetted) child of a Camera-object e.g.0\n\n## Show/hide object\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu=_hiddengroup\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. reparent object `menu` to object `_hiddengroup`\n2. the menu is now hidden (usecase: a close-button of a menu e.g.)\n\n> **NOTE**:underscore-prefixes represent [[system folders]]\n\n## Dynamic scene-construction\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">https://foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi2\">#roomB&!bar=roomB&!chapter4=chapter\u003C/span>\n\u003C/div>\n\nClicking the [[href]]-value above will:\n\n1. replace the current scene with `foo.glb` \n2. teleport the user to #roomB inside `foo.glb`\n3. **reparent the referenced object** (`bar` inside foo.glb) to object `roomB`.\n4. **reparent the referenced object** (`chapter4` inside foo.glb) to object `chapter`.\n5. it will update the top-Level URL (because `xrf:` was not used)\n\n## Example diagram with hrefs\n\n```\n\n  +────────────────────────────────────────────────────────+ \n  │                                                        │\n  │  index.glb                                             │\n  │    │                                                   │ during teleport:\n  │    ├── ◻ roomB                                         │ camera's Y-coord will be set\n  │    │                                                   │ ~1.6m above (roomB's) origin\n  |    |                                                   | except in case of camera-rig\n  │    ├── ◻ buttonA                                       │ (=non-root camera for VR e.g.)\n  │    │      └ href: #!menu=table                         │\n  |    │                                                   │  +────────────────────────+\n  │    └── ◻ buttonB                                       │  | other.usdz             |\n  │           └ href: other.usdz#!foo                      │  |   |                    |\n  │                                                        │  |   ├── ◻ camera         |\n  +────────────────────────────────────────────────────────+  |   └── ◻ foo            |\n                                                              |          └─◻ camera3   |    \n                                                              +────────────────────────+\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n  clicking buttonA will reparent object `menu` to object `table`\n\t\n  clicking buttonB will reparent to object `buttonB` \n   \n\t \n```\n","tags":"[[📜 level4: operators]] level4","title":"#!","modified":"20260418082912677","type":"text/markdown"},
+{"created":"20250910085517140","text":"# Object import / reparenting\n\nPrefixing an object with an exclamation-symbol, will teleport a (local or remote) referenced object elsewhere, or back to its original location.\u003Cbr>\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!explainer&!exitmenu\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n[img[objecteleport.png]]\n\n\n## Usecases\n\n* show/hide objects/buttons (menu e.g.) in front of user\n* embed remote (object within) 3D file via remote URL\n* instance an interactive object near the user regardless of location\n* instance HUD or semi-transparent-textured-sphere (LUT) around the user \n* reparent object to animated object\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. **reparent the referenced object** (menu) to the object containing this [[href]]\n2. toggle behaviour: revert position-values if already applied\n3. `#+` is always implied (objects are always made visible)\n4. the object localspace position will stay unmodified\n\nThis tiny but powerful symbol allows incredible interactive possibilities, by carefully positioning re-usable objects outside of a scene (below the floor e.g.).\n\n## Deep import\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">https://my.org/foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi2\">#!\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. import `foo.glb` from `my.org`'s webserver\n2. reparent `foo.glb` to the object containing this [[href]]\n\n## Reparent to any object\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu=myplaceholder\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. reparent object `menu` to object `myplaceholder` (instead of the object containing this [[href]])\n\n> this allows for HUD-style usecases (make `myplaceholder` an (offsetted) child of a Camera-object e.g.0\n\n## Show/hide object\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">#!menu=_hiddengroup\u003C/span>\n\u003C/div>\n\u003Cbr>\n\nClicking the [[href]]-value above will:\n\n1. reparent object `menu` to object `_hiddengroup`\n2. the menu is now hidden (usecase: a close-button of a menu e.g.)\n\n> **NOTE**:underscore-prefixes represent [[system folders]]\n\n## Dynamic scene-construction\n\n\u003Cbr>\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\thref: \u003Cspan class=\"big hi1\">https://foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi2\">#roomB&!bar=roomB&!chapter4=chapter\u003C/span>\n\u003C/div>\n\nClicking the [[href]]-value above will:\n\n1. replace the current scene with `foo.glb` \n2. teleport the user to #roomB inside `foo.glb`\n3. **reparent the referenced object** (`bar` inside foo.glb) to object `roomB`.\n4. **reparent the referenced object** (`chapter4` inside foo.glb) to object `chapter`.\n5. it will update the top-Level URL (because `xrf:` was not used)\n\n## Example diagram with hrefs\n\n```\n\n  +────────────────────────────────────────────────────────+ \n  │                                                        │\n  │  index.glb                                             │\n  │    │                                                   │ during teleport:\n  │    ├── ◻ roomB                                         │ camera's Y-coord will be set\n  │    │                                                   │ ~1.6m above (roomB's) origin\n  |    |                                                   | except in case of camera-rig\n  │    ├── ◻ buttonA                                       │ (=non-root camera for VR e.g.)\n  │    │      └ href: #!menu=table                         │\n  |    │                                                   │  +────────────────────────+\n  │    └── ◻ buttonB                                       │  | other.usdz             |\n  │           └ href: other.usdz#!foo                      │  |   |                    |\n  │                                                        │  |   ├── ◻ camera         |\n  +────────────────────────────────────────────────────────+  |   └── ◻ foo            |\n                                                              |          └─◻ camera3   |    \n                                                              +────────────────────────+\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n  clicking buttonA will reparent object `menu` to object `table`\n\t\n  clicking buttonB will reparent to object `buttonB` \n   \n\t \n```\n","tags":"[[📜 level4: operators]] level4","title":"#!","modified":"20260615143545335","type":"text/markdown"},
 {"created":"20250910091840302","text":"# Object multipliers\n\nThe star-prefix will clone a (local or remote) referenced object to the usercamera's location, and make it grabbable.\u003Cbr>\nUsecases:\n* object-picker (build stuff with objects)\n\n> **NOTE**: this is basically the [#! operator](#%23%21) which infinitely **clones** the referenced object (instead of repositioning the object).","tags":"[[📜 level4: operators]] level4","title":"#*","modified":"20250926184516471","type":"text/markdown"},
 {"created":"20250910093946997","text":"!! (De)selectors to show/hide\n\n> How to show/hide/group ''material''- or  ''object''- or by name?\nor\n\n> How to open/close/group menu-buttons or doors in a 3D scene?\n\n[img [parent_child.svg]]\n\nClicking href-values below will:\n\n1. show/hide the targeted ''material''- or ''object''-name (incl. children)\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi1\">#-parent\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi1\">#+parent\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi1\">#-VR*\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi1\">https://foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi2\">#bar\u003C/span>\n\t\u003Cspan class=\"big hi1\">&amp;\u003C/span>\n\t\u003Cspan class=\"big hi3\">-welcome\u003C/span>\n\u003C/div>\n\n!! Matching logic\n\n1. `-` and `+` prefix for ''exact matches'' (`welcome` e.g.)\n\n2. `*` postfix for ''match beginning'' (`VR_skybox` `VR_skyboxmat` e.g.)\n\n\n\n> ''NOTE'': to hide a skybox when importing/loading a 3D file (force ''AR'') is possible by linking to `https://my.org/foo.glb#-skybox` or `https://my.org/foo.glb#-skyboxmaterial`","tags":"[[📜 level4: operators]] level4","title":"#+-","modified":"20251006095855745","type":"text/vnd.tiddlywiki"},
 {"created":"20250910093909237","text":"## Sharing object or file\n\nThe pipe-symbol (`|`) sends a (targeted) object to the OS.\nClicking the href-value below will:\n\n1. share the (targeted object in the) file to a another application\n\n> This URL can be fed straight into [Web Share API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API) or [xdg-open](https://www.freedesktop.org/wiki/Software/xdg-utils/)\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi1\">#\u003C/span>\n\t\u003Cspan class=\"big hi2\">|bar\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n\u003Cdiv class=\"border padding\" style=\"border:4px solid #888\">\n\t\u003Cspan class=\"big hi2\">https://foo.glb\u003C/span>\n\t\u003Cspan class=\"big hi1\">#|bar\u003C/span>\n\u003C/div>\n\u003Cbr>\n\n> **NOTE**: sharing is limited to `xrf:` scheme-only \n","tags":"[[📜 level4: operators]] level4","title":"#|","modified":"20250926184516476","type":"text/markdown"},
@@ -1171,7 +1173,7 @@ button.sidebar-toggle{
 {"created":"20250903100524508","text":"### Capable 3D fileformats\n\n[glTF](https://www.khronos.org/gltf/), [usdz](https://openusd.org/release/spec_usdz.html), [obj](https://en.wikipedia.org/wiki/Wavefront_.obj_file), [collada](https://www.khronos.org/collada), [THREE.json](https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4), [X3D](https://en.wikipedia.org/wiki/X3D) e.g. are capable of XR Fragments.\n\u003Cbr>\nThe requirements of any 3D file is: a scenegraph with 1 or more named objects.\n\n\n### XR Fragment Compatible\n\nA 3D scene-file can be considered \u003Cb>XR Fragment-compatible\u003C/b> when it matches **one of these** heuristics\u003Cbr>\n1. implicit: it has at least one [sidecar-file](#sidecar%20files)\u003Cbr>\n2. explicit: an object has an \u003Ca href=\"#href\">href\u003C/a> extra.\n3. explicit: it has at least one [system folder](#system%20folders) (one objectname starting with underscore) \n\n* = last wins in case of non-unique names\n\n### Loading a file\n\n\u003C\u003Ctoc-selective-expandable 'level0' sort[title]>>","tags":"[[optional levels]]","title":"📜 level0: File","modified":"20260316142252271","type":"text/markdown"},
 {"created":"20230427172131986","text":"\u003Cdiv class=\"border padding\" style=\"border:4px solid #F0F\">\n\t\u003Cspan class=\"big hi1\">protocol:&#47;&#47;\u003C/span>\n\t\u003Cspan class=\"big hi2\">my.org/world.glb\u003C/span>\n\t\u003Cspan class=\"big hi1\">#room2\u003C/span>\n\u003C/div>\n\nURLs are the heart of XR Fragment-based 3D Hypermedia:\n\n* it allows navigating the XR browser to a (different) 3D scene (`world.glb` e.g.)\n* it allows teleporting the user to a different location (`room2` e.g.)\n* it allows back/forward navigation \n* it allows **addressibility**\n\nExamples:\u003Cbr>\u003Cbr>`https://linux.world/#roomF&t=1,100`\u003Cbr>`linuxapp://conference/nixworkshop?newuser#roomC&t=2,200`\u003Cbr>`androidapp://page1?tutorial#roomB&t=1,100`\u003Cbr>\n\nImplicit and Explicit **adressibility** is the core of the XR Fragments spec, as well as **user teleportation**:\n\n\u003C\u003Ctoc-selective-expandable 'level1' sort[title]>>\n\nHere's pseudocode for a level1 XR Fragments browser in THREE.js:\n\n```\n// by default the (VR) user gets position at 0,0,0 at the loaded scene (+VR userheight)\n\nurl   = 'world.glb#roomB&car'\nfile  = url.split(\"#\")[0] \nxrf   = new URLSearchParams( url.split(\"#\")[1] )\nrefs  = ([...xrf.keys()]).filter( (k) => !k.match(/(t)/) ) // skip mediafrags\n\n// set last (nonoperator) objectname as camera-location\nfor( i in refs ){\n  scene.setActiveCameraByName(refs[i]) \n}\n```\n\n> for robust parsing of XR Fragments use a http query-language parser, or the polyglot [parser](#🔨%20XR%20Fragments%20parser)\n\n\u003Cbr>\n\n\u003Cbr>\nBelow is the related section of the spec (full spec here: \u003Ca href=\"doc/RFC_XR_Fragments.html\" target=\"_blank\">HTML\u003C/a>, \u003Ca href=\"doc/RFC_XR_Fragments.txt\" target=\"_blank\">TXT\u003C/a>)\n\n\u003Cbr>\u003Cbr>\n\n\u003Ciframe sandbox=\"allow-scripts\" src=\"doc/RFC_XR_Fragments.html#list-of-uri-fragments\" frameborder=\"0\" class=\"spec\">\u003C/iframe>\n\nFor more info see [How it works](#How%20it%20works)\n\n","tags":"Reference","title":"📜 level1: URL","modified":"20260324132242401","type":"text/markdown"},
 {"created":"20240206123412197","text":"> What if we embed XR Fragment URI's **inside a 3D file**?\n\n**level2** promotes adding **clickable hyperlinks**, via the [href](#href) metadata attribute.\n\n> All modern 3D editors can attach metadata to objects, and export these as 'extras' with the 3D file.\u003Cbr>\n\nAn Easy **nocode** way to add metadata is [by adding custom properties in blender e.g.](https://docs.blender.org/manual/en/2.79/data_system/custom_properties.html). This is demonstrated in the getting started video: \n\n\u003Cdiv style=\"max-width:300px\">\n\u003C$videojs controls=\"controls\" aspectratio=\"16:9\" preload=\"auto\" poster=\"\" fluid=\"fluid\" class=\"vjs-big-play-centered\">\n   \u003Csource src=\"https://coderofsalvation.codeberg.page/xrfragment.media/gettingstarted2024.mp4#t=200\" type=\"video/mp4\"/>\n\u003C/$videojs>\n\u003C/div>\n\u003Cbr>\u003Cbr>\n\n\n\n| custom property | type |  functionality |\n|----------|------|--------------|\n| [href](#href) | string (uri or [predefined view](#predefined_view)) | href navigation / portals / teleporting to other XR documents|\n\n> 3D documents using `href` are \u003Cb>spec-compliant\u003C/b> but similar variants (`\u003CLink url=\"...\">` in [JanusXR JML](#🌎%20JanusXR%20immersive%20web) e.g) are considered \u003Cb>spec-compatible\u003C/b>\n\n\u003Cbr>\n\n\u003Cb>Object metadata\u003C/b> can also be added/exported programmatically, for example in \u003Ca href=\"https://threejs.org\" target=\"_blank\">AFRAME/THREE.js\u003C/a> can export GLB/USDZ/OBJ/COLLADA-files with them, after setting `myobject.userData.href = \"#nameofplane\"` e.g.\n## Spec\n\nBelow is the related section of the spec (full spec here: \u003Ca href=\"doc/RFC_XR_Fragments.html\" target=\"_blank\">HTML\u003C/a>, \u003Ca href=\"doc/RFC_XR_Fragments.txt\" target=\"_blank\">TXT\u003C/a>)\n\n\u003Ciframe sandbox=\"allow-scripts\" src=\"doc/RFC_XR_Fragments.html\" frameborder=\"0\" class=\"spec\">\u003C/iframe>\n","tags":"Reference","title":"📜 level2: explicit hyperlinks","modified":"20260323161738588","type":"text/markdown"},
-{"created":"20250902135126450","text":"# XR Movies\n\nJust like with 2D media-files, W3C mediafragments (`#t=1,2`) can be used to control a timeline via the [#t](##t) primitive.\nXR Fragments Level3 makes the 3D timeline, as well as URL-referenced files **controllable** via Media Fragments like:\n\n* [level2](#📜%20level2:%20explicit%20links) [hrefs](#href) (`href: #t=4` e.g. to control 3D timeline)\n* [level4](#📜%20level4:%20xrf:%20URI%20scheme): `xrf:` URI scheme:\n  * `href: xrf:foo.wav#t=0` to play a wav\n  * `href: xrf:news.glb?clone#t=0` to instance and play another experience\n\n## The fragments\n\n\u003C\u003Ctoc-selective-expandable 'level3' sort[title]>>\n\n> this allows for interactive deeplinkable XR movies.\n\nCombined with [href](#href) metadata attached to button-objects, clickable interactive timelines can be constructed (interactive XR movies e.g.).\n\n> For more info see [#t](##t)\n\n## XRF viewer pseudocode\n\n```\n// by default the (VR) user gets position at 0,0,0 at the loaded scene (+VR userheight)\n\nurl   = 'world.glb#roomB&car'\nfile  = url.split(\"#\")[0] \nxrf   = new URLSearchParams( url.split(\"#\")[1] )\nrefs  = ([...xrf.keys()]).filter( (k) => !k.match(/(t)/) ) // extract mediafrags\n\nif( xrf.get('t') ) scene.playAnimations( xrf.get('t') )\n```\n","tags":"[[optional levels]]","title":"📜 level3: Media Fragments","modified":"20260316142252302","type":"text/markdown"},
+{"created":"20250902135126450","text":"# XR Movies\n\nJust like with 2D media-files, W3C mediafragments (`#t=1,2`) can be used to control a timeline via the [#t](##t) primitive.\nXR Fragments Level3 makes the 3D timeline, as well as URL-referenced files **controllable** via Media Fragments like:\n\n* [level2](#📜%20level2:%20explicit%20links) [hrefs](#href) (`href: #t=4` e.g. to control 3D timeline)\n* [level4](#📜%20level4:%20xrf:%20URI%20scheme): `xrf:` URI scheme:\n  * `href: xrf:foo.wav#!t=0` to import+play a wav via the [#!](##!) operator\n  * `href: xrf:news.glb#!t=10` to import+play another experience at 10 seconds\n\n## The fragments\n\n\u003C\u003Ctoc-selective-expandable 'level3' sort[title]>>\n\n> this allows for interactive deeplinkable XR movies.\n\nCombined with [href](#href) metadata attached to button-objects, clickable interactive timelines can be constructed (interactive XR movies e.g.).\n\n> For more info see [#t](##t)\n\n## XRF viewer pseudocode\n\n```\n// by default the (VR) user gets position at 0,0,0 at the loaded scene (+VR userheight)\n\nurl   = 'world.glb#roomB&car'\nfile  = url.split(\"#\")[0] \nxrf   = new URLSearchParams( url.split(\"#\")[1] )\nrefs  = ([...xrf.keys()]).filter( (k) => !k.match(/(t)/) ) // extract mediafrags\n\nif( xrf.get('t') ) scene.playAnimations( xrf.get('t') )\n```\n","tags":"[[optional levels]]","title":"📜 level3: Media Fragments","modified":"20260615143617217","type":"text/markdown"},
 {"created":"20250906075956818","text":"Prefixing/postfixing objectnames with the following simple operators allow for **extremely powerful** XR interactions. \n\n\u003C\u003Ctoc-selective-expandable 'level4' sort[title]>>\n\n> **Examples:** `#+menu` to show a object, `#-menu` to hide a menu, `#!menu` to teleport a menu, `#*block` to clone a grabbable block, `#|object` to share an object\n","title":"📜 level4: operators","modified":"20260316142252323","type":"text/markdown","tags":"[[optional levels]]"},
 {"created":"20230830155951504","text":"this document was [moved here](#📜%20XR%20Fragments)","tags":"","title":"📜 XR fragments","modified":"20230830160038977","type":"text/markdown"},
 {"created":"20250922161527815","text":"> **NOTE**: level5 is non-normative and incomplete, so please keep an eye on the full spec here: \u003Ca href=\"doc/RFC_XR_Fragments.html\" target=\"_blank\">HTML\u003C/a>, \u003Ca href=\"doc/RFC_XR_Fragments.txt\" target=\"_blank\">TXT\u003C/a>.\n\nThere are cases where \u003Cb>reactivity\u003C/b> and statemachines is desired, to enable a greater degree of interactivity.\u003Cbr>\n\n> [URI Templates](https://en.wikipedia.org/wiki/URI_Template) [RFC6570](https://en.wikipedia.org/wiki/URI_Template) are a \u003Cb>safe no-code\u003C/b> way, to enable \u003Cb>reactive\u003C/b> [href](#href)-values.\n\n# Example\n\nLets design an escape-room game in-a-3D-file.\u003Cbr>\nFirst we add a 'exit door'-object with the following metadata:\n\n> `href: https://my.org/{door}.glb`\n\nNow also imagine the following extra metadata on that object:\n\n* `door: gameover.glb`\n* `door_succes: level2.glb`\n\nNow imagine a secret button (which the user needs to find and press), with:\n\n* `href`: `xrf://#door=door_success`\n\n> **Result**: the user will **only** be teleported to `https://my.org/level2.glb` when the door was entered **after** the secret button was pressed.\n\n\n","tags":"[[optional levels]]","title":"📜level5: URI Templates","modified":"20260316142252329","type":"text/markdown"},
@@ -1253,8 +1255,8 @@ button.sidebar-toggle{
 {"created":"20230425164931250","title":"$:/state/folded/AFRAME template","text":"show","modified":"20230425164935940"},
 {"created":"20230425164931250","title":"$:/state/folded/GLSL shader template","text":"show","modified":"20230425164939576"},
 {"created":"20230424142403302","text":"checked","title":"$:/state/import/select-all","modified":"20230424142404392"},
-{"created":"20230423163640468","title":"$:/state/notebook-sidebar","text":"yes","modified":"20260427130801262"},
-{"created":"20230423163641722","title":"$:/state/notebook-sidebar-section","text":"Home","modified":"20260427131219292"},
+{"created":"20230423163640468","title":"$:/state/notebook-sidebar","text":"yes","modified":"20260615142812405"},
+{"created":"20230423163641722","title":"$:/state/notebook-sidebar-section","text":"Home","modified":"20260615143631940"},
 {"created":"20230427102758222","title":"$:/state/plugin-info--1887569658-$:/plugins/ihm/tidgraph--50210113","text":"documentation","modified":"20230427102759911"},
 {"created":"20230427092525294","title":"$:/state/plugin-info--391242618-$:/plugins/tiddlywiki/browser-storage","text":"yes","modified":"20230427092525375"},
 {"created":"20230427093219686","title":"$:/state/plugin-info--391242618-$:/plugins/tiddlywiki/browser-storage--605768392","text":"settings","modified":"20230427094141558"},
@@ -1262,7 +1264,7 @@ button.sidebar-toggle{
 {"created":"20240627123502664","title":"$:/state/plugin-info-1605320774-$:/themes/nico/notebook--1711715474","text":"contents","modified":"20240627123505187"},
 {"created":"20230424093627704","title":"$:/state/plugin-info-833095967-Draft of '$:/core'---1604322978","text":"readme","modified":"20230424093629208"},
 {"created":"20230423163649566","title":"$:/state/showeditpreview","text":"yes","modified":"20251008095541606"},
-{"created":"20230504174435745","title":"$:/state/sidebar","text":"“no”","modified":"20260427130759571"},
+{"created":"20230504174435745","title":"$:/state/sidebar","text":"“no”","modified":"20260615142809193"},
 {"created":"20230423163453188","title":"$:/state/tab--1963855381","text":"$:/core/ui/ControlPanel/Palette","modified":"20240718192009185"},
 {"created":"20230427092954391","title":"$:/state/tab--2112689675","text":"$:/core/ui/ControlPanel/Advanced","modified":"20250211170652750"},
 {"created":"20230424093058379","title":"$:/state/tab--697582678","text":"$:/core/ui/ControlPanel/Settings/TiddlyWiki","modified":"20230427093030201"},
@@ -1310,7 +1312,7 @@ button.sidebar-toggle{
 {"created":"20230622104314194","title":"$:/state/toc/Reference-js/AFRAME--403145756","text":"open","modified":"20230622104328631"},
 {"created":"20230602141817951","title":"$:/state/toc/Reference-js/THREE.js--403145756","text":"open","modified":"20230622104317372"},
 {"created":"20251107082228834","title":"$:/state/toc/Reference-non-normative levels--403145756","text":"open","modified":"20260316142239572"},
-{"created":"20260317151635612","title":"$:/state/toc/Reference-optional levels--403145756","text":"open","modified":"20260324134323834"},
+{"created":"20260317151635612","title":"$:/state/toc/Reference-optional levels--403145756","text":"close","modified":"20260615143629262"},
 {"created":"20230830155416228","title":"$:/state/toc/Reference-The Future--403145756","text":"open","modified":"20230921092402656"},
 {"created":"20230622111757807","title":"$:/state/toc/Reference-The parser--403145756","text":"close","modified":"20240105115930125"},
 {"created":"20241007085344342","title":"$:/state/toc/Reference/📜 level 1 spec-🔗 URL--403145756","text":"close","modified":"20241007085346286"},
@@ -1333,11 +1335,12 @@ button.sidebar-toggle{
 {"created":"20241007083025154","title":"$:/state/toc/Reference/📜 XR Fragments/🔗 URL/🖇 implicit URI fragments-🎞 Media Fragments--403145756","text":"close","modified":"20241007085040766"},
 {"created":"20240105120105242","title":"$:/state/toc/Reference/🧰 libraries-XR Fragment parser--403145756","text":"open","modified":"20240105120105242"},
 {"created":"20230622104329622","title":"$:/state/toc/Reference/js/AFRAME-THREE.js--403145756","text":"open","modified":"20230622104329622"},
-{"created":"20260323161510181","title":"$:/state/toc/Reference/optional levels-📜 level0: File--403145756","text":"open","modified":"20260427130811158"},
+{"created":"20260323161510181","title":"$:/state/toc/Reference/optional levels-📜 level0: File--403145756","text":"open","modified":"20260615143628803"},
+{"created":"20260615142821808","title":"$:/state/toc/Reference/optional levels-📜 level3: Media Fragments--403145756","text":"open","modified":"20260615143628451"},
 {"created":"20260416080414879","title":"$:/state/toc/Reference/optional levels-📜 level4: operators--403145756","text":"open","modified":"20260416080414879"},
 {"created":"20230622111759784","title":"$:/state/toc/Reference/The parser-THREE.js--403145756","text":"open","modified":"20230622111759784"},
 {"title":"$:/status/RequireReloadDueToPluginChange","text":"no"},
-{"title":"$:/StoryList","created":"20260427130814948","text":"","list":"[[XR Fragments]]","modified":"20260427130814948"},
+{"title":"$:/StoryList","created":"20260615142823424","text":"","list":"[[XR Fragments]]","modified":"20260615143348713"},
 {"created":"20230423163445948","title":"$:/theme","text":"$:/themes/nico/notebook","modified":"20240718191943667"},
 {"created":"20240627122947980","text":"{\n    \"tiddlers\": {\n        \"$:/themes/nico/notebook/LICENSE\": {\n            \"title\": \"$:/themes/nico/notebook/LICENSE\",\n            \"created\": \"20200419141443144\",\n            \"modified\": \"20210118213330307\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\nMIT License Copyright (c) 2020 [[Nicolas Petton|https://nicolas.petton.fr]] nicolas@petton.fr\\n\\nPermission is hereby granted, free of charge, to any person obtaining a copy\\nof this software and associated documentation files (the \\\"Software\\\"), to deal\\nin the Software without restriction, including without limitation the rights\\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\\ncopies of the Software, and to permit persons to whom the Software is furnished\\nto do so, subject to the following conditions:\\n\\nThe above copyright notice and this permission notice (including the next\\nparagraph) shall be included in all copies or substantial portions of the\\nSoftware.\\n\\nTHE SOFTWARE IS PROVIDED \\\"AS IS\\\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS\\nOR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,\\nWHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF\\nOR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\\n\"\n        },\n        \"$:/themes/nico/notebook/themetweaks\": {\n            \"title\": \"$:/themes/nico/notebook/themetweaks\",\n            \"created\": \"20201217172915960\",\n            \"modified\": \"20210123211851680\",\n            \"tags\": \"$:/tags/ControlPanel/Appearance\",\n            \"caption\": \"{{$:/language/ThemeTweaks/ThemeTweaks}}\",\n            \"text\": \"\\\\define lingo-base() $:/language/ThemeTweaks/\\n\\nYou can tweak certain aspects of the ''Notebook'' theme.\\n\\n! \u003C\u003Clingo Options>>\\n\\n|\u003C$link to=\\\"$:/themes/nico/notebook/options/stickytitles\\\">\u003C\u003Clingo Options/StickyTitles>>\u003C/$link>\u003Cbr>//\u003C\u003Clingo Options/StickyTitles/Hint>>// |\u003C$select tiddler=\\\"$:/themes/nico/notebook/options/stickytitles\\\">\u003Coption value=\\\"no\\\">{{$:/language/No}}\u003C/option>\u003Coption value=\\\"yes\\\">{{$:/language/Yes}}\u003C/option>\u003C/$select> |\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/options/codewrapping\\\">\u003C\u003Clingo Options/CodeWrapping>>\u003C/$link> |\u003C$select tiddler=\\\"$:/themes/tiddlywiki/vanilla/options/codewrapping\\\">\u003Coption value=\\\"pre\\\">{{$:/language/No}}\u003C/option>\u003Coption value=\\\"pre-wrap\\\">{{$:/language/Yes}}\u003C/option>\u003C/$select> |\\n|\u003C$link to=\\\"$:/themes/nico/notebook/options/reveal-tiddler-controls-on-hover\\\">Reveal tiddler controls on mouseover\u003C/$link> |\u003C$select tiddler=\\\"$:/themes/nico/notebook/options/reveal-tiddler-controls-on-hover\\\">\u003Coption value=\\\"no\\\">{{$:/language/No}}\u003C/option>\u003Coption value=\\\"yes\\\">{{$:/language/Yes}}\u003C/option>\u003C/$select> |\\n\\n! \u003C\u003Clingo Settings>>\\n\\n|\u003C$link to=\\\"$:/themes/nico/notebook/settings/fontfamily\\\">\u003C\u003Clingo Settings/FontFamily>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/settings/fontfamily\\\" default=\\\"\\\" tag=\\\"input\\\"/> | |\\n|\u003C$link to=\\\"$:/themes/nico/notebook/settings/codefontfamily\\\">\u003C\u003Clingo Settings/CodeFontFamily>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/settings/codefontfamily\\\" default=\\\"\\\" tag=\\\"input\\\"/> | |\\n|\u003C$link to=\\\"$:/themes/nico/notebook/settings/editorfontfamily\\\">\u003C\u003Clingo Settings/EditorFontFamily>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/settings/editorfontfamily\\\" default=\\\"\\\" tag=\\\"input\\\"/> | |\\n\\n! \u003C\u003Clingo Metrics>>\\n\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/metrics/fontsize\\\">\u003C\u003Clingo Metrics/FontSize>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/tiddlywiki/vanilla/metrics/fontsize\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/metrics/lineheight\\\">\u003C\u003Clingo Metrics/LineHeight>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/tiddlywiki/vanilla/metrics/lineheight\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize\\\">\u003C\u003Clingo Metrics/BodyFontSize>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/metrics/bodyfontsize\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/metrics/bodylineheight\\\">\u003C\u003Clingo Metrics/BodyLineHeight>>\u003C/$link> |\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/metrics/bodylineheight\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint\\\">\u003C\u003Clingo Metrics/SidebarBreakpoint>>\u003C/$link>\u003Cbr>//\u003C\u003Clingo Metrics/SidebarBreakpoint/Hint>>// |^\u003C$edit-text tiddler=\\\"$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/nico/notebook/metrics/sidebar-width\\\">\u003C\u003Clingo Metrics/SidebarWidth>>\u003C/$link>\u003Cbr>//\u003C\u003Clingo Metrics/SidebarWidth/Hint>>// |^\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/metrics/sidebar-width\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n|\u003C$link to=\\\"$:/themes/nico/notebook/metrics/story-width\\\">\u003C\u003Clingo Metrics/StoryWidth>>\u003C/$link>\u003Cbr>//\u003C\u003Clingo Metrics/StoryWidth/Hint>>// |^\u003C$edit-text tiddler=\\\"$:/themes/nico/notebook/metrics/story-width\\\" default=\\\"\\\" tag=\\\"input\\\"/> |\\n\\n\"\n        },\n        \"$:/themes/nico/notebook/base\": {\n            \"title\": \"$:/themes/nico/notebook/base\",\n            \"created\": \"20200419141443144\",\n            \"modified\": \"20210120224227503\",\n            \"tags\": \"$:/tags/Stylesheet\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline\\n\\n\\\\define if-sidebar(text)\\n  \u003C$reveal state=\\\"$:/state/notebook-sidebar\\\" type=\\\"match\\\" text=\\\"yes\\\">\\n    $text$\\n  \u003C/$reveal>\\n\\\\end\\n\\n\\\\define if-reveal-tiddler-controls-on-hover(text)\\n  \u003C$reveal state=\\\"$:/themes/nico/notebook/options/reveal-tiddler-controls-on-hover\\\" type=\\\"match\\\" text=\\\"yes\\\">\\n    $text$\\n  \u003C/$reveal>\\n\\\\end\\n  \\n/* Top and bottom bars */\\n\\n/* Hide the top-right bar */\\n.tc-topbar.tc-topbar-right {\\n  display: none;\\n}\\n\\ndiv.tc-sidebar-header {\\n  padding: 0;\\n  min-height: 0;\\n}\\n\\n.tc-story-river {\\n  padding: 6px 0 !important;\\n  width: 100% !important;\\n  max-width: {{$:/themes/nico/notebook/metrics/story-width}} !important;\\n  margin: 0 auto !important;\\n  margin-top: 34px !important;\\n}\\n\\ndiv.tc-tiddler-frame {\\n  width: 100%;\\n  margin: 20px 0;\\n  background: \u003C\u003Ccolour tiddler-background>>;\\n  box-shadow: 0 5px 20px rgba(0,0,0, 0.12);\\n  border-radius: 6px;\\n  padding: 42px 60px 60px 60px;\\n}\\n\\nh1.tc-site-title {\\n  margin-top: 14px;\\n  font-size: 1.5em !important;\\n}\\n\\n.nc-bar {\\n  padding: 10px;\\n  height: {{$:/themes/nico/notebook/metrics/topbar-height}};\\n  background: \u003C\u003Ccolour page-background>>;\\n  display: flex;\\n  justify-content: space-between;\\n}\\n\\n.nc-topbar-wrapper {\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  /* The z-index needs to be above the z-index used in tiddlers in zoomin view */\\n  z-index: 501;\\n}\\n\\n.nc-bar.nc-topbar {\\n  top: 0;\\n  background: \u003C\u003Ccolour page-background>>ee;\\n  max-width: calc({{$:/themes/nico/notebook/metrics/story-width}} + 40px);\\n  padding: 10px 20px;\\n  margin: 0 auto;\\n}\\n\\n.nc-bar.nc-bottombar {\\n  position: fixed;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  /* The z-index needs to be above the z-index used in tiddlers in zoomin view */\\n  z-index: 501;\\n}\\n\\n.nc-bar .left svg {\\n  fill: \u003C\u003Ccolour sidebar-controls-foreground>>;\\n}\\n\\n.nc-bar input[type=\\\"search\\\"] {\\n  width: 200px;\\n  padding: .6em 1em;\\n  margin-top: -.2em;\\n  background: \u003C\u003Ccolour sidebar-button-foreground>>44;\\n  color: \u003C\u003Ccolour foreground>>cc;\\n  transition: all ease-in .2s;\\n  border: 1px solid transparent;\\n  outline: 0;\\n}\\n\\n.nc-bar input[type=\\\"search\\\"]:focus {\\n  width: 300px;\\n  background: \u003C\u003Ccolour tiddler-background>>;\\n  color: \u003C\u003Ccolour foreground>>;\\n  border: 1px solid \u003C\u003Ccolour primary>>;\\n  box-shadow: 0 0 .2rem 0 \u003C\u003Ccolour primary>>;\\n}\\n\\ninput[type=\\\"search\\\"]::-webkit-search-cancel-button {\\n  -webkit-appearance: auto;\\n}\\n\\n.nc-bar .tc-block-dropdown.tc-search-drop-down {\\n  margin-left: 0;\\n  width: 400px;\\n  border: 0;\\n  box-shadow: 0 0 6px 0 rgba(0,0,0,.2);\\n  border-radius: 6px;\\n  padding: 20px 0;\\n}\\n\\n.nc-bar p {\\n  margin: 0;\\n}\\n\\n.nc-bar .tc-page-controls {\\n  margin-top: 0;\\n}\\n\\n.nc-bar .tc-page-controls button {\\n  margin-right: .8em;\\n}\\n\\n.nc-bar .tc-page-controls button .tc-btn-text {\\n  font-size: 14px;\\n}\\n\\n.nc-bar .tc-block-dropdown {\\n  max-height: 70vh;\\n  overflow: auto;\\n}\\n\\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .nc-topbar {\\n    display: none;\\n  }\\n\\n  .tc-story-river {\\n    padding: 0 !important;\\n    margin-top: 0 !important;\\n    margin-bottom: 60px !important;\\n  }\\n\\n  div.tc-tiddler-frame {\\n    margin: 0;\\n    box-shadow: none;\\n    border-radius: 0;\\n    border-top: 0;\\n  }\\n}\\n\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .nc-bottombar {\\n    display: none;\\n  }\\n}\\n\\n@media(max-width: 1100px) {\\n  .nc-bar input[type=\\\"search\\\"] {\\n    width: 200px;\\n  }\\n}\\n\\n/* Sidebar */\\n\\n@keyframes sidebar-appear {\\n  0%   {\\n    left: -{{$:/themes/nico/notebook/metrics/sidebar-width}};\\n  }\\n  100% {\\n    left: 0;\\n  }\\n}\\n\\n\u003C\u003Cif-sidebar \\\"\\\"\\\"\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .nc-sidebar {\\n    animation: sidebar-appear .14s;\\n    padding-top: 10px;\\n  }\\n}\\n\\\"\\\"\\\">>\\n\\n.nc-sidebar {\\n  background: \u003C\u003Ccolour tiddler-background>>;\\n  border-right: 1px solid \u003C\u003Ccolour tiddler-border>>;\\n  width: {{$:/themes/nico/notebook/metrics/sidebar-width}};\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n  z-index: 100;\\n}\\n\\n.nc-sidebar .segment {\\n  border-bottom: 1px solid rgba(0,0,0,.1);\\n}\\n\\n.nc-sidebar ol {\\n  margin: 0;\\n  padding: 0;\\n  list-style: none;\\n  line-height: 1.8em;\\n}\\n\\n.nc-sidebar ol ol {\\n  padding-left: 18px;\\n}\\n\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .mobile-only {\\n    display: none;\\n  }\\n}\\n\\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .desktop-only {\\n    display: none;\\n  }\\n}\\n\\n.nc-sidebar h1.tc-site-title {\\n  margin: 0;\\n}\\n\\n.nc-sidebar p {\\n  margin: 6px 0;\\n}\\n\\n.nc-sidebar .tc-site-subtitle {\\n  color: \u003C\u003Ccolour site-title-foreground>>;\\n}\\n\\n.nc-sidebar .section .label {\\n  padding: 2px 0;\\n  color: \u003C\u003Ccolour site-title-foreground>>;\\n  fill: \u003C\u003Ccolour site-title-foreground>>;\\n  font-weight: bold;\\n  line-height: 1.6em;\\n  display: block;\\n  width: 100%;\\n  text-align: left;\\n  padding: 8px 15px;\\n  border-radius: 0;\\n}\\n\\n.nc-sidebar .section:not(.open) .label:hover {\\n  background: rgba(0,0,0,.06);\\n}\\n\\n.nc-sidebar .section.open .label {\\n  color: \u003C\u003Ccolour tiddler-background>>;\\n  fill: \u003C\u003Ccolour tiddler-background>>;\\n  background: \u003C\u003Ccolour primary>>;\\n  border-bottom: 1px solid rgba(0,0,0,.1);\\n}\\n\\n.nc-sidebar .section .label .caret {\\n  display: inline-block;\\n  width: 15px;\\n  float: right;\\n}\\n\\n.nc-sidebar .content {\\n  padding: 6px 15px;\\n  font-size: 1em;\\n}\\n\\n.nc-sidebar .tc-tiddlylink {\\n  color: \u003C\u003Ccolour primary>>;\\n}\\n\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .nc-sidebar {\\n    position: fixed;\\n    left: 0;\\n    top:  0;\\n    bottom: 0;\\n  }\\n}\\n\\n\u003C\u003Cif-sidebar \\\"\\\"\\\"\\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  @keyframes sidebar-slide {\\n    0%   {\\n      left: -100vw;\\n    }\\n    100% {\\n      left: 0;\\n    }\\n  }\\n  .nc-sidebar {\\n    overflow: auto;\\n    position: fixed;\\n    width: 100%;\\n    left: 0;\\n    top: 0;\\n    bottom: 48px;\\n    z-index: 3000;\\n    animation: sidebar-slide ease-in .2s;\\n    animation-fill-mode: forwards;\\n  }\\n}\\n\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .tc-page-container {\\n    margin-left: {{$:/themes/nico/notebook/metrics/sidebar-width}} !important;\\n  }\\n\\n  .nc-topbar-wrapper {\\n    left: {{$:/themes/nico/notebook/metrics/sidebar-width}};\\n  }\\n}\\n\\\"\\\"\\\">>\\n\\n/* Animate the hamburger button */\\n\\n@keyframes menu-bars-1 {\\n  0%   {}\\n  100% {\\n    transform: rotate(-45deg) translateY(-10px) translateX(-6px);\\n    fill: \u003C\u003Ccolour foreground>>;\\n  }\\n}\\n\\n@keyframes menu-bars-2 {\\n  0%   {}\\n  100% { opacity: 0; }\\n}\\n\\n@keyframes menu-bars-3 {\\n  0%   {}\\n  100% {\\n    transform: rotate(45deg) translateY(6px) translateX(2px);\\n    fill: \u003C\u003Ccolour foreground>>;\\n  }\\n}\\n\\n.sidebar-toggle {\\n  /* position: fixed; */\\n  /* top: 6px; */\\n  /* left: 6px; */\\n  /* z-index: 600; */\\n  /* padding: 4px; */\\n  /* border-radius: 8px; */\\n  margin-right: 10px;\\n  transition: all ease-in-out .2s;\\n  fill: \u003C\u003Ccolour sidebar-controls-foreground>>;\\n}\\n\\n.sidebar-toggle:hover,\\n.sidebar-toggle.open {\\n  fill: \u003C\u003Ccolour sidebar-controls-foreground-hover>>;\\n}\\n\\n/* @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { */\\n/*   .sidebar-toggle { */\\n/*     top: auto; */\\n/*     bottom: 10px; */\\n/*     left: 10px; */\\n/*   } */\\n/* } */\\n\\n.sidebar-toggle .bars .bar {\\n    transform: rotate(0) translateY(0) translateX(0);\\n    opacity: 1;\\n    transform-origin: 20px 10px;\\n    transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out, fill .4s ease-in-out;\\n}\\n\\n.sidebar-toggle .bars .bar:nth-of-type(3) {\\n    transform-origin: 20px 20px;\\n}\\n\\n.sidebar-toggle.open .bars .bar:nth-of-type(1) {\\n  animation: menu-bars-1 .6s;\\n  animation-fill-mode: forwards;\\n}\\n.sidebar-toggle.open .bars .bar:nth-of-type(2) {\\n  animation: menu-bars-2 .6s;\\n  animation-fill-mode: forwards;\\n}\\n.sidebar-toggle.open .bars .bar:nth-of-type(3) {\\n  animation: menu-bars-3 .6s;\\n  animation-fill-mode: forwards;\\n}\\n\\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  div.tc-tiddler-frame {\\n    padding: 14px;\\n  }\\n}\\n\\n/* Inputs */\\n\\ninput, textarea {\\n  transition: border .14s ease-in-out;\\n  background: \u003C\u003Ccolour tiddler-editor-background>>;\\n  border: 1px solid \u003C\u003Ccolour tiddler-editor-border>>;\\n  padding: .5em;\\n  border-radius: 4px;\\n}\\n\\ninput:focus, textarea:focus {\\n  box-shadow: 0 0 0.2rem 0 \u003C\u003Ccolour primary>>;\\n  outline: 0;\\n  border-color: \u003C\u003Ccolour primary>>;\\n}\\n\\nbutton {\\n  border-radius: 1.5em;\\n  border: 1px solid #ccc;\\n  background: \u003C\u003Ccolour tiddler-background>>;\\n  padding: .3em 1em;\\n  cursor: pointer;\\n  transition: box-shadow ease-in .1s;\\n  color: \u003C\u003Ccolor foreground>>;\\n}\\n\\nbutton:focus, button:active {\\n  outline: 0 none;\\n}\\n\\nbutton.tc-btn-invisible {\\n  border-radius: 0;\\n}\\n\\n.tc-editor-toolbar button,\\n.tc-editor-toolbar button.tc-btn-invisible {\\n  border-radius: 3px;\\n  background: \u003C\u003Ccolour tiddler-editor-background>>;\\n  color: \u003C\u003Ccolour foreground>>;\\n  fill: \u003C\u003Ccolour foreground>>;\\n  border: 1px solid \u003C\u003Ccolour tiddler-editor-border>>;\\n}\\n\\n.tc-editor-toolbar button:hover,\\n.tc-editor-toolbar button:active {\\n  border-color: \u003C\u003Ccolour primary>>;\\n  background: \u003C\u003Ccolour primary>>;\\n  color: \u003C\u003Ccolour background>>;\\n  fill: \u003C\u003Ccolour background>>;\\n}\\n\\n.tc-tiddler-frame input.tc-edit-texteditor,\\n.tc-tiddler-frame textarea.tc-edit-texteditor,\\n.tc-tiddler-frame iframe.tc-edit-texteditor {\\n  transition: border .14s ease-in-out;\\n  border: 1px solid \u003C\u003Ccolour tiddler-editor-border>>;\\n  background: \u003C\u003Ccolour tiddler-editor-background>>;\\n  padding: 4px;\\n  border-radius: 4px;\\n}\\n\\n.tc-tiddler-frame input.tc-edit-texteditor:focus,\\n.tc-tiddler-frame textarea.tc-edit-texteditor:focus,\\n.tc-tiddler-frame iframe.tc-edit-texteditor:focus {\\n  box-shadow: 0 0 0.2rem 0 \u003C\u003Ccolour primary>>;\\n  outline: 0;\\n  border-color: \u003C\u003Ccolour primary>>;\\n}\\n\\n.tc-tiddler-controls .tc-btn-text {\\n    font-size: 16px;\\n}\\n\\n\u003C\u003Cif-reveal-tiddler-controls-on-hover \\\"\\\"\\\"\\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .tc-tiddler-frame .tc-tiddler-controls svg {\\n    opacity: 0;\\n    transition: all .2s ease-in;\\n  }\\n\\n  .tc-tiddler-controls svg.tc-image-close-button,\\n  .tc-tiddler-controls .py-toggle-todo-button svg,\\n  .tc-tiddler-controls svg.tc-image-done-button,\\n  .tc-tiddler-frame .tc-tiddler-controls:hover svg {\\n    opacity: 1;\\n  }\\n\\n  .tc-tiddler-controls .py-toggle-todo-button .done svg {\\n    fill: #2da562;\\n  }\\n}\\n\\\"\\\"\\\">>\\n\\nbutton.tc-tag-label, span.tc-tag-label {\\n  padding: 0.3em 1em !important;\\n}\\n\\n/* Fonts */\\n\\nhtml, body {\\n  font-family: {{$:/themes/nico/notebook/settings/fontfamily}};\\n}\\n\\n.tc-tiddler-frame input.tc-edit-texteditor,\\n.tc-tiddler-frame textarea.tc-edit-texteditor,\\n.tc-tiddler-frame iframe.tc-edit-texteditor {\\n  font-family: {{$:/themes/nico/notebook/settings/editorfontfamily}};\\n}\\n\\npre, code {\\n  font-family: {{$:/themes/nico/notebook/settings/codefontfamily}};\\n}\\n\\n.tc-titlebar, .tc-site-title {\\n  font-size: 28px !important;\\n  line-height: 34px !important;\\n  font-weight: 600 !important;\\n  letter-spacing: -0.5px !important;\\n}\\n\\nh1, h2, h3, h4, h5, h6 {\\n  font-weight: 600;\\n}\\n\\n.tc-tiddler-body h1,\\n.tc-tiddler-body h2,\\n.tc-tiddler-preview-preview h1,\\n.tc-tiddler-preview-preview h2 {\\n  font-weight: bold;\\n}\\n\\ndiv.tc-tiddler-frame .tc-tiddler-body {\\n  font-size: {{$:/themes/nico/notebook/metrics/bodyfontsize}};\\n  line-height: {{$:/themes/nico/notebook/metrics/bodylineheight}};\\n}\\n\\n/* Tabs */\\n\\ndiv.tc-tab-buttons {\\n  margin-bottom: -4px;\\n}\\n\\ndiv.tc-tab-buttons button {\\n  font-weight: bold;\\n  font-size: 1.2em;\\n  line-height: 1em;\\n  padding: .6em .8em .4em .8em;\\n  border: 0;\\n  border-radius: 0;\\n  background: transparent;\\n  cursor: pointer;\\n  transition: background ease-in .2s;\\n}\\n\\ndiv.tc-tab-buttons button:hover {\\n  background: rgba(0,0,0,.03);\\n}\\n\\ndiv.tc-tab-buttons button.tc-tab-selected {\\n  border: 0;\\n  background: transparent;\\n  border-bottom: 4px solid \u003C\u003Ccolour primary>>;\\n}\\n\\n/* Dropdowns */\\n\\n@keyframes pop {\\n  0% {\\n    transform: scale(0.8);\\n    opacity: 0;\\n  }\\n\\n  80% {\\n    transform: scale(1.03);\\n    opacity: 1;\\n  }\\n\\n  100% {\\n    transform: scale(1);\\n    opacity: 1;\\n  }\\n}\\n\\n.tc-drop-down {\\n  box-shadow: 0 0 10px rgba(0,0,0,.2);\\n  border-radius: 6px;\\n  padding: 10px 0 !important;\\n  animation: pop .15s ease-in forwards;\\n}\\n\\n.tc-drop-down a, .tc-drop-down button {\\n  padding: 3px 15px !important;\\n}\\n\\n.tc-search-results {\\n  line-height: 2em;\\n}\\n\\n.tc-search-results em {\\n  font-weight: bold;\\n  font-style: normal;\\n}\\n\\n/* Draft list */\\n\\n.tc-drafts-list {\\n  font-size: .9em;\\n  left: auto;\\n  right: 0;\\n}\\n\\n.tc-drafts-list a {\\n  padding: 6px 12px;\\n  font-weight: bold;\\n  border-top-left-radius: 6px;\\n  border-top-right-radius: 6px;\\n  display: inline-block;\\n}\\n\\n.nc-refs {\\n  color: #888;\\n  font-size: .9em;\\n}\\n\\n.nc-refs h4 {\\n  margin-bottom: 4px;\\n}\\n\\n.nc-post-created {\\n  color: #acacac;\\n  font-size: .8em;\\n}\\n\"\n        },\n        \"$:/themes/nico/notebook/changelog\": {\n            \"title\": \"$:/themes/nico/notebook/changelog\",\n            \"caption\": \"ChangeLog\",\n            \"created\": \"20201217180707912\",\n            \"modified\": \"20210202214001915\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"! 1.4.1\\n\\n!! Fixes\\n\\n* Fix the transclusion mode of sidebar sections\\n* Fix section title rendering for tiddlers without a caption field\\n* Fix the colour of links in the sidebar when using Notebook palettes with Vanilla\\n\\n! 1.4.0\\n\\n!! Features\\n\\n* New redesigned topbar layout\\n* Add a configuration setting for the story width\\n* Add support for keyboard navigation in the search dropdown\\n\\n! 1.3.6\\n\\n!! Improvements\\n\\n* Improve the style of tabs\\n* New animation for drop-downs\\n* Use a lighter page background colour in the beige palette\\n\\n!! Fixes\\n\\n* Fix the default ctrl+shift+F shortcut for focusing the search input\\n\\n! 1.3.5\\n\\n!! Features\\n\\n* Add an option to reveal tiddler controls on mouseover\\n\\n! 1.3.4\\n\\n!! Improvements\\n\\n* Add a keyboard shortcut (alt+shift+s) to toggle Notebook sidebar\\n* Add missing colours to tiddler editor fields in the dark palette\\n\\n!! Fixes\\n\\n* Fix the size of toolbar button labels when the $:/config/Toolbar/Text is set to yes\\n\\n! 1.3.3\\n\\n!! Improvements\\n\\n* Make the sidebar more generic by using the default sidebar sections\\n\\n! 1.3.2\\n\\n!! Improvements\\n\\n* Add colours for messages in the dark palette\\n* Add colours for notification in the dark palette\\n* Set colours for messages in the beige palette\\n\\n! 1.3.1\\n\\n!! Features\\n\\n* New font family settings distinct from the Vanilla theme\\n\\n!! Improvements\\n\\n* Use a slightly lighter colour as the search input background\\n* Improve contrast of sidebar buttons in the dark palette\\n\\n!! Fixes\\n\\n* Fix tiddler control button colours in all three palettes\\n* Fix tab colours in palette-dark\\n\\n! 1.3.0\\n\\n!! Improvements\\n\\n* New dark colour palette\\n* Use a darker color for tiddler subtitles\\n* Add back the WebKit search cancel button in search inputs\\n\\n!! Fixes\\n\\n* Fix the z-index of the topbar for the zoomin story view\\n* Fix the font weight of tiddler titles in edit mode\\n\\n! 1.2.0\\n\\n!! Improvements\\n\\n* Better support for dark colour palettes\\n\\n!! Fixes\\n\\n* Fix rendering of overflowing/wrapping text in the sidebar\\n\\n! 1.1.0\\n\\n!! Features\\n\\n* New theme tweaks tab dedicated to Notebook in the control panel\\n* Inputs in the edit template are now styled consistently with other inputs\\n\\n!! Fixes\\n\\n* Fixes the position of sticky tiddler titles when the option is turned on\\n\"\n        },\n        \"$:/config/ShortcutInfo/notebook-focus-search\": {\n            \"title\": \"$:/config/ShortcutInfo/notebook-focus-search\",\n            \"text\": \"Focus on the topbar search field\"\n        },\n        \"$:/config/shortcuts/notebook-focus-search\": {\n            \"title\": \"$:/config/shortcuts/notebook-focus-search\",\n            \"text\": \"ctrl+shift+F\"\n        },\n        \"$:/config/Search/AutoFocus\": {\n            \"title\": \"$:/config/Search/AutoFocus\",\n            \"text\": \"false\"\n        },\n        \"$:/config/shortcuts/sidebar-search\": {\n            \"title\": \"$:/config/shortcuts/sidebar-search\",\n            \"text\": \"\"\n        },\n        \"$:/themes/nico/notebook/images/bars\": {\n            \"title\": \"$:/themes/nico/notebook/images/bars\",\n            \"created\": \"20200428212322206\",\n            \"modified\": \"20201210210231235\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Csvg class=\\\"bars\\\" height=\\\"21pt\\\" viewBox=\\\"0 0 42 42\\\" enable-background=\\\"new 0 0 32 22.5\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n  \u003Cg class=\\\"svg-menu-toggle\\\" sketch:type=\\\"MSLayerGroup\\\">\\n    \u003Crect class=\\\"bar\\\" x=\\\"8\\\" y=\\\"28\\\" width=\\\"26\\\" height=\\\"4\\\">\u003C/rect>\\n    \u003Crect class=\\\"bar\\\" x=\\\"8\\\" y=\\\"19\\\" width=\\\"26\\\" height=\\\"4\\\">\u003C/rect>\\n    \u003Crect class=\\\"bar\\\" x=\\\"8\\\" y=\\\"10\\\" width=\\\"26\\\" height=\\\"4\\\">\u003C/rect>\\n  \u003C/g>\\n\u003C/svg>\\n\"\n        },\n        \"$:/themes/nico/notebook/images/caret-down\": {\n            \"title\": \"$:/themes/nico/notebook/images/caret-down\",\n            \"created\": \"20200429194348688\",\n            \"modified\": \"20201210210230919\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Csvg width=\\\"6pt\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 320 512\\\">\u003Cpath d=\\\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\\"/>\u003C/svg>\\n\"\n        },\n        \"$:/themes/nico/notebook/images/caret-right\": {\n            \"title\": \"$:/themes/nico/notebook/images/caret-right\",\n            \"created\": \"20200429194305719\",\n            \"modified\": \"20201210210230909\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Csvg width=\\\"4pt\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 192 512\\\">\u003Cpath d=\\\"M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z\\\"/>\u003C/svg>\\n\"\n        },\n        \"$:/themes/nico/notebook/images/color-switch\": {\n            \"title\": \"$:/themes/nico/notebook/images/color-switch\",\n            \"created\": \"20201210170859810\",\n            \"creator\": \"nico\",\n            \"modified\": \"20201210205606403\",\n            \"modifier\": \"nico\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Csvg width=\\\"20px\\\" height=\\\"20px\\\" viewBox=\\\"0 0 16 16\\\" class=\\\"bi bi-circle-half\\\" fill=\\\"currentColor\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n  \u003Cpath fill-rule=\\\"evenodd\\\" d=\\\"M8 15V1a7 7 0 1 1 0 14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z\\\"/>\\n\u003C/svg\\n\"\n        },\n        \"$:/themes/nico/notebook/metrics/bodyfontsize\": {\n            \"title\": \"$:/themes/nico/notebook/metrics/bodyfontsize\",\n            \"created\": \"20200428203454207\",\n            \"modified\": \"20201210205606363\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"15px\\n\"\n        },\n        \"$:/themes/nico/notebook/metrics/bodylineheight\": {\n            \"title\": \"$:/themes/nico/notebook/metrics/bodylineheight\",\n            \"created\": \"20200428203454207\",\n            \"modified\": \"20201210205606363\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"22px\"\n        },\n        \"$:/themes/nico/notebook/metrics/sidebar-width\": {\n            \"title\": \"$:/themes/nico/notebook/metrics/sidebar-width\",\n            \"created\": \"20200429144554294\",\n            \"modified\": \"20201210210231246\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"350px\\n\"\n        },\n        \"$:/themes/nico/notebook/metrics/story-width\": {\n            \"title\": \"$:/themes/nico/notebook/metrics/story-width\",\n            \"created\": \"20210123210054185\",\n            \"modified\": \"20210123211911688\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"800px\\n\"\n        },\n        \"$:/themes/nico/notebook/metrics/topbar-height\": {\n            \"title\": \"$:/themes/nico/notebook/metrics/topbar-height\",\n            \"created\": \"20200428203454207\",\n            \"modified\": \"20201210205606363\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"52px\\n\"\n        },\n        \"$:/themes/nico/notebook/options/stickytitles\": {\n            \"title\": \"$:/themes/nico/notebook/options/stickytitles\",\n            \"text\": \"no\"\n        },\n        \"$:/themes/nico/notebook/options/codewrapping\": {\n            \"title\": \"$:/themes/nico/notebook/options/codewrapping\",\n            \"text\": \"pre-wrap\"\n        },\n        \"$:/themes/nico/notebook/options/reveal-tiddler-controls-on-hover\": {\n            \"title\": \"$:/themes/nico/notebook/options/reveal-tiddler-controls-on-hover\",\n            \"text\": \"no\"\n        },\n        \"$:/core/ui/PageTemplate/sidebar\": {\n            \"title\": \"$:/core/ui/PageTemplate/sidebar\",\n            \"created\": \"20200430072116835\",\n            \"modified\": \"20201217174129501\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\whitespace trim\\n\\\\define config-title()\\n$:/config/SideBarSegments/Visibility/$(listItem)$\\n\\\\end\\n\\nOverwritten by $:/themes/nico/notebook so that the default sidebar does not get rendered.\\n\"\n        },\n        \"$:/themes/tiddlywiki/vanilla/themetweaks\": {\n            \"title\": \"$:/themes/tiddlywiki/vanilla/themetweaks\",\n            \"caption\": \"{{$:/language/ThemeTweaks/ThemeTweaks}}\",\n            \"created\": \"20201217163834291\",\n            \"modified\": \"20201217163914434\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"Overwritten by $:/themes/nico/notebook so that the Vanilla theme tweaks do not appear in the control panel. \"\n        },\n        \"$:/themes/nico/notebook/palettes/palette-beige\": {\n            \"title\": \"$:/themes/nico/notebook/palettes/palette-beige\",\n            \"text\": \"alert-background: #ffe476\\nalert-border: #b99e2f\\nalert-highlight: #881122\\nalert-muted-foreground: #b99e2f\\nbackground: #ffffff\\nblockquote-bar: \u003C\u003Ccolour muted-foreground>>\\nbutton-background:\\nbutton-foreground:\\nbutton-border:\\ncode-background: #f7f7f9\\ncode-border: #e1e1e8\\ncode-foreground: #dd1144\\ndirty-indicator: #c63636\\ndownload-background: #66cccc\\ndownload-foreground: \u003C\u003Ccolour background>>\\ndragger-background: \u003C\u003Ccolour foreground>>\\ndragger-foreground: \u003C\u003Ccolour background>>\\ndropdown-background: \u003C\u003Ccolour background>>\\ndropdown-border: #ddd\\ndropdown-tab-background-selected: #fff\\ndropdown-tab-background: #ececec\\ndropzone-background: #da8548\\nexternal-link-background-hover: inherit\\nexternal-link-background-visited: inherit\\nexternal-link-background: inherit\\nexternal-link-foreground-hover: inherit\\nexternal-link-foreground-visited: #0000aa\\nexternal-link-foreground: #0000ee\\nforeground: #3F3B3B\\nmessage-background: #e6f5e8\\nmessage-border: #2b5532\\nmessage-foreground: #2b5532\\nmodal-backdrop: \u003C\u003Ccolour foreground>>\\nmodal-background: \u003C\u003Ccolour background>>\\nmodal-border: #999999\\nmodal-footer-background: #f5f5f5\\nmodal-footer-border: #dddddd\\nmodal-header-border: #eeeeee\\nmuted-foreground: #999999\\nnotification-background: #ffffdd\\nnotification-border: #999999\\npage-background: #f5f5ee\\npre-background: #f6f6f6\\npre-border: #cccccc\\nprimary: #7f4bca\\nselect-tag-background:\\nselect-tag-foreground:\\nsidebar-button-foreground: #a6a69c\\nsidebar-controls-foreground-hover: #000000\\nsidebar-controls-foreground: \u003C\u003Ccolour sidebar-button-foreground>>\\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\\nsidebar-foreground: #acacac\\nsidebar-muted-foreground-hover: #444444\\nsidebar-muted-foreground: #c0c0c0\\nsidebar-tab-background-selected: #ffffff\\nsidebar-tab-background: \u003C\u003Ccolour tab-background>>\\nsidebar-tab-border-selected: \u003C\u003Ccolour tab-border-selected>>\\nsidebar-tab-border: \u003C\u003Ccolour tab-border>>\\nsidebar-tab-divider: \u003C\u003Ccolour tab-divider>>\\nsidebar-tab-foreground-selected: \u003C\u003Ccolour tab-foreground-selected>>\\nsidebar-tab-foreground: \u003C\u003Ccolour tab-foreground>>\\nsidebar-tiddler-link-foreground-hover: \u003C\u003Ccolour primary>>\\nsidebar-tiddler-link-foreground: \u003C\u003Ccolour tab-foreground>>\\nsite-title-foreground: #353748\\nstatic-alert-foreground: #aaaaaa\\ntab-background-selected: #ffffff\\ntab-background: #eeeeee\\ntab-border-selected: #cccccc\\ntab-border: #cccccc\\ntab-divider: #d8d8d8\\ntab-foreground-selected: \u003C\u003Ccolour foreground>>\\ntab-foreground: #888888\\ntable-border: #dddddd\\ntable-footer-background: #a8a8a8\\ntable-header-background: #f0f0f0\\ntag-background: #ffeedd\\ntag-foreground: #000\\ntiddler-background: \u003C\u003Ccolour background>>\\ntiddler-border: #dbdbc7;\\ntiddler-controls-foreground-hover: #888888;\\ntiddler-controls-foreground-selected: #888888;\\ntiddler-controls-foreground: #cccccc\\ntiddler-editor-background: \u003C\u003Ccolour background>>\\ntiddler-editor-border-image: #ffffff\\ntiddler-editor-border: rgba(0,0,0,.2)\\ntiddler-editor-fields-even: #e0e8e0\\ntiddler-editor-fields-odd: #f0f4f0\\ntiddler-info-background: #f8f8f8\\ntiddler-info-border: #dddddd\\ntiddler-info-tab-background: #f8f8f8\\ntiddler-link-background: \u003C\u003Ccolour background>>\\ntiddler-link-foreground: \u003C\u003Ccolour primary>>\\ntiddler-subtitle-foreground: #aaaaaa\\ntiddler-title-foreground: #333\\ntoolbar-new-button:\\ntoolbar-options-button:\\ntoolbar-save-button:\\ntoolbar-info-button:\\ntoolbar-edit-button:\\ntoolbar-close-button:\\ntoolbar-delete-button:\\ntoolbar-cancel-button:\\ntoolbar-done-button:\\nuntagged-background: #999999\\nvery-muted-foreground: #888888\\n\",\n            \"type\": \"application/x-tiddler-dictionary\",\n            \"description\": \"A beige colour palette for Notebook\",\n            \"name\": \"Notebook Beige\",\n            \"tags\": \"$:/tags/Palette $:/tags/notebook/Palette\"\n        },\n        \"$:/themes/nico/notebook/palettes/palette-dark\": {\n            \"title\": \"$:/themes/nico/notebook/palettes/palette-dark\",\n            \"text\": \"alert-background: #643b43\\nalert-border: #3f181f\\nalert-highlight: #881122\\nalert-muted-foreground: #bc8b94\\nbackground: #383e49\\nblockquote-bar: \u003C\u003Ccolour muted-foreground>>\\nbutton-background:\\nbutton-border:\\nbutton-foreground:\\ncode-background: #2c323b\\ncode-border: #111\\ncode-foreground: #dd1144\\ndirty-indicator: #c63636\\ndownload-background: #98be65\\ndownload-foreground: \u003C\u003Ccolour background>>\\ndragger-background: \u003C\u003Ccolour foreground>>\\ndragger-foreground: \u003C\u003Ccolour background>>\\ndropdown-background: \u003C\u003Ccolour background>>\\ndropdown-border: #111\\ndropdown-tab-background-selected: #fff\\ndropdown-tab-background: #ececec\\ndropzone-background: #da8548\\nexternal-link-background-hover: inherit\\nexternal-link-background-visited: inherit\\nexternal-link-background: inherit\\nexternal-link-foreground-hover: inherit\\nexternal-link-foreground-visited: #61afef\\nexternal-link-foreground: #c678dd\\nforeground: #c8ced8\\nmessage-background: #2c323e\\nmessage-border: #111\\nmessage-foreground: #d5e2f1\\nmodal-backdrop: \u003C\u003Ccolour foreground>>\\nmodal-background: \u003C\u003Ccolour background>>\\nmodal-border: #999999\\nmodal-footer-background: #f5f5f5\\nmodal-footer-border: #dddddd\\nmodal-header-border: #eeeeee\\nmuted-foreground: #999999\\nnotification-background: #3a5e39\\nnotification-border: #192c19\\npage-background: #262b33\\npre-background: \u003C\u003Ccolour page-background>>\\npre-border: \u003C\u003Ccolour tiddler-border>>\\nprimary: #bf93ff\\nselect-tag-background:\\nselect-tag-foreground:\\nsidebar-button-foreground: #5e646f\\nsidebar-controls-foreground-hover: #cad2e5\\nsidebar-controls-foreground: \u003C\u003Ccolour sidebar-button-foreground>>\\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\\nsidebar-foreground: #cad2e5\\nsidebar-muted-foreground-hover: #444444\\nsidebar-muted-foreground: #c0c0c0\\nsidebar-tab-background-selected: \u003C\u003Ccolour tab-background-selected>>\\nsidebar-tab-background: \u003C\u003Ccolour tab-background>>\\nsidebar-tab-border-selected: \u003C\u003Ccolour tab-border-selected>>\\nsidebar-tab-border: \u003C\u003Ccolour tab-border>>\\nsidebar-tab-divider: \u003C\u003Ccolour tab-divider>>\\nsidebar-tab-foreground-selected: \u003C\u003Ccolour tab-foreground-selected>>\\nsidebar-tab-foreground: \u003C\u003Ccolour tab-foreground>>\\nsidebar-tiddler-link-foreground-hover: \u003C\u003Ccolour primary>>\\nsidebar-tiddler-link-foreground: \u003C\u003Ccolour tab-foreground>>\\nsite-title-foreground: \u003C\u003Ccolour foreground>>\\nstatic-alert-foreground: #aaaaaa\\ntab-background-selected: \u003C\u003Ccolour background>>\\ntab-background: \u003C\u003Ccolour page-background>>\\ntab-border-selected: \u003C\u003Ccolour foreground>>\\ntab-border: #cad2e5\\ntab-divider: #cad2e5\\ntab-foreground-selected: #ecf2ff\\ntab-foreground: #cad2e5\\ntable-border: #aaaaaa\\ntable-footer-background: #a8a8a8\\ntable-header-background: #262b33\\ntag-background: #fcb671\\ntag-foreground: #000\\ntiddler-background: \u003C\u003Ccolour background>>\\ntiddler-border: #111\\ntiddler-controls-foreground-hover: #cad2e5\\ntiddler-controls-foreground-selected: #cad2e5\\ntiddler-controls-foreground: #5e646f\\ntiddler-editor-background: \u003C\u003Ccolour background>>\\ntiddler-editor-border-image: #ffffff\\ntiddler-editor-border: rgba(255, 255, 255, 0.3)\\ntiddler-editor-fields-even: \u003C\u003Ccolour background>>\\ntiddler-editor-fields-odd: #2c323b\\ntiddler-info-background: #f8f8f8\\ntiddler-info-border: #dddddd\\ntiddler-info-tab-background: #f8f8f8\\ntiddler-link-background: \u003C\u003Ccolour background>>\\ntiddler-link-foreground: \u003C\u003Ccolour primary>>\\ntiddler-subtitle-foreground: #aaaaaa\\ntiddler-title-foreground: \u003C\u003Ccolour foreground>>\\ntoolbar-cancel-button:\\ntoolbar-close-button:\\ntoolbar-delete-button:\\ntoolbar-done-button:\\ntoolbar-edit-button:\\ntoolbar-info-button:\\ntoolbar-new-button:\\ntoolbar-options-button:\\ntoolbar-save-button:\\nuntagged-background: #999999\\nvery-muted-foreground: #888888\\n\",\n            \"type\": \"application/x-tiddler-dictionary\",\n            \"description\": \"A dark colour palette for Notebook\",\n            \"name\": \"Notebook Dark\",\n            \"tags\": \"$:/tags/Palette $:/tags/notebook/Palette\"\n        },\n        \"$:/themes/nico/notebook/palettes/palette-grey\": {\n            \"title\": \"$:/themes/nico/notebook/palettes/palette-grey\",\n            \"text\": \"alert-background: #ffe476\\nalert-border: #b99e2f\\nalert-highlight: #881122\\nalert-muted-foreground: #b99e2f\\nbackground: #ffffff\\nblockquote-bar: \u003C\u003Ccolour muted-foreground>>\\nbutton-background:\\nbutton-foreground:\\nbutton-border:\\ncode-background: #f7f7f9\\ncode-border: #e1e1e8\\ncode-foreground: #dd1144\\ndirty-indicator: #c63636\\ndownload-background: #66cccc\\ndownload-foreground: \u003C\u003Ccolour background>>\\ndragger-background: \u003C\u003Ccolour foreground>>\\ndragger-foreground: \u003C\u003Ccolour background>>\\ndropdown-background: \u003C\u003Ccolour background>>\\ndropdown-border: #ddd\\ndropdown-tab-background-selected: #fff\\ndropdown-tab-background: #ececec\\ndropzone-background: #da8548\\nexternal-link-background-hover: inherit\\nexternal-link-background-visited: inherit\\nexternal-link-background: inherit\\nexternal-link-foreground-hover: inherit\\nexternal-link-foreground-visited: #0000aa\\nexternal-link-foreground: #0000ee\\nforeground: #283c46\\nmessage-background: #ecf2ff\\nmessage-border: #cfd6e6\\nmessage-foreground: #547599\\nmodal-backdrop: \u003C\u003Ccolour foreground>>\\nmodal-background: \u003C\u003Ccolour background>>\\nmodal-border: #999999\\nmodal-footer-background: #f5f5f5\\nmodal-footer-border: #dddddd\\nmodal-header-border: #eeeeee\\nmuted-foreground: #999999\\nnotification-background: #ffffdd\\nnotification-border: #999999\\npage-background: #f4f4f4\\npre-background: #f6f6f6\\npre-border: #cccccc\\nprimary: #127edd\\nselect-tag-background:\\nselect-tag-foreground:\\nsidebar-button-foreground: #a6a69c\\nsidebar-controls-foreground-hover: #000000\\nsidebar-controls-foreground: \u003C\u003Ccolour sidebar-button-foreground>>\\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\\nsidebar-foreground: #acacac\\nsidebar-muted-foreground-hover: #444444\\nsidebar-muted-foreground: #c0c0c0\\nsidebar-tab-background-selected: #ffffff\\nsidebar-tab-background: \u003C\u003Ccolour tab-background>>\\nsidebar-tab-border-selected: \u003C\u003Ccolour tab-border-selected>>\\nsidebar-tab-border: \u003C\u003Ccolour tab-border>>\\nsidebar-tab-divider: \u003C\u003Ccolour tab-divider>>\\nsidebar-tab-foreground-selected: \u003C\u003Ccolour tab-foreground-selected>>\\nsidebar-tab-foreground: \u003C\u003Ccolour tab-foreground>>\\nsidebar-tiddler-link-foreground-hover: \u003C\u003Ccolour primary>>\\nsidebar-tiddler-link-foreground: \u003C\u003Ccolour tab-foreground>>\\nsite-title-foreground: #353748\\nstatic-alert-foreground: #aaaaaa\\ntab-background-selected: #ffffff\\ntab-background: #eeeeee\\ntab-border-selected: #cccccc\\ntab-border: #cccccc\\ntab-divider: #d8d8d8\\ntab-foreground-selected: \u003C\u003Ccolour foreground>>\\ntab-foreground: #888888\\ntable-border: #dddddd\\ntable-footer-background: #a8a8a8\\ntable-header-background: #f0f0f0\\ntag-background: #ffeedd\\ntag-foreground: #000\\ntiddler-background: \u003C\u003Ccolour background>>\\ntiddler-border: #ddd\\ntiddler-controls-foreground-hover: #888888;\\ntiddler-controls-foreground-selected: #888888;\\ntiddler-controls-foreground: #cccccc\\ntiddler-editor-background: \u003C\u003Ccolour background>>\\ntiddler-editor-border-image: #ffffff\\ntiddler-editor-border: rgba(0,0,0,.2)\\ntiddler-editor-fields-even: #e0e8e0\\ntiddler-editor-fields-odd: #f0f4f0\\ntiddler-info-background: #f8f8f8\\ntiddler-info-border: #dddddd\\ntiddler-info-tab-background: #f8f8f8\\ntiddler-link-background: \u003C\u003Ccolour background>>\\ntiddler-link-foreground: \u003C\u003Ccolour primary>>\\ntiddler-subtitle-foreground: #aaaaaa\\ntiddler-title-foreground: #333\\ntoolbar-new-button:\\ntoolbar-options-button:\\ntoolbar-save-button:\\ntoolbar-info-button:\\ntoolbar-edit-button:\\ntoolbar-close-button:\\ntoolbar-delete-button:\\ntoolbar-cancel-button:\\ntoolbar-done-button:\\nuntagged-background: #999999\\nvery-muted-foreground: #888888\\n\",\n            \"type\": \"application/x-tiddler-dictionary\",\n            \"description\": \"A grey color palette for Notebook\",\n            \"name\": \"Notebook Grey\",\n            \"tags\": \"$:/tags/Palette $:/tags/notebook/Palette\"\n        },\n        \"$:/themes/nico/notebook/settings/codefontfamily\": {\n            \"title\": \"$:/themes/nico/notebook/settings/codefontfamily\",\n            \"created\": \"20210101213404232\",\n            \"modified\": \"20210101214210227\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\"Fira Mono\\\",\\\"Liberation Mono\\\",Menlo,Courier,monospace\\n\"\n        },\n        \"$:/themes/nico/notebook/settings/fontfamily\": {\n            \"title\": \"$:/themes/nico/notebook/settings/fontfamily\",\n            \"created\": \"20210101213404232\",\n            \"modified\": \"20210101213411800\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\"Segoe UI\\\",Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\",\\\"Segoe UI Symbol\\\"\\n\"\n        },\n        \"$:/themes/nico/notebook/shortcuts/notebook-focus-search\": {\n            \"title\": \"$:/themes/nico/notebook/shortcuts/notebook-focus-search\",\n            \"created\": \"20201210122048919\",\n            \"key\": \"((notebook-focus-search))\",\n            \"modified\": \"20210115130024907\",\n            \"tags\": \"$:/tags/KeyboardShortcut\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$action-sendmessage $message=\\\"tm-focus-selector\\\" $param=\\\".nc-topbar input\\\"/>\\n\"\n        },\n        \"$:/themes/nico/notebook/shortcuts/toggle-sidebar\": {\n            \"title\": \"$:/themes/nico/notebook/shortcuts/toggle-sidebar\",\n            \"created\": \"20210115130000707\",\n            \"key\": \"((toggle-sidebar))\",\n            \"modified\": \"20210115130021883\",\n            \"tags\": \"$:/tags/KeyboardShortcut\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$list\\n  filter=\\\"[[$:/state/notebook-sidebar]is[missing]] [{$:/state/notebook-sidebar}removeprefix[yes]]\\\"\\n  emptyMessage=\\\"\\\"\\\"\u003C$action-setfield $tiddler=\\\"$:/state/notebook-sidebar\\\" text=\\\"yes\\\"/>\\\"\\\"\\\"\\n>\\n  \u003C$action-setfield $tiddler=\\\"$:/state/notebook-sidebar\\\" text=\\\"no\\\"/>\\n\u003C/$list>\\n\"\n        },\n        \"$:/themes/nico/notebook/stickytitles\": {\n            \"title\": \"$:/themes/nico/notebook/stickytitles\",\n            \"created\": \"20201217172915960\",\n            \"modified\": \"20201217180034682\",\n            \"tags\": \"$:/tags/Stylesheet\",\n            \"text\": \"\u003C$reveal state=\\\"$:/themes/nico/notebook/options/stickytitles\\\" type=\\\"match\\\" text=\\\"yes\\\">\\n\\n.tc-tiddler-title {\\n  position: -webkit-sticky;\\n  position: -moz-sticky;\\n  position: -o-sticky;\\n  position: -ms-sticky;\\n  position: sticky;\\n  top: {{$:/themes/nico/notebook/metrics/topbar-height}};\\n  background: \u003C\u003Ccolour tiddler-background>>;\\n  z-index: 500;\\n}\\n\\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\\n  .tc-tiddler-title {\\n    top: 0;\\n  }\\n}\\n\\n\u003C$list filter=\\\"[range[100]]\\\">\\n`.tc-story-river .tc-tiddler-frame:nth-child(100n+`\u003C$text text=\u003C\u003CcurrentTiddler>>/>`) {\\nz-index: `\u003C$text text={{{ [[200]subtract\u003CcurrentTiddler>] }}}/>`;\\n}\\n`\\n\u003C/$list>\\n\u003C/$reveal>\\n\"\n        },\n        \"$:/themes/nico/notebook/tags/Sidebar\": {\n            \"title\": \"$:/themes/nico/notebook/tags/Sidebar\",\n            \"created\": \"20200429164516951\",\n            \"list\": \"$:/themes/nico/notebook/ui/Buttons/menu $:/themes/nico/notebook/ui/Sidebar/Headings $:/themes/nico/notebook/ui/Sidebar/Search $:/themes/nico/notebook/Sidebar/Sections\",\n            \"modified\": \"20201210205606504\",\n            \"type\": \"text/vnd.tiddlywiki\"\n        },\n        \"$:/themes/nico/notebook/tags/SidebarSection\": {\n            \"title\": \"$:/themes/nico/notebook/tags/SidebarSection\",\n            \"created\": \"20200429201017275\",\n            \"list\": \"$:/themes/nico/notebook/ui/Sidebar/Open $:/themes/nico/notebook/ui/Sidebar/Recent $:/themes/nico/notebook/ui/Sidebar/Tools $:/themes/nico/notebook/ui/Sidebar/More\",\n            \"modified\": \"20201210215658901\",\n            \"type\": \"text/vnd.tiddlywiki\"\n        },\n        \"$:/themes/nico/notebook/ui/Bottombar\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Bottombar\",\n            \"created\": \"20200429113453340\",\n            \"modified\": \"20201210210230886\",\n            \"tags\": \"$:/tags/PageTemplate\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$reveal state=\\\"$:/state/notebook-bottombar\\\" type=\\\"match\\\" text=\\\"yes\\\" default=\\\"yes\\\" retain=\\\"yes\\\" animate=\\\"yes\\\">\\n  \u003Cdiv class=\\\"nc-bar nc-bottombar\\\">\\n    \u003C$list filter=\\\"[all[shadows+tiddlers]tag[$:/tags/NotebookTopbar]!has[draft.of]]\\\" variable=\\\"listItem\\\">\\n      \u003C$reveal type=\\\"nomatch\\\" state=\u003C\u003Cconfig-title>> text=\\\"hide\\\"  tag=\\\"div\\\">\\n        \u003C$transclude tiddler=\u003C\u003ClistItem>> mode=\\\"block\\\"/>\\n      \u003C/$reveal>\\n    \u003C/$list>\\n    \u003Cdiv class=\\\"left\\\">\\n      {{$:/themes/nico/notebook/ui/Buttons/menu}}\\n    \u003C/div>\\n    \u003Cdiv class=\\\"right\\\">\\n      {{$:/core/ui/SideBarSegments/page-controls}}\\n    \u003C/div>\\n  \u003C/div>\\n\u003C/$reveal>\\n\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Buttons/SwitchPalette\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Buttons/SwitchPalette\",\n            \"created\": \"20201210171047824\",\n            \"description\": \"Toggle between grey/beige colour palette\",\n            \"modified\": \"20210118213335643\",\n            \"tags\": \"$:/tags/PageControls\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Cspan class=\\\"desktop-only\\\">\\n  \u003C$vars\\n    palettes=\\\"[all[tiddlers+shadows]tag[$:/tags/notebook/Palette]]\\\"\\n    popupTiddler=\u003C\u003Cqualify \\\"$:/state/notebook/palette-dropdown\\\">>\\n  >\\n    \u003C$button\\n      popup=\u003C\u003CpopupTiddler>>\\n      tooltip=\\\"Switch colours\\\"\\n      aria-label=\\\"Switch colours\\\"\\n      class=\u003C\u003Ctv-config-toolbar-class>>\\n    >\\n      \u003C$list filter=\\\"[\u003Ctv-config-toolbar-icons>match[yes]]\\\">\\n\\t{{$:/themes/nico/notebook/images/color-switch}}\\n      \u003C/$list>\\n\\n      \u003C$list filter=\\\"[\u003Ctv-config-toolbar-text>match[yes]]\\\">\\n\\t\u003Cspan class=\\\"tc-btn-text\\\">Switch colours\u003C/span>\\n      \u003C/$list>\\n\\n      \u003C$reveal state=\u003C\u003CpopupTiddler>> type=\\\"popup\\\" position=\\\"belowleft\\\" class=\\\"tc-drop-down\\\">\\n\\t\u003C$list filter=\u003C\u003Cpalettes>>>\\n\\t  \u003C$button class=\\\"tc-btn-invisible\\\">\\n\\t    {{!!name}}\\n\\t    \u003C$action-setfield $tiddler=\\\"$:/palette\\\" text={{!!title}}/>\\n\\t  \u003C/$button>\\n\\t\u003C/$list>\\n      \u003C/$reveal>\\n\\n    \u003C/$button>\\n  \u003C/$vars>\\n\u003C/span>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Buttons/menu\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Buttons/menu\",\n            \"created\": \"20200429115248943\",\n            \"modified\": \"20210124211756417\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$reveal state=\\\"$:/state/notebook-sidebar\\\" type=\\\"match\\\" text=\\\"yes\\\" default=\\\"no\\\" retain=\\\"yes\\\" animate=\\\"no\\\">\\n  \u003C$button set=\\\"$:/state/notebook-sidebar\\\" setTo=\\\"no\\\" tooltip=\\\"Toggle menu\\\" class=\\\"tc-btn-invisible sidebar-toggle open\\\">\\n    {{$:/themes/nico/notebook/images/bars}}\\n  \u003C/$button>\\n\u003C/$reveal>\\n\\n\u003C$reveal type=\\\"nomatch\\\" state=\\\"$:/state/notebook-sidebar\\\" text=\\\"yes\\\">\\n  \u003C$button set=\\\"$:/state/notebook-sidebar\\\" setTo=\\\"yes\\\" tooltip=\\\"Toggle menu\\\" class=\\\"tc-btn-invisible sidebar-toggle\\\">\\n    {{$:/themes/nico/notebook/images/bars}}\\n  \u003C/$button>\\n\u003C/$reveal>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Search\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Search\",\n            \"created\": \"20200429191943257\",\n            \"modified\": \"20210126170723413\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\define advanced-search-actions()\\n\u003C$action-setfield $tiddler=\\\"$:/temp/advancedsearch/input\\\" text={{$:/temp/notebook-search}}/>\\n\u003C$action-setfield $tiddler=\\\"$:/temp/advancedsearch/refresh\\\" text=\\\"yes\\\"/>\\n\u003C$action-navigate $to=\\\"$:/AdvancedSearch\\\"/>\\n\\\\end\\n\\n\\\\define input-accept-actions()\\n\u003C$list filter=\\\"[\u003C__tiddler__>get[text]!is[missing]] ~[\u003C__tiddler__>get[text]is[shadow]]\\\">\\n  \u003C$action-navigate $to={{{ [\u003C__tiddler__>get[text]] }}}/>\\n  \u003C$action-deletetiddler $filter=\\\"[[$:/temp/search]] [\u003CsearchTiddler>] [\u003CsearchListState>]\\\"/>\\n\u003C/$list>\\n\\\\end\\n\\n\\\\define cancel-search-actions()\\n\u003C$list filter=\\\"[\u003CsearchTiddler>get[text]!match{$:/temp/search}]\\\" emptyMessage=\\\"\\\"\\\"\u003C$action-deletetiddler $filter=\\\"[[$:/temp/search]] [\u003CsearchTiddler>] [\u003CsearchListState>]\\\"/>\\\"\\\"\\\">\\n  \u003C$action-setfield $tiddler=\\\"$:/temp/search\\\" text={{{ [\u003CsearchTiddler>get[text]] }}}/>\\n  \u003C$action-setfield $tiddler=\\\"$:/temp/search/refresh\\\" text=\\\"yes\\\"/>\u003C/$list>\\n\\\\end\\n\\n\u003C$vars editTiddler=\\\"$:/temp/search\\\"\\n       searchTiddler=\\\"$:/temp/search/input\\\"\\n       searchListState=\u003C\u003Cqualify \\\"$:/state/search-list/selected-item\\\">>>\\n  \u003C$macrocall $name=\\\"keyboard-driven-input\\\"\\n\\t      tiddler=\u003C\u003CeditTiddler>>\\n\\t      storeTitle=\u003C\u003CsearchTiddler>>\\n\\t      selectionStateTitle=\u003C\u003CsearchListState>>\\n\\t      refreshTitle=\\\"$:/temp/search/refresh\\\"\\n\\t      type=\\\"search\\\"\\n\\t      tag=\\\"input\\\"\\n\\t      focus={{$:/config/Search/AutoFocus}}\\n\\t      focusPopup=\\\"$:/state/popup/notebook-search\\\"\\n\\t      class=\\\"tc-popup-handle\\\"\\n\\t      filterMinLength={{$:/config/Search/MinLength}}\\n\\t      placeholder=\\\"Search...\\\"\\n\\t      inputAcceptActions=\u003C\u003Cinput-accept-actions>>\\n\\t      inputCancelActions=\u003C\u003Ccancel-search-actions>>\\n\\t      cancelPopups=\\\"yes\\\"\\n\\t      configTiddlerFilter=\\\"[[$:/state/search/currentTab]!is[missing]get[text]] ~[{$:/config/SearchResults/Default}]\\\"\\n\\t      />\\n  \u003C$button\\n    tooltip={{$:/language/Buttons/AdvancedSearch/Hint}}\\n    aria-label={{$:/language/Buttons/AdvancedSearch/Caption}}\\n    class=\\\"tc-btn-invisible tc-page-controls\\\"\\n    >\\n    {{$:/core/images/advanced-search-button}}\\n    \u003C\u003Cadvanced-search-actions>>\\n  \u003C/$button>\\n  \u003C$reveal tag=\\\"div\\\" class=\\\"tc-block-dropdown-wrapper\\\" state=\\\"$:/state/popup/notebook-search\\\" type=\\\"nomatch\\\" text=\\\"\\\" default=\\\"\\\">\\n    \u003C$list filter=\\\"[\u003CsearchTiddler>get[text]minlength{$:/config/Search/MinLength}limit[1]]\\\" emptyMessage=\\\"\\\" variable=\\\"listItem\\\">\\n      \u003Cdiv class=\\\"tc-block-dropdown tc-search-drop-down\\\">\\n        \u003C$tiddler tiddler=\u003C\u003CconfigTiddler>>>\\n          {{$:/themes/nico/notebook/ui/Sidebar/SearchResults}}\\n        \u003C/$tiddler>\\n      \u003C/div>\\n    \u003C/$list>\\n  \u003C/$reveal>\\n\u003C/$vars>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar/Headings\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar/Headings\",\n            \"created\": \"20200429160014174\",\n            \"modified\": \"20201210210231267\",\n            \"tags\": \"$:/themes/nico/notebook/tags/Sidebar\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Cdiv class=\\\"segment\\\">\\n  \u003Cdiv class=\\\"content\\\">\\n    \u003Ch1 class=\\\"tc-site-title\\\">\\n      {{$:/SiteTitle}}\\n    \u003C/h1>\\n    \u003Cdiv class=\\\"tc-site-subtitle\\\">\\n      {{$:/SiteSubtitle}}\\n    \u003C/div>\\n  \u003C/div>\\n\u003C/div>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar/Search\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar/Search\",\n            \"created\": \"20200429191943257\",\n            \"modified\": \"20210124220152702\",\n            \"tags\": \"$:/themes/nico/notebook/tags/Sidebar\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003Cdiv class=\\\"mobile-only\\\">\\n  \u003Cdiv class=\\\"segment\\\">\\n    \u003Cdiv class=\\\"content search\\\">\\n      {{$:/themes/nico/notebook/ui/Search}}\\n    \u003C/div>\\n  \u003C/div>\\n\u003C/div>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar/SearchResults\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar/SearchResults\",\n            \"created\": \"20200429191943257\",\n            \"modified\": \"20210126164631418\",\n            \"tags\": \"\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\define searchResultList()\\n  \u003Csmall>{{$:/language/Search/Matches/Title}}\u003C/small>\\n\\n  \u003C$list filter=\\\"[!is[system]search:title{$(searchTiddler)$}sort[title]limit[250]]\\\">\\n    \u003Cspan class={{{[\u003CcurrentTiddler>addsuffix[-primaryList]] -[\u003CsearchListState>get[text]] +[then[]else[tc-list-item-selected]] }}}>\\n      \u003C$transclude tiddler=\\\"$:/core/ui/ListItemTemplate\\\"/>\\n    \u003C/span>\\n  \u003C/$list>\\n\\n  \u003Csmall>{{$:/language/Search/Matches/All}}\u003C/small>\\n\\n  \u003C$list filter=\\\"[!is[system]search{$(searchTiddler)$}sort[title]limit[250]]\\\">\\n    \u003Cspan class={{{[\u003CcurrentTiddler>addsuffix[-secondaryList]] -[\u003CsearchListState>get[text]] +[then[]else[tc-list-item-selected]] }}}>\\n      \u003C$transclude tiddler=\\\"$:/core/ui/ListItemTemplate\\\"/>\\n    \u003C/span>\\n  \u003C/$list>\\n\\\\end\\n\\n\u003Cdiv class=\\\"tc-search-results\\\">\\n  \u003C\u003CsearchResultList>>\\n\u003C/div>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar/SectionTemplate\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar/SectionTemplate\",\n            \"created\": \"20200429161226897\",\n            \"modified\": \"20210202213859460\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\define sidebarHeading()\\n\u003C$vars tv-wikilinks=\\\"no\\\">\\n  \u003C$transclude field=\\\"caption\\\">\\n    \u003C$view field=\\\"title\\\"/>\\n  \u003C/$transclude>\\n\u003C/$vars>\\n\\\\end\\n\\n\u003C$reveal state=\\\"$:/state/notebook-sidebar-section\\\" type=\\\"match\\\" text=\u003C\u003CcurrentTiddler>> default=\\\"no\\\" animate=\\\"no\\\">\\n  \u003Cdiv class=\\\"segment section open\\\">\\n    \u003C$button set=\\\"$:/state/notebook-sidebar-section\\\" setTo=\\\"\\\" class=\\\"tc-btn-invisible label\\\">\\n      \u003C\u003CsidebarHeading>>\\n      \u003Cspan class=\\\"caret\\\">{{$:/themes/nico/notebook/images/caret-down}}\u003C/span>\\n    \u003C/$button>\\n    \u003Cdiv class=\\\"content\\\">\\n      \u003C$transclude $tiddler=\u003C\u003CcurrentTiddler>> mode=\\\"block\\\"/>\\n    \u003C/div>\\n  \u003C/div>\\n\u003C/$reveal>\\n\u003C$reveal state=\\\"$:/state/notebook-sidebar-section\\\" type=\\\"nomatch\\\" text=\u003C\u003CcurrentTiddler>> default=\\\"yes\\\" animate=\\\"no\\\">\\n  \u003Cdiv class=\\\"segment section\\\">\\n    \u003C$button set=\\\"$:/state/notebook-sidebar-section\\\" setTo=\u003C\u003CcurrentTiddler>> class=\\\"tc-btn-invisible label\\\">\\n      \u003C\u003CsidebarHeading>>\\n      \u003Cspan class=\\\"caret\\\">{{$:/themes/nico/notebook/images/caret-right}}\u003C/span>\\n    \u003C/$button>\\n  \u003C/div>\\n\u003C/$reveal>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar/Sections\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar/Sections\",\n            \"created\": \"20200429163239707\",\n            \"modified\": \"20210112213620486\",\n            \"tags\": \"$:/themes/nico/notebook/tags/Sidebar\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$list filter=\\\"[all[shadows+tiddlers]!has[draft.of]tag[$:/tags/SideBar]]\\\">\\n  {{||$:/themes/nico/notebook/ui/Sidebar/SectionTemplate}}\\n\u003C/$list>\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Sidebar\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Sidebar\",\n            \"created\": \"20200428201218885\",\n            \"modified\": \"20210112213605486\",\n            \"tags\": \"$:/tags/PageTemplate\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\\\\whitespace trim\\n\\\\define config-title()\\n$:/config/SideBarSegments/Visibility/$(listItem)$\\n\\\\end\\n\\n\u003C$reveal state=\\\"$:/state/notebook-sidebar\\\" type=\\\"match\\\" text=\\\"yes\\\" default=\\\"no\\\" retain=\\\"yes\\\" animate=\\\"no\\\">\\n    \u003C$scrollable fallthrough=\\\"no\\\">\\n    \u003Cdiv class=\\\"nc-sidebar\\\">\\n      \u003C$list filter=\\\"[all[shadows+tiddlers]tag[$:/themes/nico/notebook/tags/Sidebar]!has[draft.of]]\\\" variable=\\\"listItem\\\">\\n        \u003C$reveal type=\\\"nomatch\\\" state=\u003C\u003Cconfig-title>> text=\\\"hide\\\" tag=\\\"div\\\">\\n          \u003C$transclude tiddler=\u003C\u003ClistItem>> mode=\\\"inline\\\"/>\\n        \u003C/$reveal>\\n      \u003C/$list>\\n    \u003C/div>\\n    \u003C/$scrollable>\\n\u003C/$reveal>\\n\\n\"\n        },\n        \"$:/themes/nico/notebook/ui/Topbar\": {\n            \"title\": \"$:/themes/nico/notebook/ui/Topbar\",\n            \"created\": \"20200428203101797\",\n            \"modified\": \"20210124213834458\",\n            \"tags\": \"$:/tags/PageTemplate\",\n            \"type\": \"text/vnd.tiddlywiki\",\n            \"text\": \"\u003C$reveal state=\\\"$:/state/notebook-topbar\\\" type=\\\"match\\\" text=\\\"yes\\\" default=\\\"yes\\\" retain=\\\"yes\\\" animate=\\\"yes\\\">\\n  \u003Cdiv class=\\\"nc-topbar-wrapper\\\">\\n    \u003Cdiv class=\\\"nc-bar nc-topbar tc-adjust-top-of-scroll\\\">\\n      \u003C$list filter=\\\"[all[shadows+tiddlers]tag[$:/tags/NotebookTopbar]!has[draft.of]]\\\" variable=\\\"listItem\\\">\\n        \u003C$reveal type=\\\"nomatch\\\" state=\u003C\u003Cconfig-title>> text=\\\"hide\\\" tag=\\\"div\\\">\\n          \u003C$transclude tiddler=\u003C\u003ClistItem>> mode=\\\"block\\\"/>\\n        \u003C/$reveal>\\n      \u003C/$list>\\n      \u003Cdiv class=\\\"left\\\">\\n\\t{{$:/themes/nico/notebook/ui/Buttons/menu}}\\n        {{$:/themes/nico/notebook/ui/Search}}\\n      \u003C/div>\\n      \u003Cdiv class=\\\"right\\\">\\n        {{$:/core/ui/SideBarSegments/page-controls}}\\n      \u003C/div>\\n    \u003C/div>\\n  \u003C/div>\\n\u003C/$reveal>\\n\\n\"\n        }\n    }\n}","bag":"default","revision":"0","version":"1.4.1","type":"application/json","title":"$:/themes/nico/notebook","source":"https://github.com/NicolasPetton/Notebook","plugin-type":"theme","name":"Notebook theme","list":"LICENSE changelog","description":"A clean, uncluttered TiddlyWiki theme","dependents":"$:/themes/tiddlywiki/vanilla $:/plugins/nico/notebook-mobile","core-version":">=5.1.22","author":"NicolasPetton","modified":"20240627123010609"},
 {"created":"20200429144554294","title":"$:/themes/nico/notebook/metrics/sidebar-width","modified":"20230423163514560","tags":"","type":"text/vnd.tiddlywiki","text":"300px"},