1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00
Commit graph

487 commits

Author SHA1 Message Date
Rohan Kumar
6a47371a05
Cosmetic fixes
- Drop copyright symbol: I put it there because certain programs
  explicitly look for it, but between rel=license, schema.org microdata,
  and creative commons RDFa, I think scrapers should be covered.
- Update the theme-color and friends to work with my site's updated dark
  theme.
2022-06-01 21:52:11 -07:00
Rohan Kumar
e77046bf99
Demote RSS feeds in favor of Atom
Explicitly mark RSS feeds as "legacy" because I have joined the A-Town
Atom gang and they have a strict full-time attendance policy.

Thanks Forever for pointing out the spelling/grammar error here.
2022-06-01 21:50:48 -07:00
Rohan Kumar
672d89d007
More whitespace fixes 2022-06-01 21:49:04 -07:00
Rohan Kumar
89139337d1
Fix some whitespace 2022-06-01 21:00:19 -07:00
Rohan Kumar
0f930c28f7
Add base url to atom feed
helps with relative links
2022-06-01 17:37:31 -07:00
Rohan Kumar
425071eade
Auto-format markup in CI
Use xmlfmt with some extra post-processing since xmlfmt has a few
issues wrt extra newlines.
2022-06-01 17:37:14 -07:00
Rohan Kumar
874414229e
Metadata amendments
- Re-order rel for my homepage's representative h-crad
- Fix the aria-current for the homepage
- Microdata: remove unnecessary "sameAs"
- Reduce "update without adding date updated" timeout to 15min
- Add u-uid and rel=me to my h-card on every page.
2022-06-01 10:04:35 -07:00
Rohan Kumar
854010c8c4
Remove unused "language-figure" class from feeds 2022-06-01 10:03:08 -07:00
Rohan Kumar
b557bb9474
Fix feed subtitles and descriptions 2022-06-01 09:59:52 -07:00
Rohan Kumar
ba527a8fe2
Fix feed titles 2022-06-01 08:58:44 -07:00
Rohan Kumar
3f6877a9f1
Fix bad atom links 2022-06-01 08:53:07 -07:00
Rohan Kumar
c50ea3c34f
Typo 2022-05-31 21:38:34 -07:00
Rohan Kumar
a46b790a62
Remove microdata from feeds
It's useless and invalid in those contexts, and removing it
significantly trims the file sizes.

Edit a post featuring a microdata code snippet to avoid conflicts.
2022-05-31 20:52:16 -07:00
Rohan Kumar
e453714d42
Atom: directly include un-escaped XHTML 2022-05-31 20:35:14 -07:00
Rohan Kumar
6a7ac36f11
Add 404 page 2022-05-31 18:07:04 -07:00
Rohan Kumar
b4850ed89a
Use XML declaration on XHTML, other XHTML tweaks
- Remove XHTML content-type meta header from HTML documents, reverting
  back to the meta charset
- Give XHTML documents their own XHTML declaration
- Remove now-redundant meta charset from XHTML
- Since XHTML and HTML documents differ now, compress after running
  xhtmlize and make xhtmlize only act on uncompressed files.
- Validate XHTML using vnu
2022-05-31 17:16:44 -07:00
Rohan Kumar
c936ca1902
Remove extra newlines 2022-05-31 17:11:52 -07:00
Rohan Kumar
90aeb2d23a
Create both index.html and index.xhtml files
Combines well with content-negotiation based on the "Accept" header.
2022-05-30 16:09:40 -07:00
Rohan Kumar
1aed7a66d4
Switch to XHTML5 markup
The site now has polygot markup and can handle both XHTML5 and HTML5
parsing rules. My staging site will be XHTML but my main site will be
HTML5, just in case of parse errors.

