diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ea46267
--- /dev/null
+++ b/README.md
@@ -0,0 +1,29 @@
+# Codigo para llevar's generator
+
+This is the static site generator used to build [Codigo Para Llevar](https://codigoparallevar.com/) (my personal site). It contains:
+
+- A markdown blog (with content ported from acrylamid). Saved as `/blog/`.
+- A set of org-mode based notes. Saved as `/notes/`.
+
+It also copies over some static assets (css, js, fonts).
+
+The scripts are hardcoded with the hostnames and paths for my own site, so you might want to update them.
+
+General documentation is in progress and might be replaced little by little by the more interactive [org-web-editor](https://code.codigoparallevar.com/kenkeiras/org-web-editor) once that one (1) supports all the features here and (2) has support for building static sites.
+
+## Instructions
+
+Generally, what you want to do is to run `make` once to prepare the static files, then run this to generate the notes.
+
+```bash
+mkdir -p _gen
+WATCH_AND_REBUILD=0 python3 scripts/generate.py <path to your notes> _gen/notes [<DEFAULT SUBPATH (usually 'public', '.' to ignore)>]
+```
+
+Use `WATCH_AND_REBUILD=1` (or empty) for automatic rebuilds.
+
+## Filtering
+
+This won't render **all** notes, but try to select the PUBLIC ones and skip the PRIVATE ones.
+
+PUBLIC files are contained on the DEFAULT_SUBPATH, PRIVATE headlines have the `:private:` tag.
diff --git a/scripts/generate.py b/scripts/generate.py
index cc18e2a..12bac97 100644
--- a/scripts/generate.py
+++ b/scripts/generate.py
@@ -46,13 +46,14 @@ IMG_EXTENSIONS = set([
     "gif",
 ])
 SKIPPED_TAGS = set(['attach'])
+DEFAULT_SUBPATH = "public"
 
 WATCH = True
 if os.getenv('WATCH_AND_REBUILD', '1') == '0':
     WATCH = False
 
 MIN_HIDDEN_HEADLINE_LEVEL = 2
-INDEX_ID = "ea48ec1d-f9d4-4fb7-b39a-faa7b6e2ba95"
+INDEX_ID = os.getenv("INDEX_ID", "ea48ec1d-f9d4-4fb7-b39a-faa7b6e2ba95")
 SITE_NAME = "Código para llevar"
 
 MONITORED_EVENT_TYPES = (
@@ -108,7 +109,9 @@ def load_all(top_dir_relative):
             path = os.path.join(root, name)
 
             try:
-                doc = load_org(open(path), extra_cautious=True)
+                doc = load_org(open(path),
+                               environment={"org-todo-keywords": "TODO(t) NEXT(n) MEETING(m/!) Q(q) PAUSED(p!/!) EVENT(e/!) SOMETIME(s) WAITING(w@/!) TRACK(r/!) | DISCARDED(x@/!) VALIDATING(v!/!) DONE(d!/!)"},
+                               extra_cautious=True)
                 docs.append(doc)
             except Exception as err:
                 import traceback
@@ -120,7 +123,22 @@ def load_all(top_dir_relative):
     logging.info("Collected {} files".format(len(docs)))
     return docs
 
-def regen_all(src_top, dest_top, *, docs=None, db=None):
+def remove_non_public_headlines(doc: org_rw.OrgDoc | org_rw.Headline):
+    if isinstance(doc, org_rw.OrgDoc):
+        doc.headlines = list(filter_private_headlines(doc.headlines))
+        for hl in doc.headlines:
+            remove_non_public_headlines(hl)
+    else:
+        doc.children = list(filter_private_headlines(doc.children))
+        for hl in doc.children:
+            remove_non_public_headlines(hl)
+
+def filter_private_headlines(headlines):
+    for hl in headlines:
+        if 'private' not in hl.tags:
+            yield hl
+
+def regen_all(src_top, dest_top, subpath, *, docs=None, db=None):
     files_generated = 0
     cur = db.cursor()
     cleaned_db = False
@@ -147,10 +165,12 @@ def regen_all(src_top, dest_top, *, docs=None, db=None):
     main_headline_to_docid = {}
     for doc in docs:
         relpath = os.path.relpath(doc.path, src_top)
+
+        remove_non_public_headlines(doc)
         changed = False
         headlines = list(doc.getAllHeadlines())
         related = None
-        if not relpath.startswith("public/"):
+        if not relpath.startswith(subpath + "/"):
             # print("Skip:", relpath)
             continue
 
@@ -349,7 +369,7 @@ def regen_all(src_top, dest_top, *, docs=None, db=None):
                             dirs_exist_ok=True)
 
 
-def main(src_top, dest_top):
+def main(src_top, dest_top, subpath):
     notifier = inotify.adapters.InotifyTrees([src_top, STATIC_PATH])
 
     ## Initial load
@@ -357,7 +377,7 @@ def main(src_top, dest_top):
 
     os.makedirs(dest_top, exist_ok=True)
     db = create_db(os.path.join(dest_top, 'db.sqlite3'))
-    docs = regen_all(src_top, dest_top, db=db)
+    docs = regen_all(src_top, dest_top, subpath=subpath, db=db)
 
     if not WATCH:
         logging.info("Build completed in {:.2f}s".format(time.time() - t0))
@@ -375,7 +395,7 @@ def main(src_top, dest_top):
         print("CHANGED: {}".format(filepath))
         t0 = time.time()
         try:
-            docs = regen_all(src_top, dest_top, docs=docs, db=db)
+            docs = regen_all(src_top, dest_top, subpath=subpath, docs=docs, db=db)
         except:
             logging.error(traceback.format_exc())
             logging.error("Loading new templates failed 😿")
@@ -477,7 +497,7 @@ def unindent(content):
         len(l) - len(l.lstrip(' '))
         for l in content.split('\n')
         if len(l.strip()) > 0
-    ])
+    ] or [0])
     content_lines = [
         l[base_indentation:]
         for l in content.split('\n')
@@ -510,6 +530,12 @@ def render_results_block(element, acc, headline, graph):
     if len(content.strip()) > 0:
         render_block(content, acc, _class='results lang-text', is_code=False)
 
+def render_generic_drawer_block(element, acc, headline, graph):
+    items = [e.get_raw() for e in element.children]
+    content = '\n'.join(items)
+    if len(content.strip()) > 0:
+        render_block(content, acc, _class='generic-drawer {}-drawer lang-text'.format(element.drawer_name), is_code=False)
+
 def render_org_text(element, acc, headline, graph):
     as_dom = org_rw.text_to_dom(element.contents, element)
     render_text_tokens(as_dom, acc, headline, graph)
@@ -642,6 +668,7 @@ def render_tag(element, acc, headline, graph):
         dom.CodeBlock: render_code_block,
         dom.Text: render_text,
         dom.ResultsDrawerNode: render_results_block,
+        dom.GenericDrawerNode: render_generic_drawer_block,
         org_rw.Text: render_org_text,
     }[type(element)](element, acc, headline, graph)
 
