1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-17 22:32:10 +00:00
Commit graph

96 commits

Author SHA1 Message Date
Rohan Kumar
6d09030988
Replace some CSS borders with <hr />
The thematic break is appropriate there and it trims down my CSS a bit.
2022-06-05 21:17:18 -07:00
Rohan Kumar
811c887755
CSS overhaul: non-overlapping outlines
I increased a bunch of tap targets to fit the recommended 48x48 sizes
and 56x56 non-overlapping regions, but unfortunately this caused
outlines to overlap with each other. This commit turns these elements
into inline-block elements and makes the necessary fixes to accomodate
this change.
2022-06-03 15:47:14 -07:00
Rohan Kumar
062c348d4e
CSS: increase endnote backlink tap target size
Should meet the 48x48px target now.
2022-06-02 22:04:21 -07:00
Rohan Kumar
927987093e
Form improvements
- Make webmention submission form a fieldset
- Re-order CSS to avoid descending specificity
- Make search label mention Search My Site
2022-05-30 12:07:33 -07:00
Rohan Kumar
0ed68c5e9a
Add webmention submission forms
A long time coming
2022-05-29 22:48:27 -07:00
Rohan Kumar
41be095485
Fix: don't use system-ui for inputs
Thanks, forever!
2022-05-28 16:51:37 -07:00
Rohan Kumar
4c5d8483bd
Fix <ins> looking like a hyperlink 2022-05-28 14:22:52 -07:00
Rohan Kumar
69a49b5dc0
Add non-interactive space between form tap targets
Also fixes alignment on some browsers like IE.
2022-05-26 18:00:02 -07:00
Rohan Kumar
0cd1d89a8a
Reset input styles 2022-05-26 17:23:51 -07:00
Rohan Kumar
8158cb3cd9
Add site search (poweredy by SearchMySite)
Add a search bar to the site footer to search seirdy.one.
2022-05-26 17:06:56 -07:00
Rohan Kumar
6b8dd5a657
Use <aside> for reply context
Makes it play better with reading modes, etc
2022-05-26 12:17:58 -07:00
Rohan Kumar
972e025aa3
Dark palette: reduce excessively harsh contrast
Use excessively harsh colors in response to a "prefers-contrast: more"
media query, but otherwise use something a bit softer to accommodate
overstimulation.
2022-05-23 08:54:06 -07:00
Rohan Kumar
404d7d8561
Improve dark-mode contrast a bit
- Lighten dark background some more
- Replace the black superscript backgrounds with different foreground
  colors.
2022-05-23 08:42:24 -07:00
Rohan Kumar
a0644d74c3
Make webmentions a <dl>, don't translate code 2022-05-19 19:26:21 -07:00
Rohan Kumar
f798de7e63
A11y: drop draft ARIA, overhaul in-page links
- Stop using draft WAI-ARIA 1.3 that isn't supported yet
- Make in-page links focusable across shortcodes/partials
- Replace existing in-page heading anchor links with a more accessible
  option.
- Make backlinks aria-labelledby instead of giving them an aria-label,
  so they can be translated.
2022-05-19 17:18:14 -07:00
Rohan Kumar
809fed4308
Accessible in-page heading anchors!
Bit the bullet and decided to make anchors that look great to
terminal/textual browsers, ARIA + screen reader combos, and a regular
browser.
2022-05-19 13:26:54 -07:00
Rohan Kumar
b519c5f371
Add prev/next post navigation links
Also adjust some margins to eliminate cut-off elements.
2022-05-18 17:21:48 -07:00
Rohan Kumar
7d601a711f
Stop using the "contain" CSS property
More trouble than it's worth.
2022-05-15 17:39:22 -07:00
Rohan Kumar
3909228b19
CSS: fix focus indicators on legacy browsers. 2022-05-13 17:16:15 -07:00
Rohan Kumar
86143428f3
Better backlinks, streamline css
- Streamline CSS to reduce duplication
- Better backlink accessible names for endnotes with multiple backlinks

This required updating a false positive filter in my vnu jq filter.
2022-05-12 20:51:11 -07:00
Rohan Kumar
a9039e1bde
Adjust image transcript approach
- Use section instead of nested article
- Adjust stylesheets to match above markup changes
- Mention upcoming aria-details
2022-05-12 17:33:12 -07:00
Rohan Kumar
a96b77793b
More CSS containment, adopt shortcodes
- Adopt more shortcodes in older posts.
- Contain figures, excluding images. Slightly decreases paint times.
- Fix spacing issues for nested articles.
- Always enable vertical scrollbar, since pretty much all pages are
  taller than the viewport. Eliminates a layout shift.
- Moar microdata
- Set fixed updated dates for some posts so they don't get new
  date-updated values until I actually change the content significantly
