dorkhub

enscribe.dev

My personal website, built with Astro, CSS, and love.

jktrn
TypeScript58752 forksupdated 2 days ago
visit the demogit clone https://github.com/jktrn/enscribe.dev.gitjktrn/enscribe.dev

enscribe.dev preview

Stargazers Code License Content License

enscribe.dev is my personal blog and portfolio, built with Astro and vanilla CSS on top of my personal blogging template, astro-erudite.

The majority of technology behind this website was designed for the sole purpose of augmenting and enhancing the reader experience without detracting from the content itself. I’ve put a lot of care into this:

  • I implemented the Knuth–Plass line-breaking algorithm using Pretext. The algorithm hyphenates and justifies text optimally for beautiful typesetting. This is a rare and experimental feature that I’ve made a toggle due to its fragileness.
  • The majority of graphics and images on the site are designed in both light and dark mode. If a graphic can be represented entirely as a vector, it is embedded directly onto the page and uses the same color variables as the site. If a graphic has raster elements, its luminance is quantized onto my constrained color scale.
  • I use a rich typographic system with Utopia type scales, old-style numerals, smart punctuation, muted parentheticals, and automatic small caps for acronyms and abbreviations. The numerals and small caps are baked into the served font files rather than applied with font-variant, so canvas text measurement sees the same glyph widths the page renders (the line-breaking algorithm depends on this).
  • External links receive source-specific favicon glyphs so their destinations are recognizable.
  • Posts support rich prose elements including theme-aware syntax-highlighted code, copyable commands, collapsible callouts, tabs, file trees, footnotes, MathML, and responsive tables.
  • A “reader” mode exists to hide navigational elements, inline favicons, and underlined links to improve readability and reduce noise.

It is also designed to imbue as much of myself onto the site as possible. I present a lot of automatically collected data about myself (e.g., my GitHub calendar, my WakaTime hours, my Spotify and Discord statuses), and I write with the same voice that I speak with.

You are not allowed to copy this website’s source code as your own. Please read Licensing for more details.


Preview 2 Preview 3
Preview 4 Preview 5

Licensing

enscribe.dev is source-available, not open source. Unless stated otherwise, its site-specific code and visual design are proprietary and may not be copied, reused, or redistributed without permission. For an MIT-licensed foundation, use jktrn/astro-erudite.

Original posts, images, and other published material are licensed under CC BY-NC-ND 4.0, which permits unchanged, attributed sharing for noncommercial purposes.

See LICENSE.md for the code and design terms and LICENSE.content.md for the content terms. Permission requests may be sent to jason@enscribe.dev.

more like this

meine

meine 🌒 - A CLI file manager and system utility built with Textual. It combines intuitive command parsing with rich t…

Python50

gameboycss

A Visual Nintendo GameBoy using HTML, CSS, Javascript & WebComponents 👾 (old version)

JavaScript56

search

search projects, people, and tags