@@ -714,8 +741,11 @@ def render_connections(headline_id, content, graph, doc_to_headline_remapping):
     #     return
 
     logging.info("Generating centered graph for {}".format(headline_id))
-    svg = gen_centered_graph.gen(headline_id, graph['nodes'], doc_to_headline_remapping)
-    content.append("<div class='connections'>{}</div>".format(svg))
+    try:
+        svg = gen_centered_graph.gen(headline_id, graph['nodes'], doc_to_headline_remapping)
+        content.append("<div class='connections'>{}</div>".format(svg))
+    except:
+        logging.warning("Broken reference on headline ID={}".format(headline_id))
 
 def render(headline, doc, graph, headlineLevel, doc_to_headline_remapping):
     try:
@@ -735,10 +765,10 @@ def render(headline, doc, graph, headlineLevel, doc_to_headline_remapping):
         content.append(render(child, doc, headlineLevel=headlineLevel+1, graph=graph,
                               doc_to_headline_remapping=doc_to_headline_remapping))
 
-    if headline.state is None:
+    if headline.state is None or headline.state.get('name') is None:
         state = ""
     else:
-        state = f'<span class="state todo-{headline.is_todo} state-{headline.state}">{headline.state}</span>'
+        state = f'<span class="state todo-{headline.is_todo} state-{headline.state["name"]}">{headline.state["name"]}</span>'
 
     if headline.is_todo:
         todo_state = "todo"
