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

223 commits

Author SHA1 Message Date
Rohan Kumar
854ad8dcce
Use "search" ARIA role. 2022-06-07 23:36:05 -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
665efa85e6
Better profile info
- Re-org home+about profile info
- Moar webfinger
- Moar microformats
2022-06-06 15:59:20 -07:00
Rohan Kumar
13a2595482
Add combined Atom feed 2022-06-06 12:26:28 -07:00
Rohan Kumar
1782aeeda6
Remove apple-touch-icon, add webfinger 2022-06-06 08:49:11 -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
e7cb1f03a5
Put webmentions in a <details> elememnt. 2022-06-04 16:43:31 -07:00
Rohan Kumar
0029dad183
Whitespace fix 2022-06-04 16:43:18 -07:00
Rohan Kumar
f271291f49
Automate reply-context, add more metadata to Atom
- Build reply-context from front-matter
- Add more activitystreams, portblecontacts, ostatus, etc. metadata to
  Atom feed. Inspired by Pleroma's feeds.
2022-06-02 17:36:06 -07:00
Rohan Kumar
f52aaed4f2
Whitespace fixes 2022-06-02 17:21:15 -07:00
Rohan Kumar
1d43cce53e
Fix extra backslash 2022-06-02 17:19:55 -07:00
Rohan Kumar
b02a619260
Add missing tabindex 2022-06-02 13:14:20 -07:00
Rohan Kumar
c1f991efff
xhtmlize: switch back to using xmllint
Switch back to using xmllint, but now extract + replace the CSS to
address the escaping.
2022-06-01 22:11:40 -07:00
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
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
3f6877a9f1
Fix bad atom links 2022-06-01 08:53:07 -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
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
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
b6cec919ab
Fix changelogs for notes 2022-05-24 17:28:32 -07:00
Rohan Kumar
f97df83661
Typo 2022-05-24 17:22:03 -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
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
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
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
5a1782f1ee
HEAD: Fix outdated theme-color, missing whitespace 2022-05-11 10:02:15 -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
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
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
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
6079273811
Fix canonical URL redirects 2022-04-29 08:59:14 -07:00
Rohan Kumar
f4e4128d92
Give repeated footnote backrefs an accessible name 2022-04-28 17:41:13 -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
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
5989b2e725
Use doc-tip for timestamp format notice 2022-04-25 16:52:03 -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
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
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
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
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
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