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

195 commits

Author SHA1 Message Date
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
Rohan Kumar
1938aa2246
Remove redundant section 2022-04-13 18:21:39 -07:00
Rohan Kumar
eaa8023af8
CSS: apply improvements described in WBP article
- Use borders instead of <hr>
- Distinguish <kbd> from <code> and body text with boldness
- Improve dark contrast and make dark visited links look distinct from
  regular text
- Improve focus indicators
2022-04-13 18:19:49 -07:00
Rohan Kumar
3200333424
Shorter alts, formatting, redundant links, cleanup
- Shrink some excessive alt text
- Remove some redundant links
- Screenreaders that split elements up aren't just on touchscreens
- Mention ChromeVox in list of screen readers
- Move TOC higher in page
- Spelling
- Drop more unused classes
2022-04-09 08:59:12 -07:00
Rohan Kumar
8be0fae481
Templates: drop unused class, support img scaling
- The .footnote-ref  class was unused, drop it.
- Support supplying a scale-factor property to the picture shortcode, to
  upscale small images.
2022-04-09 08:54:58 -07:00
Rohan Kumar
41b66d8ceb
Put TOC heading inside the TOC <nav>
Putting the heading in the navigation element makes the structure more
logical and matches the behavior of most other websites.

Move it before the introduction in my web best practices post.
2022-04-09 08:51:10 -07:00
Rohan Kumar
072ab1dfff
Add + comply with notes on screen reader support
- Replace hashes in code snippets with variables for screen-readability
- Use hyphens where valid instead of combined words for screen reader
  pronunciation
- Typo
- Add WIP section on screen reader support tips not already covered.
2022-04-10 17:24:59 -07:00
Rohan Kumar
76a1d8a7ca
Fix tab-selection of <pre> blocks
Turns out some browsers do skip tab-selection of scrollable <pre> blocks
2022-04-07 15:39:06 -07:00
Rohan Kumar
89f04e2f31
Fix structured data 2022-04-06 23:14:13 -07:00
Rohan Kumar
47106441f7
Remove deprecated ARIA, unused classes 2022-04-06 17:49:25 -07:00
Rohan Kumar
de882addcf
Typo 2022-04-04 21:40:36 -07:00
Rohan Kumar
613eba7ccf
Remove deprecated "doc-endnote" DPUB-ARIA role
Temporary measure for use with Goldmark till it drops this

see https://github.com/yuin/goldmark/issues/258
2022-04-05 21:41:08 -07:00
Rohan Kumar
ba637cf1db
Add obligatory privacy policy
TLDR: I don't collect anything except for default access logs purged
every other day
2022-04-04 19:20:14 -07:00
Rohan Kumar
37b9063186
Semantics: TOC and post-list <ol>
Order is significant for the ToC and post list so make them ordered.

I opted to make post-lists a reversed list, so I don't end up having
every post change its number every time I post.
2022-04-04 19:13:07 -07:00
Rohan Kumar
e455703209
Remove "last deployed" date
Visitors can see that on post update dates; I can see that in
builds.sr.ht.

This results in not having to upload every page on a trivial change. Add
the "-c" rsync flag to take advantage of that. Doing so should also
result in longer-lived cached copies, with etags and last-modified
headers.
2022-04-04 19:00:07 -07:00
Rohan Kumar
73215343ca
Remove obsolete longdesc 2022-04-03 20:53:13 -07:00
Rohan Kumar
b1e7b65e02
Re-organize and clarify some things
- Re-phrase a line referring to a previous section; after some
  re-arrangements, that section is no longer a "previous" section.
- Replace spatial terminology ("bottom") with sequential terminology
  ("end")
- Add note on font enumeration without the Font Access API
- Acknowledge testing in grayscale but emphasize that it isn't enough.
- Move defense of link underlines to just after the section on custom
  colors, since it's more relevant to it.
- Add xkcd image into the page instead of just linking, since the linked
  page content is an image that doesn't include a transcript or
  descriptive alt-text.
- Trivial rephrasings
2022-04-03 19:34:45 -07:00
Rohan Kumar
60bf9110b9
A11y and perf improvements
- Even less halation for dark theme
- More contrast for borders
- Slightly larger font, fixes APCA contrast issue for <small>
- Make responsive navbar work in NetSurf
- Make aria-current page bold
- Use content-visibility to unload footers and endnotes
- Add aria-labels to unclear webring link text
- Replace <hr> elements with css borders; the semantic meaning of <hr>
  was unnecessary with section breaks.
