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

98 commits

Author SHA1 Message Date
Rohan Kumar
bd705cd0b1
Give indieweb icon a PNG fallback
This should improve compatibility with older and non-mainstream
browsers.
2022-06-09 08:34:49 -07:00
Rohan Kumar
3c914b4dd1
Support multiple <dt> that share a <dd>
- Make sure their tap targets do not overlap
- Use a regex to detect them in markup using an "OR" keyword
- Implement them in one article.
2022-06-06 21:42:32 -07:00
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