This site you are looking at

what I want in it:

• home page

• CV

• projects showcase

• blog > section about workflow and dotfiles

• Recent notes page that shows most recent activity

• writings page (or MOC), ordered by publish date.

• organize file tree

• fix dg-icon-1

• fix icons that don't have styling (map and writing)

• Fix css:

  • side tools prevent from clicking the scroll bar

• links to my socials. (footer, or a page for that?, or just at home page)

• get better domain

• change fontawesome icons to a 100% free solution

• About me (?), Now (?). both in one?

• publish more notes. (Music folder?)

• blur effect when searching or viewing graph ✅ 2023-11-15

  • https://quartz.jzhao.xyz/
  • backdrop-filter: blur(4px);
  • added inline styling to the div id="globalsearch" element

• double click to copy link ain't working.

window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelectorAll("h1[id],h2[id],h3[id],h4[id]"),t=new IntersectionObserver(e=>{e.forEach(e=>{const t=e.target.getAttribute("id");e.isIntersecting?document.querySelector(`nav li a[href="#${t}"]`).parentElement.classList.add("active"):document.querySelector(`nav li a[href="#${t}"]`).parentElement.classList.remove("active")})});e.forEach(e=>{t.observe(e)}),e.forEach(e=>{e.addEventListener("click",()=>{const t=window.location.origin+window.location.pathname;navigator.clipboard.writeText(`${t}#${e.id}`)})})})

• features I would like to add to the template: digital garden obsidian plugin
• web monetization
• music player with my techie playlist
• prettier most recent notes and writings MOC note. see https://hermitage.utsob.me/#on-top-of-my-mind

things to get from wikibonsai:

• I like the visit history navigation and toggling between graph and past visited
• he does a tag map instead of organizing in folders. But it archieves almost the same thing actually.
  should I use a tag map or a folder structure?

social

• share note buttons (copy link, linkedIn, mail)

• social interactions: comments, mentions, likes

• look into webmentions to add comments and interactions to my writings.
  https://indieweb.org/webmention.io

• https://webmention.io/: user needs their own URL
  webmention with bridgy pulls responses from reddit, github, facebook, mastodon twitter. linkedin
  other sites can notify their mentions to you, but they need a URL, so normal users can't interact that much.
  for very technical users(devs that are on mastodon)
  webmentions with bridgy could be a good solution.

• disqus OK, has trackers and makes a lot http requests

• facebook commentsrequires facebook account

• Remarkbox their hosting and developing seems to have been abandoned. I can find out how to self host tho.

these use github. ok if my site is only for engineers

• -g giscus: needs a github account. uses the github discussions system

• utteranceis built on github issues. needs github account

• hyvorsimple, good. paid, can't self host

• commentbox free 100 comments/month

• graphcommentup to 1M data loads / month

• intense debate UI seems very old, looks like they host everything

self hosted:

• remark42 went with this one ✅
• https://linuxhandbook.com/self-host-comment-system/#commento
• isso
• commento
• https://hub.docker.com/r/caroga/commentoplusplus

RSS feeds is a standard way to subscribe to sites to see when posts are published and updated. kinda like a youtube subscribe button for sites. I guess it is mostly used today to follow personal sites and writes, news... Prob used a lot for blogs (specially when blogs where more prevelent years ago).

Ideas for stack

static site generators
I went with a static site generator that is implemented as an obsidian plugin.

References:

nikita

• https://nikiv.dev/ and https://github.com/nikitavoloboev/nikiv.dev.
  simple site built on top of Solid start template.
  hosts his wiki section is updated with gitbook or vitepress

• https://tomcritchlow.com/wiki/
  https://tomcritchlow.com/2019/02/17/building-digital-garden/
  really like this site. has a blogging section with comments.
  made with jekyll

• https://miketannenbaum.com/

• https://notes.andymatuschak.org/About_these_notes?stackedNotes=zPKTSiU725W9WQCqoVPBcxm

Documentation

https://dg-docs.ole.dev/
https://github.com/uroybd/topobon/tree/main/src/site/styles

Themes

• Abyssal
  Try them out and see how the page behaves.
  Some themes make the UI act funky or dont support all emojis.