190 commits

Author	SHA1	Message	Date
Rohan Kumar	5c9f2ac344	Doc some CSS a bit	2023-08-21 11:23:40 -07:00
Rohan Kumar	ef10703db7	Use the default font-size ... Now that more mobile browsers support text zoom, I don't need to worry about font size as much. Moreover, iOS and Android support a zoomed mode that makes all tap targets and text larger. This mode made my site's larger text uncomfortably larger than other sites. On Android, this is the "Display size" setting; on iOS, this is the "display zoom" setting under "Display and Brightness" section. This commit switches everything back to the browser's default font sizes to better accomodate non-default zoom levels and display zoom settings.	2023-05-24 14:07:35 -07:00
Rohan Kumar	1df4509b92	Add “not by AI” badge	2023-03-19 17:26:51 -07:00
Rohan Kumar	63328fd9a8	some static SVG compression	2023-03-19 17:26:11 -07:00
Rohan Kumar	c9537a5b89	Rebuild dark + increased-contrast fg palette ... New foreground colors when BOTH "prefers-color-scheme: dark" and "prefers-contrast: more" media queries evaluate to "true" at the same time. Regular and reduced-contrast dark-mode remain unchanged, and non-dark colors continue to be browser-defaults. High-contrast dark-mode now has visually distinct visited/unvisited links for red-green and blue-yellow color blindness, and targets an even higher APCA contrast.	2022-10-26 11:59:39 -07:00
Rohan Kumar	205c7a1105	Chore: gitignore, some comments	2022-10-21 11:23:22 -07:00
Rohan Kumar	706d056fe4	Fix link margins	2022-10-20 00:19:04 -07:00
Rohan Kumar	04600cb92b	Use lists instead of <br /> when relevant ... This required some style updates.	2022-10-19 14:42:13 -07:00
Rohan Kumar	7b11f993e2	Don't bold <dt> ... It'll cause confusion with <h4>, and an upcoming post will have a lot of those.	2022-10-17 12:43:56 -07:00
Rohan Kumar	112b9bdcdd	Add internet.nl badge to awards	2022-09-23 22:37:15 -07:00
Rohan Kumar	5fe6eadfe4	optimize assets	2022-09-05 21:38:26 -07:00
Rohan Kumar	0ff306e589	Simplify webring list, fix list-item cutoff ... - CSS containment was cutting off nested list-item markers; increase their padding to compensate - Remove nested <details> use, it was causing problems and was probably unnecessary	2022-08-24 20:14:09 -07:00
Rohan Kumar	068df74cff	Make prefers-contrast change contrast even more	2022-08-12 00:00:04 -07:00
Rohan Kumar	262eee804e	Shrink atom.svg to stay within max-bpp=0.15	2022-08-12 00:00:02 -07:00
Rohan Kumar	09ffbc3343	CSS: contain <dl> divs + <dd>, section permalinks ... - Apply strict containment to section permalink containers - Apply strong containment (content + inline-size) to <dl> <div> children, <dd>. - Revert oversized footnote backlinks	2022-08-08 21:37:15 -07:00
Rohan Kumar	64148318c0	Improve footnotes a bit ... - Make backlink tap-target wider - Contain <ol> elements.	2022-08-08 17:32:50 -07:00
Rohan Kumar	6f9d418285	Replace unnecessary use of <br> with something simpler	2022-08-08 17:30:43 -07:00
Rohan Kumar	ca388d68f5	Add section "against focusable containers" ... Explain why making sectioning content focusable ruins tab order.	2022-08-07 17:52:35 -07:00
Rohan Kumar	d02b749425	More stylesheet tweaks ... - Increase list padding so that ordered-list decimal markers have space to fit without overflowing. - Improve style for removing underline between h-card name and photo, so it doesn't apply to any unnecessary elements. - Reduce budget for document size.	2022-08-05 07:24:16 -07:00
Rohan Kumar	d42f304f71	Many style tweaks ... - Fix unnecessarily excessive spacing around "li > article" entry data (was due to containment) - Aesthetic tweak: ugly underline between microformat u-photo and p-name - Make CSS file smaller by using some microformats2 classnames instead of microdata attributes.	2022-08-03 21:31:05 -07:00
Rohan Kumar	846a5f13f9	Simplify title spacing	2022-08-02 18:21:18 -07:00
Rohan Kumar	7f7e7be5a3	Re-generate an asset to be smaller	2022-08-02 18:18:19 -07:00
Rohan Kumar	f4fe706cab	Reduce margins ... We still clear 48px	2022-08-02 18:04:51 -07:00
Rohan Kumar	385ea60c55	Atom feed: use different <logo>, formatting ... The spec recommends that the <logo> element is twice as wide as tall: https://validator.w3.org/feed/docs/atom.html#optionalFeedElements Add yet another site icon that fits that recommendation. Tidy up the feed in the meantime.	2022-08-01 21:28:32 -07:00
Rohan Kumar	5affa6df0b	CSS: compact, preserve active color, size tweak ... - Remove unnecessary elements from attribute selectors wherever it improves compression. - Dark theme: prevent active link color from being overridden. - Sort properties/attributes to improve compression ratios. - Bump font size from 109% to 109.375% so the default font size hits 17.5px and we get nice round numbers.	2022-08-01 21:24:53 -07:00
Rohan Kumar	c949089676	More containment, alignment fixes	2022-08-01 20:51:12 -07:00
Rohan Kumar	5df229bfc8	Styles: more containment, fix spacing	2022-07-24 11:28:23 -07:00
Rohan Kumar	df06b764d2	CSS: auto intrinsic sizing, alignment fix	2022-07-21 18:40:40 -07:00
Rohan Kumar	dadfd94963	Fix: titular h1 alignment	2022-07-20 08:56:52 -07:00
Rohan Kumar	ae8eb64a58	Use content-visiblity for archive pages ... The JS-free infinite scroll that doesn't make you lose your place.	2022-07-15 22:11:08 -07:00
Rohan Kumar	54c8394a93	Forgot to uncomment a thing ... fuck	2022-07-15 19:26:40 -07:00
Rohan Kumar	de295c180a	Increase title link tap-target size + containment ... - Contain articles in archive pages - Increase heading tappable heading target size - Fix alignment - Consolidate some redundant rules	2022-07-15 18:41:59 -07:00
Rohan Kumar	a471edcdf0	Prevent breadcrumbs from overflowing containment ... CSS containmnet crops breadcrumb focus indicators when they overflow their containers. Instead of adding a new rule for this, refactor some old rules so padding-increases also apply to the breadcrumb containers.	2022-07-15 17:17:59 -07:00
Rohan Kumar	aa79edeb21	New 8601 image ... Updated the 8601 image to a version with a new palette.	2022-07-14 08:44:09 -07:00
Rohan Kumar	65130f85c2	Use CSS Containment (again) ... Add padding to elements so content containment won't cause cropping. Adjust the global body padding accordingly. This also exposed a redundancy in the stylesheet, which was removed. Now the site headers/footers, article elements (including archive pages), <pre> elements, and other top-level elements are contained. Rendering long-ass articles with thousands of nodes should be a little faster.	2022-07-13 22:08:20 -07:00
Rohan Kumar	7c835a14e4	ISO 8601 Award	2022-07-13 21:38:24 -07:00
Rohan Kumar	ff0c7deafa	Make the skip-link point to h1 instead of main ... Link targets need to be focusable to work with VoiceOver. Making <main> focusable causes some side-effects, like making the TAB key go to the beginning of <main> instead of the element after the currently-clicked region. Also removes the annoying outline around "main" in some non-mainstream browsers, without having to add extra CSS.	2022-07-13 08:31:20 -07:00
Rohan Kumar	5b4832df15	Disable text inflation ... I respect whatever you're into, but that doesn't mean it belongs on my site. Disable the text inflation algorithm. Don't make landscape fonts comically large.	2022-07-12 23:24:38 -07:00
Rohan Kumar	80ef3a4a9a	Refactor to make more body text narrow ... Now more text should fall within WCAG limits.	2022-07-11 17:27:00 -07:00
Rohan Kumar	9d4f18ffde	a11y: Make backlink label start with name ... The WCAG "label in name" SC requires visible labels to contain accessible names, preferably by having accessible names start with visible labels. This commit makes footnote backlinks display as a hyperlink reading "Back" to meet this SC.	2022-07-11 15:18:15 -07:00
Rohan Kumar	a8e2de2266	CSS: reduce h1 top margin	2022-07-10 22:38:25 -07:00
Rohan Kumar	297ad1e5cb	Add skip-link ... This one is simpler than the last attempt, since it doesn't overlap with any content except the navbar links' empty padding.	2022-07-07 08:52:55 -07:00
Rohan Kumar	70b8a5e9cb	re-org the About section, add breadcrumbs ... Create an "about" section. Add breadcrumbs to show relationships between pages with full page titles.	2022-07-07 17:44:34 -07:00
Rohan Kumar	b945e1dc2b	New post: an experiment to test Copilot's legality	2022-07-01 17:30:45 -07:00
Rohan Kumar	a8057aa8e8	Add support for <audio> elements ... - Adjust transcript shortcodes to also support <audio> elements. - Add audio element shortcode based on <picture> shortcode - Make <audio> elements match container width.	2022-06-30 20:12:06 -07:00
Rohan Kumar	cd82ce39ec	Webmentions: display reply content + a11y issues ... - Display reply content in webmentions, when it's available - Truncate titles and redundant content from webmentions - Add note on a11y issues regarding badly-formatted webmentions from brid.gy's mastodon integration.	2022-06-30 08:34:16 -07:00
Rohan Kumar	05dbdb7748	Add CSS for <mark> elements. ... Will be using them in a future post.	2022-06-28 08:52:07 -07:00
Rohan Kumar	ffd342acf8	New article: "two types of privacy"	2022-06-25 15:25:54 -07:00
Rohan Kumar	7546bd1c20	Fix heading permalinks in reading mode ... horrible hack, crimes.	2022-06-22 21:18:32 -07:00
Rohan Kumar	a3aa0fbaaf	Hide some useless stuff ... Remove visible bullets from datafeeds. Switch them to <ol> for consistency. Hide superfluous horizontal rules from print media.	2022-06-14 22:08:50 -07:00