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

23 commits

Author SHA1 Message Date
Rohan Kumar
cbd0b6d1fb
Hide ToC on print 2024-05-01 12:28:35 -04: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
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
5df229bfc8
Styles: more containment, fix spacing 2022-07-24 11:28:23 -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
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
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
Rohan Kumar
fb741f3e6f
Exclude webmentions from printouts 2022-06-04 20:55:47 -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
a0644d74c3
Make webmentions a <dl>, don't translate code 2022-05-19 19:26:21 -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
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
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
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
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
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
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