If other tools (e.g. LightHouse) end up supporting XHTML5, I'll consider
switching the content-type to XHTML.
2022-05-30 17:39:45 -07:00
Rohan Kumar
499c99245c
Fix whitespace 2022-05-30 14:02:09 -07:00
Rohan Kumar
9356055f6c
Fix: webmention form partial has missing context 2022-05-30 13:50:09 -07:00
Rohan Kumar
753f55c09e
Viewport: disable shrink-to-fit (WebKit)
I go out of my way to make sure the site works on viewports well under
240 CSS pixels wide. Some pages are very long, so a single mistake in
one part of the page shouldn't cause small text throughout the page.
2022-05-30 12:28:13 -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
65306b7867
Fix: sort webmentions by date 2022-05-29 20:37:18 -07:00
Rohan Kumar
06020cf849
Fix invalid microdata 2022-05-28 16:53:02 -07:00
Rohan Kumar
97baa0bd51
Fix: add redundant author metadata
Some article extractors get confused when the article body references
another author with microdata. Declare the author itemprop a second time
to make them happy.
2022-05-28 16:30:28 -07:00
Rohan Kumar
f514677e94
Add some ActivityStreams metadata to Atom feeds 2022-05-28 13:43:30 -07:00
Rohan Kumar
3b8b35ce8c
Fix: get webmentions from legacy URLs 2022-05-27 19:21:43 -07:00
Rohan Kumar
c84c8d4214
BREAKING: Prettify URLs, add Atom feeds
Adding a bunch of server configs to do the re-directs too.
2022-05-26 18:57:49 -07:00
Rohan Kumar
38c0d38fa4
Add RSS feed for notes, part 1
Add an RSS feed for notes. Next up, replacing the RSS navlink with a
page containing links to both my posts and notes RSS feeds. When I get
ATOM and WebSub, it'll have links ot those too.

Also fixed some typos and switched "Posted" to "Noted" in the context of
notes.
2022-05-26 18:03:28 -07:00
Rohan Kumar
a1d3c993bc
Fix bad search label 2022-05-26 17:16:21 -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
485d0579f8
Join Loop ring 2022-05-25 22:36:43 -07:00
Rohan Kumar
10fb1f9e4a
New note: "answer engines" 2022-05-25 19:59:09 -07:00
Rohan Kumar
b6cec919ab
Fix changelogs for notes 2022-05-24 17:28:32 -07:00
Rohan Kumar
d123bd9a12
New shortcode: "mention-work".
Will be useful when I start posting reply notes.
2022-05-24 17:25:16 -07:00
Rohan Kumar
f97df83661
Typo 2022-05-24 17:22:03 -07:00
Rohan Kumar
e70aa42907
Fix bad link 2022-05-24 16:55:47 -07:00
Rohan Kumar
d409a1ba58
Add "notes"
Short-form posts for microblogging. TODO: implement POSSE.
2022-05-24 16:37:26 -07:00
Rohan Kumar
b88be14eca
Use nested <details> for webrings 2022-05-23 15:17:02 -07:00
Rohan Kumar
279d70810e
Support "evergreen" articles
"evergreen" articles don't get outdated and shouldn't be marked with a
published date in previews.
2022-05-23 08:39:24 -07:00
Rohan Kumar
e430cedff2
Use nonbreaking spaces in word count
Word count value and unit should not be broken apart from each other.
2022-05-22 19:43:56 -07:00
Rohan Kumar
db2410ed32
Fix data feeds 2022-05-20 18:35:04 -07:00
Rohan Kumar
2204ae8861
Microdata improvements
- Semantically link each blog posting to the greater blog
- Fix copyright bullshit
- Make some articles TechArticles
- Remove unnecessary markup
2022-05-20 18:32:21 -07:00
Rohan Kumar
a0644d74c3
Make webmentions a <dl>, don't translate code 2022-05-19 19:26:21 -07:00
Rohan Kumar
1b5062d090
Fix: remove double border 2022-05-19 18:40:33 -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
47e55b9aef
Typo 2022-05-19 13:30:03 -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
b5dd4f21ab
Fix: make 1hr+ reading time clear
the comma was confusing, switch to the word "and".
2022-05-19 13:18:23 -07:00
Rohan Kumar
a991377e78
Make large word counts approximate
High precision in large numbers is less useful. Reduce the number of
significant digits. Also helps less numerically-inclined readers.
2022-05-18 18:30:41 -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
937369b777
Make sure the TOC is labelled by its heading 2022-05-18 17:20:59 -07:00
Rohan Kumar
c124687391
Remove title attributes from <time>
They're not interactive elements and there's no hint that they should be
hovered on. Wrapping them in an <abbr> would just make the markup even
more overcomplicated, so I just dropped the titles.
2022-05-18 17:18:36 -07:00
Rohan Kumar
6d066f8711
Support page-specific open graph images
Allow specifying open graph images for individual pages. Change default
site-wide open graph image alt-text to an empty string since the default
image only has visual value, and is better off hidden from assistive
technologies.

