Todos
improve example
Ref: Reference - content/gatsby-transformer-leasot/en.mdx#L148strange wording 😳😅
Reconsider API before publishing article or at least the module!
get line highlighting working
make a component for note, info, warning etc
RouteChangeAnnouncement needs testing
more meta tags
add slate-edit-list
automate using
.gitignorefile I guessmaybe use mmmagic to get mime type to exclude images, videos etc
use ETags when adding cache/caching
identify url language and use instead of defaultLang
build more extended (db-based) redirect list & solution &| 6G Firewall
outsource pageview counter logic
move after response once figured out how — probably once switched to Express template
make reusable function to define meta-tags
wait for kentcdodds/mdx-bundler#70
Add "banner" if page not yet published
mark external links somewhow
prose-a:after:content-['_↗'](from TW docs) is interesting but might be a little much?once I've got search on this site add a SearchAction to JSON-LD
Twitter profile banner like Prateek Surana using API
when adding cache/caching check out Loader vs Route Cache Headers in Remix
add useIsPending hooks by Ryan Florence
add review feature 🥰
add feed to simevidas/web-dev-feeds
play with text-shadow like 12daysofweb.dev
broken link checker?
maybe turn tab-rant into post tweet?
automate using
.gitignorefile I guessmaybe use mmmagic to get mime type to exclude images, videos etc
use match-sorter for todo filtering
add accessibility help linking to contact once implemented
add follow link?
add console notes like gaiama.org
use
hydrateto distinguish interactive from non-interactive postsuse skia-canvas or similar instead like camchenry.com
design article cards with some "adorno" based on the categories og:image bg 🥳
probably too much clutter! (consider adding
description, maybe only if less than n characters)authorundefinedmaybe show
statusas well?once using express redirect e.g. /accessibility to prefered-language/accessibility or sthg 🤔
maybe use Ryan's syntax highlighter like KCD
or look into stitch.dev's highlighter
use @remark-embedder/core and/or mdx-embed.com
possibly improve excerpt?
Extend counter to add #ids to all figures like images, videos, tweets etc
check if this works!
design article cards with some "adorno" based on the categories og:image bg 🥳
move to https://github.com/Brooooooklyn/canvas ?
provide alternatives via Figma API (like flyyer.io) and Canva API
probably too much clutter! (consider adding
description, maybe only if less than n characters)authorundefinedmaybe show
statusas well?make type of BG & colors overidable from frontmatter
maybe use something similar to my Tailwind egg
with or without blur?
verify user here everytime? maybe overkill?
add more user profiles, maybe change implementation
maybe create own route and add links via a .json? - Probably soon obsolete when moving to custom CMS 🥰
use truncate-url once figured out how to use ESM or being properly supported?
maybe switch to HowTo
"og:image:alt":
water the seedlings
you can add a reference like this as well
Ref: Reference - content/gatsby-transformer-leasot/en.mdx#L149example without reference
Add cache/caching to RSS in Remix article (directly or link to new article) Loader vs Route Cache Headers in Remix
Make analysis of RSS guid's (etc) used, link to "An Analysis of Feed URLs"
doesn't work with rehype-extract-toc
make text not exactly white!!!
Get tailwind.config.js types working for plugins tailwindlabs/tailwindcss#1077
make theme toggling, based on class, default to auto (via code), be customizable but also revertible to auto (theme-change) tweet discord
write about the egg somewhere 🤙
![app/routes/assets/images/og[.png].ts#L1](https://github.com/CanRau/canrau.com/blob/main/app/routes/assets/images/og[.png].ts#L1){kind=link}
![app/routes/assets/images/og[.png].ts#L65](https://github.com/CanRau/canrau.com/blob/main/app/routes/assets/images/og[.png].ts#L65){kind=link}
![app/routes/assets/images/og[.png].ts#L66](https://github.com/CanRau/canrau.com/blob/main/app/routes/assets/images/og[.png].ts#L66){kind=link}
![app/routes/assets/images/og[.png].ts#L67](https://github.com/CanRau/canrau.com/blob/main/app/routes/assets/images/og[.png].ts#L67){kind=link}
get birthday from some config or sthg?
last item in useMatches always correct? get canonical from here as well?
make RSS feed dynamic
When RSS add Feedly subscribe link example
turn prettyfeed into resource route to make languages and texts dynamic
make
canonicalavailable from compile-mdxfix visits and
catchherenot working for multiple code-blocks on the same page (yet)
set flyctl secrets
how to markup keyboard shortcut in md?
add link to Promise.any docs
Add syntax highlighting
Add link to actual generate-roadmap code once open-sourced (non Deno version)
Make age a dynamic component
try out swyx's 100 bytes of CSS blog with explanation
find better name? allows to target all (list) elements except the first
don't remove (defaults to media) until light mode has been fixed (by me 🥲)!
TailwindCSS Typography plugins' styles, or remove it 🤨 Wait for tailwindcss-typography#102 and tailwindlabs/tailwindcss/discussions/5711
JS Date so month starts at 0=January
could use rdfa, though using json-ld makes it probably unnecessary 🤔
use
export const handle = { hydrate: true };in any route to enable JSthat this is not a true button, but a span with button-like CSS.
to hack around leasot not allowing extensionless files
session secret generated via
head -c20 /dev/urandom | base64recommended on martinfowler.comnot sure why this worked in Deno? refed good article
need to await in order for the signed cookie to work
doesn't work with "params" demo!
useFirstRender hook from SO
twitter doesn't seem to like
og:image:urlclear FB cache Sharing Debugger
validate Twitter Cards
more about Twitter Cards
MyImg thanks to Sam Robbins
more on component substitution
why is parseISO necessary?? - switched to dates being string anyway 🤷🏻♂️
RSS feed with PrettyFeed inspired by
compression inspired by Node v12.7 How to implement native brotli, gzip, deflate compression buffer
Schema.org WebSite
alternative to custom not-first:mt-20 could use space-y-20
to hack around leasot not allowing extensionless files
i like not-first:before:content-['|'] but those are missing when copying 😒
alternative could be react-add-space
more about Twitter Web Intent
not sure tho 🤔
disabled version mismatch for now, not sure that's what caused Twitter Card Validator to fail tho 🤔
to prevent errors like this
on Date parsing in frontmatter gray-matter#62 yaml spec
useClipboard Hook by stitches-site
trying to set the cover to the first image
commented this solution in kentcdodds/mdx-bundler#70
use enums? probably not necessary
pptrCache to prevent
ENOSPC: no space left on devicecatching onmkdirbecause it errors if dir already existsI wrapped the extension in quotes "" to make it easier to notice empty extensions
If [
@tailwind variantsis] omitted, Tailwind will append these classes to the very end of your stylesheet by default. docsto fix toml indentation
wrote this as a POC for 'Custom "Modes/Themes" (Ex. Dark Mode)' tailwindlabs/tailwindcss#6547
mentioned in tailwindlabs/tailwindcss/#2466
disable JIT until prettier-plugin-tailwind#29
colors in extend to not override tailwinds colors (for now)
![app/routes/assets/images/og[.png].ts#L33](https://github.com/CanRau/canrau.com/blob/main/app/routes/assets/images/og[.png].ts#L33){kind=link}