My website: Backlog
Stuff I want to do on this website, or otherwise just investigate and experiment with. The done stuff is on the changelog page.
UI: improvements
- UI: Content components
<Blockquote>
- accepts a title before the quote (before
\\
) - accepts an attribution after the quote (after
//
) - the attribution can contain a link
- accepts a title before the quote (before
<Note type="old|construction|blog|tags|meta|links">
Authoring experience
- AX: auto-titles (will allow emoji in h1)
- AX: frontmatter defaults per folder
- AX: author all page links with extension (so that IDE can navigate naturally); strip them via remark plugin
- AX: incomplete frontmatter (missing type)
- AX: validate broken links/images
- AX: validate outgoing links (cache!.. last checked on...)?
- AX: common emoji aliases, please 🥺
- AX: VSCode emoji preview
Docs
- add README
- minimal operation instructions
- a little narrative
- delegate the details to MDX files?
- Content: docs / components / ...
- Content: docs / Astro setup
- VS Code setup
- project layout
- extensions used
- custom remark plugins
- images with zero layout shift
Feature: Tags
- UI: navigation for
tags/**
section header - featured, top, latest (stretch) - UI: tag styling
- Feature: featured tags
- Feature: featured content in tag listing
- Feature: top tags
- Feature: latest tags
- Feature: related content (same tags)
- Experiment: tag network graph
- https://github.com/d3/d3
- https://d3-graph-gallery.com/intro_d3js.html
- https://d3-graph-gallery.com/graph/network_basic.html
Feature: Links
-
Content: Add links to existing posts
-
Feature: featured links
-
Content: featured links (friends)
- https://vanessapoppe.com/
- https://brunopedro.com/
- https://nevanscott.com/
- https://diniscorreia.com/
- https://duplos.org/
- https://meet.andr3.net/
-
Feature: show links in article
-
Feature: Link page
-
Feature: Links home
-
Feature: navigation in links section
-
Feature: related content same links
Feature: Series
- Feature: this article is part 3/5 of a series on "topic"
Feature: Experiments
- Content: experiments homepage 💡
- always two pages: concept and execution
Later
- UI: new component
<Code>
with nice syntax highlighting andcopy
function - Vectors for work/story/music section
- Make image quality part of profile, currently it's hardcoded to dev=50 prod=80
- Prettier crashes on MDX because MDX 2 - temporarily changed the parser to
astro
- Tooling: accessibility linting
- Feature: Media stream
- Features:
- feed archive
- search
- site map: https://github.com/withastro/astro/tree/main/packages/integrations/sitemap
- Optimisation: prefetch:
- benchmark first, interesting to document
- see https://docs.astro.build/en/guides/integrations-guide/prefetch/
- UI: embeds:
- Youtube
- Twitter (not embed, just quote)
- see https://github.com/astro-community/astro-embed/tree/main/packages/astro-embed-youtube
- SEO: audit and tweaks
- see https://github.com/astro-community/astro-seo
- UI: navigation:
blog/**
: section footer: related - Observability
- Feature: link roll
- UI: Theming
- Feature: related posts
- Feature: footnotes
- Feature: link to source file on some content
- Feature: search
MD(X) examples
Link dump
-
svg trickery
- via postcss
-
Accessibility: On demand announcements
-
Micro formats