Set an open graph image for two articles.
2022-05-18 09:00:05 -07:00
Rohan Kumar
e89b537c5c
Revert post-meta to not use a <ul> anymore
It plays better with "reading mode" implementations when it's just text.
2022-05-18 08:55:43 -07:00
Rohan Kumar
1c73b0e1fe
Some quick fixes before I start work
- Fix some webring links
- Fix post-meta's word count
2022-05-16 10:30:34 -07:00
Rohan Kumar
497d5da5a3
word count in post lists + add qualitative desc.
- Add qualitative description to reading time
- Add word count + reading time to post list
2022-05-15 17:38:30 -07:00
Rohan Kumar
5211581909
Stop using un-used "nickname" schema.org property 2022-05-15 12:31:53 -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
29b01ed1a5
Remove unnecessary title attributes 2022-05-12 18:57:00 -07:00
Rohan Kumar
8a2154e5ab
Make transcript headings more unique 2022-05-12 18:56:16 -07:00
Rohan Kumar
a42a0f95d3
Fix list semantics 2022-05-12 18:41:32 -07:00
Rohan Kumar
7b236f003c
Use WAI-ARIA 1.3's "comment" role on webmentions 2022-05-12 18:39:34 -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
5a1782f1ee
HEAD: Fix outdated theme-color, missing whitespace 2022-05-11 10:02:15 -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
8f4e1b7468
Disable resume post-meta, only use .gmi changelog
- Only show changelogs for gemtext since they only include changes to
  content rather than semantics
- Disable useless post meta on resume.
2022-05-11 21:29:47 -07:00
Rohan Kumar
fb84eb5d12
Minor microdata/whitespace fixes 2022-05-10 16:05:22 -07:00
Rohan Kumar
4f177f5536
Use less harsh colors in a screenshot
Make the dark link underlines screenshot less prone to overstimulation
2022-05-09 08:25:13 -07:00
Rohan Kumar
7bd796a44c
Floating block examples, Tkhtml, semantics, other
- Change a quote of a code snippet to a code snippet with a citation
- Mention tkhtml
- Mention pandoc and printfriendly as exmples of moving figure elements
  like floating blocks.
- Make TPGi a publisher, not an author.
- Use brackets to clarify a reference in a quotation.
- Add personal example of why it's important to test both low- and
  high-end displays.
2022-05-08 21:08:08 -07:00
Rohan Kumar
80317aa256
a11y: more descriptive noteref link names 2022-05-06 22:21:31 -07:00
Rohan Kumar
f3c23c5d36
Typo 2022-05-06 16:31:21 -07:00
Rohan Kumar
f5f0785e65
Microdata: add itemid attributes 2022-05-06 10:33:42 -07:00
Rohan Kumar
372589a57a
Improve image transcript navigation
- Identify the transcript with a subheading, ending in a period so that
  the aria-description separates the identifier from the concept.
