1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-29 19:42:11 +00:00
Commit graph

192 commits

Author SHA1 Message Date
Rohan Kumar
f4e4128d92
Give repeated footnote backrefs an accessible name 2022-04-28 17:41:13 -07:00
Rohan Kumar
aad8b11a70
Shortcode improvements
- New shortcode for quotation. Not using this yet.
- Make picture shortcode round image dimensions to integer values.
- Make quotecaption support code snippets borrowed from other places.
  Not using this yet.
2022-04-27 17:20:16 -07:00
Rohan Kumar
371253c2dc
Improve code blocks
- Support defining text in a codeblock that can be translated
- Shrink some blocks to prevent page breaks on print
2022-04-27 08:53:39 -07:00
Rohan Kumar
cffa22e79e
Internal: re-org templates a bit
Split up some verbose and repetitive templates to use nested templates.
Cache some templates that don't need to be re-built every time.

Reading time: switch "a" to "an" when followed by the number "8".

Improve whitespace alignment a bit.
2022-04-27 08:44:13 -07:00
Rohan Kumar
8597e50a59
Stylesheet: better print theme, simpler dark theme
- Better print stylesheet, now with a file dedicated just for print
  style improvements.
- Hide extra stuff in print.
- Bring back navbar for print because it also tells users the current
  section and the site name.
- Dark theme: make superscripts bold instead of using a higher-contrast
  color.
2022-04-27 08:41:36 -07:00
Rohan Kumar
f964152072
Add SerenityOS screenshot
obv gotta show off that awesome retro desktop
2022-04-26 22:39:12 -07:00
Rohan Kumar
c26a6d6cc8
Re-introduce conservative minificaiton
- Don't auto-minify HTML but minify other resources, inc. the RSS feed
- Manually optimize whitespace a little to balance readability and
  compressed size
2022-04-26 17:15:42 -07:00
Rohan Kumar
a1a89ed3d3
Remove unused class
Now the only non-microformats class is .unstyled-list.
2022-04-26 09:22:18 -07:00
Rohan Kumar
5989b2e725
Use doc-tip for timestamp format notice 2022-04-25 16:52:03 -07:00
Rohan Kumar
ec5d613ffc
Only render anchor links in post pages 2022-04-25 17:35:14 -07:00
Rohan Kumar
4d5c725147
Fix bad use of <section>
Sections should have headings.
2022-04-25 17:34:21 -07:00
Rohan Kumar
3d5f9ad1e3
Add anchor links, attempt #1. 2022-04-25 17:29:34 -07:00
Rohan Kumar
b1efab7def
More markup formatting, remove unnecessary div
- Decrease the article dom depth by 1 by replacing <main><div> with just
  <main>.
- Fix some whitespace so the HTML output looks better.
2022-04-25 17:28:13 -07:00
Rohan Kumar
87a89ce514
Fix skipped heading level 2022-04-25 08:54:42 -07:00
Rohan Kumar
eb8ca07b9f
Goldmark 1.4.12, switch to good unminified output
- Goldmark 1.4.12 switches footnotes from a <section> to a <div>; update
  regexes and stylesheet to account for this.
- Goldmark 1.4.12 allows multiple footnotes with the same reference; use
  that.
- Clean up templates for unminified output. Also delete an unused class.
- Switch to unminified output by default.
2022-04-25 08:49:13 -07:00
Rohan Kumar
f23b4f1975
Update theme color 2022-04-25 08:39:13 -07:00
Rohan Kumar
f3a77025fa
Add periods to post metadata
Helps screenreaders add pauses appropriately.
2022-04-24 21:51:52 -07:00
Rohan Kumar
bd7c76044a
Give section a label 2022-04-24 16:53:29 -07:00
Rohan Kumar
4e48237647
Prepare for goldmark v1.4.12
Goldmark v1.4.12 switched footnotes to a div. Make them a <section>
again, since I do insert a heading.
2022-04-24 12:35:07 -07:00
Rohan Kumar
baa84af0c5
Remove skip link, typo.
The skip link is unnecessary on my site since landmarks and headings
both allow skipping repeated content.
2022-04-23 20:21:02 -07:00
Rohan Kumar
8ddc2ec879
Make transcript the description of the image. 2022-04-22 11:48:22 -07:00
Rohan Kumar
bec97543aa
Remove redundant "Contact" section article footer
There's a contact link in the site footer now, no need to include it in
the article footer.
2022-04-22 11:40:34 -07:00
Rohan Kumar
f10de9f2e2
Improve semantics/a11y of site header/footer
- Make footer links a list element
- Make header aria-label less redundant
- Give footer links a label
2022-04-22 08:49:27 -07:00
Rohan Kumar
6aa7656411
Remove aria-description from figures
Causes repetition in some screen readers.
2022-04-22 08:48:20 -07:00
Rohan Kumar
c939afbc0a
Elaborate on focus indicators + fix anchors 2022-04-21 21:40:40 -07:00
Rohan Kumar
2c87b6269f
Revert "Microdata: don't replace "name" with "nickname""
This reverts commit 50d4c9435d.
2022-04-21 21:40:17 -07:00
Rohan Kumar
50d4c9435d
Microdata: don't replace "name" with "nickname" 2022-04-21 18:03:14 -07:00
Rohan Kumar
d89de5db68
Give code figures both a label and description 2022-04-20 17:56:06 -07:00
Rohan Kumar
120232a403
Re-do my approach to image transcripts.
Way better now. Also introduce a way to emphasize some keywords in code
blocks without going full syntax-highlighting.
2022-04-20 17:55:13 -07:00
Rohan Kumar
02bf9e6a6b
Site structure: emphasize current on home, meta
- microdata for CompleteDataFeed on /posts.html instead of DataFeed
- make the home link <strong> when it's the current page, just like the
  other navlinks.
