Make more links accessible via tab

This commit is contained in:
Talia 2023-09-02 21:35:56 +02:00
parent 650137c5c2
commit 52498e1cfa
Signed by: darkwiiplayer
GPG key ID: 7808674088232B3E
2 changed files with 4 additions and 3 deletions

View file

@ -4,6 +4,7 @@ local rgbstr = require 'rgbstr'
local function tag(name) local function tag(name)
local colour = { rgbstr.bytes(name, 16, .3, .5) } local colour = { rgbstr.bytes(name, 16, .3, .5) }
return html.postTag(html.a { return html.postTag(html.a {
tabindex = 0;
name; name;
href = "/?tag="..name; href = "/?tag="..name;
style = "--color: rgb("..table.concat(colour, ', ')..")"; style = "--color: rgb("..table.concat(colour, ', ')..")";

View file

@ -27,7 +27,7 @@ slots.head
positions = (input, character) -> positions = (input, character) ->
((last) => @find(character, last+1, true)), input, 1 ((last) => @find(character, last+1, true)), input, 1
breadcrumb = (href) -> li a :href, href\match('[^/]+$') breadcrumb = (href) -> li a :href, href\match('[^/]+$'), tabindex: 0
if src = post.head.cover_image if src = post.head.cover_image
slots.top pageHero cover: 60 slots.top pageHero cover: 60
@ -38,7 +38,7 @@ if src = post.head.cover_image
else else
slots.title h1(post.head.title, style: "view-transition-name: #{post.head.slug}") slots.title h1(post.head.title, style: "view-transition-name: #{post.head.slug}")
slots.summary div post.head.description, class: "summary" slots.summary div post.head.description, class: "summary", tabindex: 0
slots.summary verticalSpacer slots.summary verticalSpacer
slots.banner aside class: { 'box' } slots.banner aside class: { 'box' }
@ -62,7 +62,7 @@ return (=>@)
* tags(post.head.tags) * tags(post.head.tags)
* nav { class: "breadcrumbs" } * nav { class: "breadcrumbs" }
* ul * ul
* li a "Blog", href: url "/" * li a "Blog", tabindex: 0, href: url "/"
* [ breadcrumb post.head.uri\sub(1, number-1) for number in positions(post.head.uri, "/") ] * [ breadcrumb post.head.uri\sub(1, number-1) for number in positions(post.head.uri, "/") ]
* li post.head.title, class: 'active' * li post.head.title, class: 'active'
* verticalSpacer * verticalSpacer