@@ -825,9 +855,13 @@ def save_changes(doc):
 
 
 if __name__ == "__main__":
-    if len(sys.argv) != 3:
-        print("Usage: {} SOURCE_TOP DEST_TOP".format(sys.argv[0]))
+    if len(sys.argv) not in (3, 4):
+        print("Usage: {} SOURCE_TOP DEST_TOP <SUBPATH>".format(sys.argv[0]))
         exit(0)
 
     logging.basicConfig(level=logging.INFO, format="%(levelname)-8s %(message)s")
-    exit(main(sys.argv[1], sys.argv[2]))
+    subpath = DEFAULT_SUBPATH
+
+    if len(sys.argv) == 4:
+        subpath = sys.argv[3]
+    exit(main(sys.argv[1], sys.argv[2], subpath=subpath))
diff --git a/scripts/search-server.sh b/scripts/search-server.sh
index 49f0250..62abda0 100644
--- a/scripts/search-server.sh
+++ b/scripts/search-server.sh
@@ -12,4 +12,4 @@ cd ../../_gen/notes/
 
 set -x
 
-exec docker run -it --rm -p $PORT:80 -e PORT=80 -e DB_PATH=/db.sqlite3 -v `pwd`/db.sqlite3:/db.sqlite3:ro search-server
+exec docker run -it --rm -p $PORT:80 -e SNIPPET_SIZE=256 -e PORT=80 -e DB_PATH=/db.sqlite3 -v `pwd`/db.sqlite3:/db.sqlite3:ro search-server
diff --git a/scripts/search-server/server.go b/scripts/search-server/server.go
index 8914956..be6ab0d 100644
--- a/scripts/search-server/server.go
+++ b/scripts/search-server/server.go
@@ -33,6 +33,22 @@ func main() {
 		port = port_num
 	}
 