2022-04-19 20:16:20 -07:00
Rohan Kumar
8e8512290b
Fix invalid HTML 2022-04-19 20:07:30 -07:00
Rohan Kumar
01e52bad16
Split up figcaption partial, add some fignos
- give code blocks their own figure numbers/names/ID
- Split figcaption into quotecaption and codecaption
- create codefigure partial to reduce markup for SoftwareSourceCode
  figures
2022-04-19 18:06:57 -07:00
Rohan Kumar
84cde2e97f
Internal: create + use figure shortcodes + hooks
Create a for <figcaption> and a render hook for code snippets inside
figures, replacing some ugly and complex inline HTML in my markdown
sources.

The only visible change is slightly worse HTML alignment and programming
language indicators (with microdata).

This removed the need to use one of the regex replacements in the
processed_content.html shortcode, and increased the minimum required
Hugo version to 0.93.
2022-04-18 21:15:29 -07:00
Rohan Kumar
84c77b62f0
Screen readers: don't speak redundant © 2022-04-18 21:05:34 -07:00
Rohan Kumar
3490f630cc
Switch bad use of <footer> to <section>
Thanks to @eslerm@mastodon.social for asking some good questions that
got me to re-evaluate my use of <footer>.
2022-04-18 21:04:37 -07:00
Rohan Kumar
c94a846730
Re-order article footer elements
Add headings and re-order the items in the article footers to improve
heading-based navigation. Now all sections should have a landmark
recognized by most AT, or a heading.
2022-04-18 19:58:09 -07:00
Rohan Kumar
83b4f32d0b
Emphasize current section in navbar
WCAG recommends telling visitors about their current place in a site's
hierarchy. All pages are exactly zero or one level below a section, so
simply emphasizing a member of the navigation links should be
sufficient.
2022-04-18 19:54:40 -07:00
Rohan Kumar
1391b93dd0
Add aria labels to footnote backlinks 2022-04-18 08:59:43 -07:00
Rohan Kumar
070ad7c14d
Correct use of landmarks
- No content outside landmarks
- Remove bad use of <aside>
2022-04-18 08:56:22 -07:00
Rohan Kumar
92f1d70128
Fix TOC aria labels, avoid bad spatial word choice 2022-04-18 01:29:05 -07:00
Rohan Kumar
addcf78292
Add missing aria label 2022-04-18 00:51:07 -07:00
Rohan Kumar
9d34f82f5d
Limit homepage posts to featured posts 2022-04-18 00:31:19 -07:00
Rohan Kumar
b5ebca64cd
Switch back to using a <hr>
The thematic break is appropriate here and having it announced by screen
readers actually helps.
2022-04-17 22:59:49 -07:00
Rohan Kumar
ca3e997c61
Remove redundant link and trailing whitespace. 2022-04-17 13:03:39 -07:00
Rohan Kumar
3affd1f97a
Fix missing h1 on bookmarks page 2022-04-17 12:49:21 -07:00
Rohan Kumar
4650a88024
Fix missing h1 on posts page 2022-04-17 12:48:33 -07:00
Rohan Kumar
c2e146e7bc
More narrow screen optim for old browsers
Some old browser engines don't fully support hyphenation, so they need
some extra help. Now, the entire site should fit in a 150 CSS-pixel wide
viewport.

Clean up some link text too so the text alone is more useful.
2022-04-15 21:06:28 -07:00
Rohan Kumar
00da18b36e
Add skip link
Should now be full wcag AA with some AAA.
2022-04-14 22:15:54 -07:00
Rohan Kumar
401837952f
Make all pages look good in 150px viewports
All pages except bookmarks can now fit on your smartwatch without any
adjustments, so we can disable the auto-zoom-out-to-match-mobile
wizardry that watch browsers do (comparable to the
zoom-out-to-match-desktop stuff that early mobile browsers did).

Yay.
2022-04-13 18:43:12 -07:00
Rohan Kumar
e29aa8c9ca
Fix whitespace 2022-04-13 18:21:48 -07:00