2022-05-11 23:32:35 -07:00
Rohan Kumar
96666b671e
CSS fixes
- Fix nested list spacing
- Remove redundant padding rule
- Fix syntax error
- A couple simplifiations
2022-05-10 16:06:28 -07:00
Rohan Kumar
71dc86faf9
Fix non-interactive space section & impl
Improve non-interactive space on the homepage and use a better
screenshot to illustrate the concept.
2022-05-09 17:51:44 -07:00
Rohan Kumar
01c99e2b59
CSS: use absolute units for side margins
Side margins created to prevent mis-taps on scrollbars or swipe-backs
for going back should not scale with zoom; that would make reading while
 zoomed in impossible.
2022-05-07 22:22:11 -07:00
Rohan Kumar
6d502d7c1f
Replace bold with color contrast for superscripts 2022-05-06 22:28:06 -07:00
Rohan Kumar
3c82a16e0b
Fix extra section borders 2022-05-06 16:22:31 -07:00
Rohan Kumar
5f892f9233
Forgot to fix margin 2022-05-05 20:08:52 -07:00
Rohan Kumar
d97481f381
Homepage refactor
- Make webring links touch-friendly and accessible by using spaced-out
  details elements.
- Make details elements touch-friendly by indicating interactive region
  area and making summary padded.
- Sort featured posts by featured order.
- Ensure that at least one non-interactive tappable region exists on the
  screen at all times, 48x48 px.
2022-05-04 22:22:38 -07:00
Rohan Kumar
40cc095291
remove all pixel-perfect bs, tap target space
- atl 8px between tap targets across browsers
- use coarse em increments to remove all pixel-perfect bs.
2022-05-04 21:49:45 -07:00
Rohan Kumar
5f1b73362c
CSS: adjust to meet recommended tap-target size
Adjust margins/paddings to actually meet the 48px recommended
tap-target size.

Also get rid of the unstyled-list class. Now my stylesheet only uses a
single class; everything else is actually-semantic-markup.
2022-05-04 17:54:33 -07:00
Rohan Kumar
978b4b2b1a
Improve tap target + font size for WCAG AAA
Increased font size to decrease chars-per-line (SC 1.4.8) and increase
tap target size.

Pad the nav links more and add some extra space between them to meet SC
2.5.5.
2022-05-03 17:05:47 -07:00
Rohan Kumar
abc7b57e95
Improve print stylesheets
- Don't pad nav on print
- Link underlines in the TOC are not necessary in print
- Show home link on print
2022-05-02 15:42:57 -07:00
Rohan Kumar
c9a1958264
CSS: fix misaligned inline nav, simplify
Fixing the misaligned inline nav using "inline-block" also made it
obvious that I can simplify compound selectors. The max number of
compound selectors has dropped from 4 to 2. Update stylelint configs to
reflect this.

Also fix containment to reflect a prior change (webmentions are a
section, not a footer.)
2022-05-01 21:59:11 -07:00
Rohan Kumar
46471ea742
Improve tap target size on TOC 2022-05-01 21:24:17 -07:00
Rohan Kumar
321f851431
Remove responsive navbar
It's mobile-friendly as-is. I made sure that tap-targets were even
bigger and more spaced-apart, just to be safe.

Hide unnecessary nav-links in print mode.
2022-05-01 17:04:20 -07:00
Rohan Kumar
7bdd93d875
Increase tap-target size of nav links 2022-04-29 17:53:19 -07:00
Rohan Kumar
fa10af4051
Tweak a color 2022-04-27 08:52:14 -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
0548f7d66c
Re-do dark stylesheet to avoid overstim
Use the updated weights for APCA.
2022-04-26 17:29:05 -07:00
Rohan Kumar
e2bf884052
Apparently I don't know how "initial" works 2022-04-25 22:28:10 -07:00
Rohan Kumar
46a0e5127b
CSS: narrow-screen nested lists, border for <samp> 2022-04-25 22:11:18 -07:00
Rohan Kumar
5771a22943
CSS: various tweaks
- minimal print style
- trigger hyphens at a higher width threshold
- almost fully classless
2022-04-25 17:37:23 -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
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
8d22a26692
This dd/dt/dl distinction confused me ugh 2022-04-23 20:29:17 -07:00
Rohan Kumar
c609681824
Oops, that wasn't a typo. 2022-04-23 20:27:35 -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
793c58eeb9
Improve link colors on gamma-adjusted screens
Existing link colors made it hard to distinguish between visited and
unvisted links on screens that had warmer color temperatures. Adjusted
the colors to make the distinction clear.

Unfortunately, that adjustment made superscript visited links (for
footnotes) fail the APCA, so I added a solid black background to
superscripts. Now they too should have good contrast.
2022-04-23 15:35:08 -07:00