2022-04-02 23:54:39 -07:00
Rohan Kumar
1a70b01374
Aria-current, shorter titles 2022-04-01 22:21:00 -07:00
Rohan Kumar
9fbf3f5138
Mention BBR congestion, streamline quotation citations. 2022-03-31 18:42:13 -07:00
Rohan Kumar
eb2348a633
Make TOC a normal section, not a <details>
The TOC should be a normal section and a change to visibility isn't
necessary. Avoids the complexity of buttons (<summary> is a button).
2022-03-30 17:46:43 -07:00
Rohan Kumar
cd622cc85c
Clean up introduction and some phrasing.
- Give the intro a heading
- Make the preface an <aside> with a "doc-preface" DPUB-ARIA role
- Move the TOC before the intro
- Give the TOC a "doc-toc" DPUB-ARIA role
- Provide a TLDR
2022-03-29 19:43:07 -07:00
Rohan Kumar
886134d1f9
Remove meta keywords 2022-03-27 17:24:22 -07:00
Rohan Kumar
eb25804244
Add anchor links to posts list 2022-03-27 11:14:33 -07:00
Rohan Kumar
c40dc58bac
Fix some validator issues
- Typo in CSS
- improper use of <section>
2022-03-26 16:36:39 -07:00
Rohan Kumar
82a63d9662
Optimal line length 2022-03-26 12:33:01 -07:00
Rohan Kumar
fd576c9175
Prepare a TOC template 2022-03-26 12:32:22 -07:00
Rohan Kumar
98ee735dac
Make headings follow sequential order 2022-03-20 16:27:11 -07:00
Rohan Kumar
e4429156fb
Remove redundant aria-labelledby
No need to specify that a section is labelled by a heading if the
heading is the first element in the section.
2022-03-17 23:35:39 -07:00
Rohan Kumar
829c295ae2
Whitespace fix 2022-03-17 23:32:19 -07:00
Rohan Kumar
35b6c2eeae
Exclude dark image variants from print media
Save some ink, yo
2022-03-17 23:30:46 -07:00
Rohan Kumar
66833dc93e
Improve narrow screen compat
- Replace long <code> snippets
- Add some soft hyphens.
- Make one image of text look better on a narrow viewport.
2022-03-16 16:52:03 -07:00
Rohan Kumar
1bff1052de
Stop "public" from showing up in bookmark tags 2022-03-16 16:42:29 -07:00
Rohan Kumar
dab11a7abc
Typo 2022-03-15 17:17:41 -07:00
Rohan Kumar
4491154cd8
Webrings: add referrers, hotline, and criteria
- Some webrings I might eventually join require sending the origin via
  referrer. Make per-link exceptions to my "no-referrer" policy sent via
  HTTP header.
- Add hotline webring
- Add criteria for me to join a webring.
2022-03-15 13:48:12 -07:00
Rohan Kumar
dcbace64a3
Fix: properly use "site" function instead of var
This fixes the logic to use PNGs instead of SVGs for the hidden service.
2022-03-15 13:47:42 -07:00
Rohan Kumar
c0666aa259
Refactor: add webring data from a CSV
The webring list was getting repetitive.
2022-03-15 13:45:21 -07:00
Rohan Kumar
f376b46eaf
Fixed missing tag 2022-03-10 22:53:29 -08:00
Rohan Kumar
6838ab871f
Fix a typo, remove unused vocab 2022-03-10 22:51:30 -08:00
Rohan Kumar
ca07453315
Don't include an unused png fallback for an SVG
No browser I know of falls back to a PNG when given an SVG with a PNG
fallback. The Tor version of my site uses no SVGs.