- Put the transcript in a <section>
- Snuck in a trivial syntax fix for the generator element.
2022-05-06 10:31:52 -07:00
Rohan Kumar
8579559978
Fix posts description 2022-05-06 10:31:45 -07:00
Rohan Kumar
6f02550253
Remove unused classes 2022-05-06 10:31:26 -07:00
Rohan Kumar
6ebbd739fd
Fix image structured data 2022-05-06 10:30:11 -07:00
Rohan Kumar
155ff8290d
Put TOC in a <details> element. 2022-05-05 20:07:59 -07:00
Rohan Kumar
89b0e01e66
Fix microdata nesting
Make sure separate elements are part of each other so only a single
element is at the top level.
2022-05-05 19:57:27 -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
2dd338ea13
Add <main> to posts page. Replaces <section> 2022-05-03 22:02:04 -07:00
Rohan Kumar
e54fc42286
Improve webring link labels
"aria-label" doesn't translate well, so use "labelledby" instead. Source
the label from a new informational paragraph.
2022-05-03 21:58:52 -07:00
Rohan Kumar
781f910f99
POSH: replace some divs with <section>s, add <p>
- Put webmention list items in <p>
- make doc-endnotes a section again
- make doc-preface a section with a heading apart from the TOC.
2022-05-03 21:30:20 -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
992ba534af
restricted enhancement, rename article, narrow vp
- Define term "restricted enhancement"
- Rename article (shorter title)
- Better support for narrow viewports
2022-05-02 21:13:50 -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
8bcfa63859
Webmentions: trim displayed URLs
When a title is unavailable, we fall back to displaying the URL. Trim
the https://(www.)? prefix and trailing slashes.
2022-05-01 21:47:09 -07:00
Rohan Kumar
88689a9676
Fix bad quotes 2022-05-01 21:33:51 -07:00
Rohan Kumar
623aff9eab
Fix headings for posts section on homepage 2022-05-01 21:14:06 -07:00
Rohan Kumar
0a5643ce1d
Add missing <main> landmark 2022-05-01 21:04:49 -07:00
Rohan Kumar
2d260b7d84
Fix caching 2022-05-01 13:36:02 -07:00
Rohan Kumar
6079273811
Fix canonical URL redirects 2022-04-29 08:59:14 -07:00
Rohan Kumar
543bbbc502
Fix some url redirects 2022-04-29 08:54:36 -07:00
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
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
Rohan Kumar
63f1708965
Clean up <head> a bit
- Remove reference to unused syntax.css
- Stop Apple's magic phone-number-linkification. If I need to link a
  telephone number I'll use a tel: URI, thank you very much.
2021-06-28 14:46:45 -07:00
Rohan Kumar
65a19e4d44
Add prev/next links
Some browsers/addons allow shortcuts for going to the next/prev page by
matching links with the word "next" or "previous"; Tridactyl is one
example. I thought I'd add a next/prev link to make it easy to binge
this blog.
2021-06-24 21:51:00 -07:00
Rohan Kumar
33b2dcac97
Add onion site link to footer 2021-06-20 22:40:26 -07:00
Rohan Kumar
9c736e7874
Always include canonical URL, index onion 2021-06-19 02:36:32 -07:00
Rohan Kumar
eace2afe71
License: Update CC license to CC BY-SA 4.0 2021-06-15 13:14:45 -07:00
Rohan Kumar
204600fae3
Fix relative URLs
- No relative URLs in the RSS feed except plain anchor links
- Eliminate the need for excessive "../" in URLs.
2021-06-14 15:31:08 -07:00
Rohan Kumar
f61bbfe3d2
Update assets with precompressed versions
No need to re-compress the same file every CI job.
2021-06-13 17:25:59 -07:00
Rohan Kumar
322dbf93e7
Inline favicon
The favicon is 175 bytes, smaller than the size of the HTTP headers to
fetch it. It can be inlined.

Now, pages that don't have any other images need just a single request.
2021-06-04 17:29:05 -07:00