+	snippet_size := 128
+	snippet_size_str, ok := os.LookupEnv("SNIPPET_SIZE")
+	if ok {
+		snippet_size_num, err := strconv.Atoi(snippet_size_str)
+
+		if err != nil {
+			log.Fatal(err)
+			os.Exit(1)
+		}
+		if (snippet_size_num < 64) {
+			log.Fatal("Environment variale $SNIPPET_SIZE must be >= 64.")
+			os.Exit(1)
+		}
+		snippet_size = snippet_size_num
+	}
+
     db, err := sql.Open("sqlite3", database_path)
     if err != nil {
         log.Fatal(err)
@@ -63,8 +79,23 @@ func main() {
         c.Writer.Header().Set("Access-Control-Allow-Methods", "GET, OPTIONS")
 
 		query := c.Query("q")
+		body_type := c.Query("body")
+
+		if ((body_type != "all") && (body_type != "none") && (body_type != "snippet")) {
+			body_type = "none"
+		}
+
+		var stm *sql.Stmt
+		var err error
+
+		if (body_type == "snippet") {
+			stm, err = db.Prepare("SELECT note_id, highlight(note_search, 1, '<span class=\"match\">', '</span>'), top_level_title, is_done, is_todo, snippet(note_search, 2, '<span class=\"match\">', '</span>', '<span class=\"search-result-break\"></span>', ?) FROM note_search(?)")
+		} else if (body_type == "all") {
+			stm, err = db.Prepare("SELECT note_id, highlight(note_search, 1, '<span class=\"match\">', '</span>'), top_level_title, is_done, is_todo, highlight(note_search, 2, '<span class=\"match\">', '</span>') FROM note_search(?)")
+		} else if (body_type == "none") {
+			stm, err = db.Prepare("SELECT note_id, highlight(note_search, 1, '<span class=\"match\">', '</span>'), top_level_title, is_done, is_todo FROM note_search(?)")
+		}
 
-		stm, err := db.Prepare("SELECT note_id, title, top_level_title, is_done, is_todo FROM note_search(?)")
 
 		if err != nil {
 			log.Fatal(err)
@@ -76,8 +107,13 @@ func main() {
 		}
 
 		results := make([]map[string]string, 0)
+		var rows *sql.Rows
 
-		rows, err := stm.Query(query)
+		if (body_type == "snippet") {
+			rows, err = stm.Query(snippet_size, query)
+		} else {
+			rows, err = stm.Query(query)
+		}
 		if err != nil {
 			log.Fatal(err)
 			c.JSON(500, gin.H{
@@ -94,13 +130,31 @@ func main() {
 			var note_is_done string
 			var note_is_todo string
 
-			err = rows.Scan(
-				&note_id,
-				&note_title,
-				&note_top_level_title,
-				&note_is_done,
-				&note_is_todo,
-			)
+			item := make(map[string]string)
+
+			if (body_type != "none") {
+				var note_highlight string
+
+				err = rows.Scan(
+					&note_id,
+					&note_title,
+					&note_top_level_title,
+					&note_is_done,
+					&note_is_todo,
+					&note_highlight,
+				)
+				if (body_type != "none") {
+					item["highlight"] = note_highlight
+				}
+			} else {
+				err = rows.Scan(
+					&note_id,
+					&note_title,
+					&note_top_level_title,
+					&note_is_done,
+					&note_is_todo,
+				)
+			}
 			if err != nil {
 				log.Fatal(err)
 				c.JSON(500, gin.H{
@@ -110,7 +164,6 @@ func main() {
 				return
 			}
 
-			item := make(map[string]string)
 			item["id"] = note_id
 			item["title"] = note_title
 			item["top_level_title"] = note_top_level_title
diff --git a/static/dark-syntax.css b/static/dark-syntax.css
index 2938240..afdbd46 100644
--- a/static/dark-syntax.css
+++ b/static/dark-syntax.css
@@ -1,82 +1,85 @@
-pre { line-height: 125%; }
-td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
-td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
-.hll { background-color: #49483e }
-.c { color: #75715e } /* Comment */
-.err { color: #960050; background-color: #1e0010 } /* Error */
-.esc { color: #f8f8f2 } /* Escape */
-.g { color: #f8f8f2 } /* Generic */
-.k { color: #66d9ef } /* Keyword */
-.l { color: #ae81ff } /* Literal */
-.n { color: #f8f8f2 } /* Name */
-.o { color: #f92672 } /* Operator */
-.x { color: #f8f8f2 } /* Other */
-.p { color: #f8f8f2 } /* Punctuation */
-.ch { color: #75715e } /* Comment.Hashbang */
-.cm { color: #75715e } /* Comment.Multiline */
-.cp { color: #75715e } /* Comment.Preproc */
-.cpf { color: #75715e } /* Comment.PreprocFile */
-.c1 { color: #75715e } /* Comment.Single */
-.cs { color: #75715e } /* Comment.Special */
-.gd { color: #f92672 } /* Generic.Deleted */
-.ge { color: #f8f8f2; font-style: italic } /* Generic.Emph */
-.gr { color: #f8f8f2 } /* Generic.Error */
-.gh { color: #f8f8f2 } /* Generic.Heading */
-.gi { color: #a6e22e } /* Generic.Inserted */
-.go { color: #66d9ef } /* Generic.Output */
-.gp { color: #f92672; font-weight: bold } /* Generic.Prompt */
-.gs { color: #f8f8f2; font-weight: bold } /* Generic.Strong */
-.gu { color: #75715e } /* Generic.Subheading */
-.gt { color: #f8f8f2 } /* Generic.Traceback */
-.kc { color: #66d9ef } /* Keyword.Constant */
-.kd { color: #66d9ef } /* Keyword.Declaration */
-.kn { color: #f92672 } /* Keyword.Namespace */
-.kp { color: #66d9ef } /* Keyword.Pseudo */
-.kr { color: #66d9ef } /* Keyword.Reserved */
-.kt { color: #66d9ef } /* Keyword.Type */
-.ld { color: #e6db74 } /* Literal.Date */
-.m { color: #ae81ff } /* Literal.Number */
-.s { color: #e6db74 } /* Literal.String */
-.na { color: #a6e22e } /* Name.Attribute */
-.nb { color: #f8f8f2 } /* Name.Builtin */
-.nc { color: #a6e22e } /* Name.Class */
-.no { color: #66d9ef } /* Name.Constant */
-.nd { color: #a6e22e } /* Name.Decorator */
-.ni { color: #f8f8f2 } /* Name.Entity */
-.ne { color: #a6e22e } /* Name.Exception */
-.nf { color: #a6e22e } /* Name.Function */
-.nl { color: #f8f8f2 } /* Name.Label */
-.nn { color: #f8f8f2 } /* Name.Namespace */
-.nx { color: #a6e22e } /* Name.Other */
-.py { color: #f8f8f2 } /* Name.Property */
-.nt { color: #f92672 } /* Name.Tag */
-.nv { color: #f8f8f2 } /* Name.Variable */
-.ow { color: #f92672 } /* Operator.Word */
-.w { color: #f8f8f2 } /* Text.Whitespace */
-.mb { color: #ae81ff } /* Literal.Number.Bin */
-.mf { color: #ae81ff } /* Literal.Number.Float */
-.mh { color: #ae81ff } /* Literal.Number.Hex */
-.mi { color: #ae81ff } /* Literal.Number.Integer */
-.mo { color: #ae81ff } /* Literal.Number.Oct */
-.sa { color: #e6db74 } /* Literal.String.Affix */
-.sb { color: #e6db74 } /* Literal.String.Backtick */
-.sc { color: #e6db74 } /* Literal.String.Char */
-.dl { color: #e6db74 } /* Literal.String.Delimiter */
-.sd { color: #e6db74 } /* Literal.String.Doc */
-.s2 { color: #e6db74 } /* Literal.String.Double */
-.se { color: #ae81ff } /* Literal.String.Escape */
-.sh { color: #e6db74 } /* Literal.String.Heredoc */
-.si { color: #e6db74 } /* Literal.String.Interpol */
-.sx { color: #e6db74 } /* Literal.String.Other */
-.sr { color: #e6db74 } /* Literal.String.Regex */
-.s1 { color: #e6db74 } /* Literal.String.Single */
-.ss { color: #e6db74 } /* Literal.String.Symbol */
-.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
-.fm { color: #a6e22e } /* Name.Function.Magic */
-.vc { color: #f8f8f2 } /* Name.Variable.Class */
-.vg { color: #f8f8f2 } /* Name.Variable.Global */
-.vi { color: #f8f8f2 } /* Name.Variable.Instance */
-.vm { color: #f8f8f2 } /* Name.Variable.Magic */
-.il { color: #ae81ff } /* Literal.Number.Integer.Long */
+/* Dark mode. */
+@media (prefers-color-scheme: dark) {
+    pre { line-height: 125%; }
+    td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+    span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+    td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+    span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+    .hll { background-color: #49483e }
+    .c { color: #75715e } /* Comment */
+    .err { color: #960050; background-color: #1e0010 } /* Error */
+    .esc { color: #f8f8f2 } /* Escape */
+    .g { color: #f8f8f2 } /* Generic */
+    .k { color: #66d9ef } /* Keyword */
+    .l { color: #ae81ff } /* Literal */
+    .n { color: #f8f8f2 } /* Name */
+    .o { color: #f92672 } /* Operator */
+    .x { color: #f8f8f2 } /* Other */
+    .p { color: #f8f8f2 } /* Punctuation */
+    .ch { color: #75715e } /* Comment.Hashbang */
+    .cm { color: #75715e } /* Comment.Multiline */
+    .cp { color: #75715e } /* Comment.Preproc */
+    .cpf { color: #75715e } /* Comment.PreprocFile */
+    .c1 { color: #75715e } /* Comment.Single */
+    .cs { color: #75715e } /* Comment.Special */
+    .gd { color: #f92672 } /* Generic.Deleted */
+    .ge { color: #f8f8f2; font-style: italic } /* Generic.Emph */
+    .gr { color: #f8f8f2 } /* Generic.Error */
+    .gh { color: #f8f8f2 } /* Generic.Heading */
+    .gi { color: #a6e22e } /* Generic.Inserted */
+    .go { color: #66d9ef } /* Generic.Output */
+    .gp { color: #f92672; font-weight: bold } /* Generic.Prompt */
+    .gs { color: #f8f8f2; font-weight: bold } /* Generic.Strong */
+    .gu { color: #75715e } /* Generic.Subheading */
+    .gt { color: #f8f8f2 } /* Generic.Traceback */
+    .kc { color: #66d9ef } /* Keyword.Constant */
+    .kd { color: #66d9ef } /* Keyword.Declaration */
+    .kn { color: #f92672 } /* Keyword.Namespace */
+    .kp { color: #66d9ef } /* Keyword.Pseudo */
+    .kr { color: #66d9ef } /* Keyword.Reserved */
+    .kt { color: #66d9ef } /* Keyword.Type */
+    .ld { color: #e6db74 } /* Literal.Date */
+    .m { color: #ae81ff } /* Literal.Number */
+    .s { color: #e6db74 } /* Literal.String */
+    .na { color: #a6e22e } /* Name.Attribute */
+    .nb { color: #f8f8f2 } /* Name.Builtin */
+    .nc { color: #a6e22e } /* Name.Class */
+    .no { color: #66d9ef } /* Name.Constant */
+    .nd { color: #a6e22e } /* Name.Decorator */
+    .ni { color: #f8f8f2 } /* Name.Entity */
+    .ne { color: #a6e22e } /* Name.Exception */
+    .nf { color: #a6e22e } /* Name.Function */
+    .nl { color: #f8f8f2 } /* Name.Label */
+    .nn { color: #f8f8f2 } /* Name.Namespace */
+    .nx { color: #a6e22e } /* Name.Other */
+    .py { color: #f8f8f2 } /* Name.Property */
+    .nt { color: #f92672 } /* Name.Tag */
+    .nv { color: #f8f8f2 } /* Name.Variable */
+    .ow { color: #f92672 } /* Operator.Word */
+    .w { color: #f8f8f2 } /* Text.Whitespace */
+    .mb { color: #ae81ff } /* Literal.Number.Bin */
+    .mf { color: #ae81ff } /* Literal.Number.Float */
+    .mh { color: #ae81ff } /* Literal.Number.Hex */
+    .mi { color: #ae81ff } /* Literal.Number.Integer */
+    .mo { color: #ae81ff } /* Literal.Number.Oct */
+    .sa { color: #e6db74 } /* Literal.String.Affix */
+    .sb { color: #e6db74 } /* Literal.String.Backtick */
+    .sc { color: #e6db74 } /* Literal.String.Char */
+    .dl { color: #e6db74 } /* Literal.String.Delimiter */
+    .sd { color: #e6db74 } /* Literal.String.Doc */
+    .s2 { color: #e6db74 } /* Literal.String.Double */
+    .se { color: #ae81ff } /* Literal.String.Escape */
+    .sh { color: #e6db74 } /* Literal.String.Heredoc */
+    .si { color: #e6db74 } /* Literal.String.Interpol */
+    .sx { color: #e6db74 } /* Literal.String.Other */
+    .sr { color: #e6db74 } /* Literal.String.Regex */
+    .s1 { color: #e6db74 } /* Literal.String.Single */
+    .ss { color: #e6db74 } /* Literal.String.Symbol */
+    .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+    .fm { color: #a6e22e } /* Name.Function.Magic */
+    .vc { color: #f8f8f2 } /* Name.Variable.Class */
+    .vg { color: #f8f8f2 } /* Name.Variable.Global */
+    .vi { color: #f8f8f2 } /* Name.Variable.Instance */
+    .vm { color: #f8f8f2 } /* Name.Variable.Magic */
+    .il { color: #ae81ff } /* Literal.Number.Integer.Long */
+}
diff --git a/static/homepage.html b/static/homepage.html
index a0ac06a..aa566eb 100644
--- a/static/homepage.html
+++ b/static/homepage.html
@@ -6,11 +6,13 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <style>
           body {
+             background-color: white;
              font-family: sans-serif;
              margin: 0 auto;
              width: fit-content;
              max-width: 100ex;
              padding: 0 1ex;
+             color: black;
           }
           .header h1 {
              text-align: center;
@@ -45,7 +47,7 @@
              border-right: 1px solid #000;
          }
          @media (prefers-color-scheme: dark) {
-             html {
+             body {
                  background-color: #1d1f21;
                  color: #fafafe;
              }
@@ -72,6 +74,12 @@
 
         </div>
         <div class="links">
+            <a href="/notes">
+              <section>
+                <h2>Notes</h2>
+                <p>Some publicly-visible notes from a sort of knowledge graph that I use as information dump.</p>
+              </section>
+            </a>
             <section>
                 <h2><a href="/blog">Blog</a></h2>
                 <p>
@@ -100,12 +108,24 @@
                   </ul>
                 </p>
             </section>
-            <a href="/notes">
-              <section>
-                <h2>Notes</h2>
-                <p>Some publicly-visible notes from a sort of knowledge graph that I use as information dump.</p>
-              </section>
-            </a>
+            <section>
+                <h2>Talks / Slides</h2>
+                <p>
+                  <ul>
+                    <li>
+                      Malleable Software
+                      (<a href="/slides/hackliza2024/software-maleable/software-maleable.odp">galician, </a>
+                      for <a href="https://hackliza.gal">Hackliza</a>
+                      <a href="/slides/hackliza2024/software-maleable/software-maleable.pdf">[PDF]</a>
+                      <a href="/slides/hackliza2024/software-maleable/software-maleable.odp">[ODP]</a>)
+                      (<a href="/slides/eslibre2024/software-maleable.odp">spanish,</a>
+                      for <a href="https://eslib.re/2024/">esLibre 2024</a>
+                      <a href="/slides/eslibre2024/software-maleable.pdf">[PDF]</a>
+                      <a href="/slides/eslibre2024/software-maleable.odp">[ODP]</a>).
+                    </li>
+                  </ul>
+                </p>
+            </section>
             <!-- section>
                 <h2>Projects</h2>
                 <p>
@@ -116,7 +136,7 @@
             <section id="social">
                 <h2>Find me</h2>
                 <p>
-                    <a href="https://social.codigoparallevar.com/@kenkeiras">Mastodon</a>
+                    <a href="https://social.codigoparallevar.com/@kenkeiras">ActivityPub</a>
                     <a href="https://github.com/kenkeiras">GitHub</a>
                     <a href="https://gitlab.com/kenkeiras">GitLab</a>
                     <a href="https://programaker.com/users/kenkeiras">PrograMaker</a>
diff --git a/static/search-box.js b/static/search-box.js
index 5e412a5..08b81f0 100644
--- a/static/search-box.js
+++ b/static/search-box.js
@@ -1,4 +1,9 @@
 function _codigoparallevar_enable_search_box(selector, options) {
+    const unescape = (str, tag) => {
+        const prev = tag.replaceAll('<', '&lt;').replaceAll('>', '&gt;');
+        return str.replaceAll(prev, tag);
+    }
+
     const element = document.querySelector(selector);
     if ('placeholder' in options) {
         element.setAttribute('placeholder', options.placeholder);
@@ -69,7 +74,7 @@ function _codigoparallevar_enable_search_box(selector, options) {
         lastVal = val;
         resultsBox.classList.add('loading');
 
-        const uri = SEARCH_ENDPOINT + '?q=' + encodeURIComponent(val);
+        const uri = SEARCH_ENDPOINT + '?q=' + encodeURIComponent(val) + '&body=snippet';
         let query = fetch(uri);
         currentQuery = query;
         query
@@ -94,14 +99,32 @@ function _codigoparallevar_enable_search_box(selector, options) {
 
                         const resultTitle = document.createElement('h2');
                         resultTitle.innerText = `${note.title} (${note.top_level_title})`;
+                        resultTitle.innerHTML = unescape(unescape(
+                            resultTitle.innerHTML,
+                            '</span>'), '<span class="match">'
+                        );
                         if (note.is_todo === "1") {
-                            resultTitle.setAttribute('class', 'is-todo');
+                            resultCard.setAttribute('class', 'is-todo');
                         }
                         else if (note.is_done === "1") {
-                            resultTitle.setAttribute('class', 'is-done');
+                            resultCard.setAttribute('class', 'is-done');
                         }
 
                         resultContents.appendChild(resultTitle);
+
+                        if (note.highlight) {
+                            const resultBody = document.createElement('p');
+                            resultBody.innerText = note.highlight;
+                            resultBody.innerHTML = unescape(
+                                unescape(
+                                    unescape(
+                                        resultBody.innerHTML,
+                                        '</span>'),
+                                    '<span class="search-result-break">'),
+                                '<span class="match">');
+                            resultContents.appendChild(resultBody);
+                        }
+
                         resultCard.appendChild(resultContents);
                         resultsList.appendChild(resultCard);
                     }
diff --git a/static/style.css b/static/style.css
index d162727..b72c015 100644
--- a/static/style.css
+++ b/static/style.css
@@ -10,6 +10,8 @@ body {
     max-width: 80ex;
     margin: 0 auto;
     padding: 0.5ex 1ex;
+    background-color: white;
+    color: black;
 }
 
 body.blog {
@@ -124,13 +126,30 @@ body nav input {
     box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 }
 
+.results-box ul li a {
+    text-decoration: none;
+}
 .results-box ul li h2 {
     font-size: 110%;
     padding: 1.25ex;
     display: block;
     margin: 0;
+    text-decoration: underline;
 }
 
+.results-box ul li p {
+    padding: 1.25ex;
+    color: black;
+}
+
+.results-box ul li span.match {
+    background: yellow;
+}
+
+.results-box ul li .search-result-break::before {
+    content: '…';
+    color: #777;
+}
 .results-box li h2.is-todo::before {
   content: 'TODO';
   display: inline-block;
@@ -244,6 +263,11 @@ img {
     border-left: 2px solid var(--tree-color);
 }
 
+.node .contents ul ul ul li,
+.global-table-of-contents ul ul ul li {
+    margin-left: calc(0px + var(--tree-radius) * 2 + .5ex);
+}
+
 .node .contents ul ul li::marker,
 .global-table-of-contents ul ul li::marker {
     content: '';
@@ -332,6 +356,11 @@ h1.title .state.todo-True {
 h1.title .state.todo-False {
     background-color: rgba(0,255,0,0.25);
 }
+h1.title .state.todo-True.state-SOMETIME {
+    background-color: #ddd;
+    color: black;
+}
+
 
 h1.title .tags {
     float: right;
@@ -368,6 +397,7 @@ a.internal::after {
 }
 a.external::after {
     content: ' ↗';
+    vertical-align: top;
 }
 
 /* Markup */
@@ -580,7 +610,7 @@ tr.__table-separator {
 
 /* Dark mode. */
 @media (prefers-color-scheme: dark) {
-    html {
+    html, body {
         background-color: #1d1f21;
         color: #fafafe;
     }
@@ -651,10 +681,19 @@ tr.__table-separator {
     .results-box ul li h2 {
         color: white;
     }
+    .results-box ul li p {
+        padding: 1.25ex;
+        color: white;
+    }
+
     .results-box-container .results-box input:focus {
         border-bottom: 1px solid #fff;
     }
 
+    .results-box ul li span.match {
+        background: #886600;
+    }
+
     /* Code blocks */
     .highlight pre {
         padding: 1ex;