Exclude the SVG favicon in the Tor version of the site, since the Tor
Browser disables SVG on the safest setting.
2022-03-10 21:33:51 -08:00
Rohan Kumar
2b97a169c2
Bookmark timestamps are RFC3339 not plain ISO8601 2022-03-10 15:28:03 -08:00
Rohan Kumar
3ca171d0d3
Fix missing parens 2022-03-09 15:02:21 -08:00
Rohan Kumar
32c0fb478b
Remove some useless meta tags from <head> 2022-03-09 14:59:41 -08:00
Rohan Kumar
d0fdf26227
Move microformat markup from picture to img 2022-03-08 19:32:28 -08:00
Rohan Kumar
90344bc451
Don't use SVG for the hidden service
The Tor Browser's "safest" mode blocks SVG rendering, but the browser
doesn't download or use any fallback images because of fingerprinting
concerns.
2022-03-08 19:12:25 -08:00
Rohan Kumar
5d685d2ce6
Include SVG version of u-photo on homepage
Useful for other IndieWeb software that parses homepages and renders
avatars.
2022-03-08 19:03:09 -08:00
Rohan Kumar
3572948953
Meta stuff
- SearchMySite.net uses the "keywords" meta property to categorize
  sites, so include keywords on the homepage
- Exclude the published date if it doesn't exist.
2022-03-08 11:13:05 -08:00
Rohan Kumar
68e750ea3b
Minor semantic tweaks 2022-03-07 22:44:45 -08:00
Rohan Kumar
4b6cfbb9ed
Add bookmarks page
Pulls content exported from Buku, so I don't have to commit every time I
add a bookmark.

Since I added another nav item, I had to adjust the navbar css.
2022-03-07 22:40:26 -08:00
Rohan Kumar
e693672c98
Fix bad link (again) 2022-03-06 21:58:42 -08:00
Rohan Kumar
de311c03c9
Fix bad link 2022-03-05 21:28:48 -08:00
Rohan Kumar
a77baf7516
Add Yesterweb webring
Moar webrings
2022-03-04 20:24:02 -08:00
Rohan Kumar
8412aa3633
Revamp post list
- Include updated date and descriptions
- Schema: make the post list a DataFeed of BlogPostings
- Make each post an <article>
2022-03-04 13:55:42 -08:00
Rohan Kumar
10cb71855f
Reorg <head> links
- Put canonical near the top
- Allow non-canonical versions to be indexed, since they do have
  canonical links
2022-03-04 13:55:39 -08:00
Rohan Kumar
fa2a5f7283
Join retronaut webring 2022-03-03 16:15:39 -08:00
Rohan Kumar
2bf7359303
Optimize head size
- apple-touch-icon not needed, will be fetched from doc root
- re-order <head> elements to optimize for compression algorithm size
  savings. shaved off like 15 bytes. this was a good use of my time.
2022-02-28 16:00:05 -08:00
Rohan Kumar
3c00cfd4e8
Internal: markdown extension for adding link attrs
More concise than using <a> every time i need to add an attr to a link
2022-02-28 13:41:24 -08:00
Rohan Kumar
b1678bbc0e
Typo 2022-02-28 04:00:15 -08:00
Rohan Kumar
0766830221
Even bigger tap targets 2022-02-28 03:55:26 -08:00
Rohan Kumar
b233a7a726
Switch webrings from <ul> to just <p>
It makes tap targets a little larger.
2022-02-28 03:50:15 -08:00
Rohan Kumar
08b8200f8b
Another webring 2022-02-28 03:37:47 -08:00
Rohan Kumar
9297f6a9dc
Add webring and xhtml club links to homepage. 2022-02-28 03:21:20 -08:00
Rohan Kumar
4ca5fed1e9
Better citations 2022-02-26 01:05:44 -08:00
Rohan Kumar
6e855bb193
Moar linked/structured data
- Add copyrightOwner microdata
- Add person/h-card markup for some more people
2022-02-24 17:55:44 -08:00
Rohan Kumar
b66a782aa1
Support indieweb avatars 2022-02-22 21:48:10 -08:00
Rohan Kumar
5c02864572
Allow unlimited extraction by robots 2022-02-20 23:58:46 -08:00
Rohan Kumar
b2639c2596
Fix closing tags
Fix missing closing tags, or closing tags placed out of order.
2022-02-19 15:20:16 -08:00
Rohan Kumar
c03af0eacc
Use new "indieweb-person" shortcode
This should reduce a lot of repetition. Supports first/last names,
nicknames, generic names that don't conform to first/last norms, and
has basic support for affiliated organizations.

