mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-10 00:12:09 +00:00
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.
This commit is contained in:
parent
1321f0bc35
commit
d02b749425
5 changed files with 22 additions and 14 deletions
|
@ -367,12 +367,13 @@ sup {
|
|||
/* narrow screens: reduce list indentation, hyphenate nested lists
|
||||
* touch screens: lists of links should be easy to tap so give them
|
||||
* some spacing (partial SC 2.5.5). There should be non-interactive
|
||||
* space to the left that's safe to tap. */
|
||||
* space to the left that's safe to tap.
|
||||
* 1.75em is the minimum required for ol numbers to fit. */
|
||||
dd,
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding-left: 1.5em;
|
||||
padding-left: 1.75em;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
|
@ -425,8 +426,12 @@ h1 {
|
|||
hyphens: auto;
|
||||
}
|
||||
|
||||
/* Very narrow screens: full hyphenation.
|
||||
* This is the typical width of a smart feature phone. */
|
||||
/* Very narrow screens: full hyphenation, compactness
|
||||
* This is the typical width of a smart feature phone, or a browser
|
||||
* sidebar. At this tiny width, users are either unlikely to be using a
|
||||
* touchscreen (KaiOS-like feature phones, desktop browser sidebars) or
|
||||
* they're just reading non-interactively. being compact probably takes
|
||||
* precedence over being touch-friendly. */
|
||||
@media (max-width: 272px) {
|
||||
body {
|
||||
font-size: 100%;
|
||||
|
@ -441,6 +446,10 @@ h1 {
|
|||
padding: .25em;
|
||||
}
|
||||
|
||||
dd {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: .25em 0;
|
||||
}
|
||||
|
@ -565,11 +574,11 @@ summary {
|
|||
vertical-align: -.1em;
|
||||
}
|
||||
|
||||
.h-card a.u-uid {
|
||||
.p-author a.u-uid {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a .p-name {
|
||||
a .u-photo + .p-name {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
|
@ -22,7 +22,6 @@
|
|||
(btw this is all made of <span> cuz it is supposed to be inline)
|
||||
--><span itemprop="author copyrightHolder" itemscope="" itemtype="https://schema.org/Person" itemid="https://seirdy.one/#seirdy" class="h-card p-author author vcard">
|
||||
<a itemprop="url" href="https://seirdy.one/" rel="author me home cc:attributionURL" class="u-url u-uid url" property="cc:attributionName">
|
||||
{{ partial "indieweb-icon.html" }}
|
||||
<span itemprop="name" class="p-name fn n">
|
||||
{{ partial "indieweb-icon.html" -}} <span itemprop="name" class="p-name fn n">
|
||||
<span itemprop="givenName" class="p-given-name given-name">Rohan</span> <span itemprop="familyName" class="p-family-name family-name">Kumar</span></span></a>
|
||||
</span>
|
||||
|
|
|
@ -2,9 +2,9 @@
|
|||
{{- $favicon_base64 := $favicon.Content | base64Encode -}}
|
||||
{{- $favicon_svg := resources.Get "/favicon.svg" | resources.Fingerprint "md5" -}}
|
||||
{{- if in site.BaseURL ".onion" -}}
|
||||
<img itemprop="image" class="u-photo photo" width="16" height="16" alt=""
|
||||
src="data:image/png;base64,{{ $favicon_base64 }}" />
|
||||
<img itemprop="image" width="16" height="16" alt=""
|
||||
src="data:image/png;base64,{{ $favicon_base64 }}" class="u-photo photo" />
|
||||
{{- else -}}
|
||||
<img itemprop="image" class="u-photo photo" width="16" height="16" alt=""
|
||||
src="{{ $favicon_svg.Permalink }}" />
|
||||
<img itemprop="image" width="16" height="16" alt=""
|
||||
src="{{ $favicon_svg.Permalink }}" class="u-photo photo" />
|
||||
{{- end }}
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
},
|
||||
{
|
||||
"resourceType": "document",
|
||||
"budget": 75
|
||||
"budget": 70
|
||||
},
|
||||
{
|
||||
"resourceType": "image",
|
||||
|
|
|
@ -35,7 +35,7 @@ sed 7d "$html_file" | xmllint --format --encode UTF-8 --noent - | sd '^\t(?:\t)?
|
|||
| sd '<pre(?: tabindex="0")?>\n\t*<(code|samp)( |>)' '<pre tabindex="0"><$1$2' \
|
||||
| sd '(?:\n)?</(code|samp)>\n(?:[\t\s]*)?</pre>' '</$1></pre>' \
|
||||
| sd '</span>.span itemprop="familyName"' '</span> <span itemprop="familyName"' \
|
||||
| sd '(</picture>|src="[^"]*" ?/>)<span itemprop="name" class="p-name fn n">' '$1 <span itemprop="name" class="p-name fn n">' \
|
||||
| sd -f m 'class="u-photo photo"[^<]*<' 'class="u-photo photo"/> <' \
|
||||
| sd '([a-z])<(data|time)' '$1 <$2' \
|
||||
| sd '</span>(<a[^>]*rel="(?:nofollow ugc|ugc nofollow)"(?:[^>]*)?>liked</a>)' '</span> $1' \
|
||||
| sd -s '/>' ' />'
|
||||
|
|
Loading…
Reference in a new issue