Also snuck in more info on website colors to the web best practices
article, inc. a link to Chris' Wiki.
2022-02-19 12:48:53 -08:00
Rohan Kumar
bdc302aafd
Fix nav data
- Uppercase
- Add standard metada to "about" page.
2022-02-16 21:25:34 -08:00
Rohan Kumar
d8c75dbbf6
Remove extra "headline" itemprop 2022-02-16 01:46:44 -08:00
Rohan Kumar
bef816e959
Add structured data to posts list
Mark-up the posts list as an h-feed made of smaller posts.
2022-02-15 21:42:58 -08:00
Rohan Kumar
1f5142524b
Add open graph profile metadata 2022-02-15 21:42:24 -08:00
Rohan Kumar
f006c2f4ce
Add title text to some timestamps 2022-02-15 21:42:19 -08:00
Rohan Kumar
dc27d47505
Add structured data for CC license 2022-02-15 21:42:01 -08:00
Rohan Kumar
87da30d600
Case-sensitivity strikes again 2022-02-15 20:15:08 -08:00
Rohan Kumar
a894a32b5c
Fix some microdata 2022-02-15 11:25:32 -08:00
Rohan Kumar
0ef4a7f9a6
Microdata: add image itemprop u-photo 2022-02-15 11:13:41 -08:00
Rohan Kumar
d4951890a5
Fix some metadata
- Use mainEntity correctly
- Support legacy microformats for date updated
- Formatting
2022-02-14 13:29:58 -08:00
Rohan Kumar
f0623a7185
Add legacy microformats1/hNews metadata
This is still used by engines, reader mode implementations, etc.
2022-02-13 16:08:23 -08:00
Rohan Kumar
d37d832274
Truncate webmention titles, add length indicators 2022-02-12 21:49:55 -08:00
Rohan Kumar
1664951706
Fix: typo in footer microdata 2022-02-11 16:11:41 -08:00
Rohan Kumar
aa7e4d3167
Don't make the page title too long 2022-02-11 12:25:41 -08:00
Rohan Kumar
68237c5e8f
Use a <time> element for the last-deployed time 2022-02-10 22:26:58 -08:00
Rohan Kumar
08de786bbc
Indieweb: structured data for rest of website
Outside the blogposting, add addl. structured data for the surrounding
site: the license, copyright holder, navigation items, source code link,
etc.
2022-02-10 22:12:45 -08:00
Rohan Kumar
94bda64305
IndieWeb: more semantic markup
The only visible change to page display should be author names in
webmentions. Besides that, this commit only alters the underlying markup
to improve metadata extraction.

- Add more microdata for webmentions, authors, dates, etc.
- Add microformats2 for webmentions
- Add authors to webmention text, when available.
2022-02-10 14:23:45 -08:00
Rohan Kumar
65ad38d559
Fix broken links/anchors 2022-02-07 21:26:03 -08:00
Rohan Kumar
5f91078844
Add article prefix vocab 2022-02-04 16:01:15 -08:00
Rohan Kumar
0996c85de9
Add HTML prefix for OGP
Is this really necessary?? sign.
2022-02-04 15:46:07 -08:00
Rohan Kumar
e3d0603a3f
Fix: handle webmentions without titles 2022-02-04 11:28:18 -08:00
Rohan Kumar
89d8e99830
Fix: add optional head tags
Although these tags are optional, some problematic parsers don't know
that.
2022-02-03 16:19:26 -08:00
Rohan Kumar
db0d16e5b5
Fix next/prev links to be same-section
next/prev links for posts shouldn't navigate to non-post pages like
"about" and "resume".
2022-01-05 16:00:09 -08:00
Rohan Kumar
e076ab726a
Remove redundant "pgpkey" <link>
I already link to it in the body with the same "rel".
2021-12-01 22:01:32 -08:00
Rohan Kumar
48cd2d7ad1
Add meta tag for color scheme
Done so that https://developer.chrome.com/blog/auto-dark-theme won't
break images.
2021-10-21 18:23:59 -07:00
Rohan Kumar
3c2e4f40c4
Lighten bkg a bit more
Thanks to anonymous for feedback on contrast with astigmatism.
2021-10-04 12:30:43 -07:00
Rohan Kumar
0f731951b0
Fix html whitespace 2021-09-03 09:22:31 -07:00
Rohan Kumar
3b56eb714a
Chore: fix header whitespace 2021-08-30 15:10:50 -07:00
Rohan Kumar
0d2d25b124
Fix: use HTTPS links where possible 2021-08-16 17:48:36 -07:00
Rohan Kumar
db3af81979
Picture shortcode: support JPEG-XL, async decoding 2021-06-28 20:03:33 -07:00