Web-Projects/vanilla-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: Web-Projects:8b6874ec75c252fad38d27bbfe9353756154077f
Branches Tags
Web-Projects:master
...
compare: Web-Projects:1bc7cba9887a8712c1cf0f3efce153867a168418
Branches Tags
Web-Projects:master

2 Commits
8b6874ec75 ... 1bc7cba988

Author SHA1 Message Date
Danila Fedorin
1bc7cba988 Add logic to disable showing non-inline CSS 
Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
 2024-06-24 19:23:06 -07:00
Danila Fedorin
ed270bc915 Hide checkboxes and icons when no CSS in head is loaded 
This seems to help in Firefox's reader mode.
Also adjust images to not be huge without CSS.

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
 2024-06-24 19:21:46 -07:00
3 changed files with 10 additions and 4 deletions
Show Stats Expand all files Collapse all files

10
layouts/partials/head.html
View File

@ -14,11 +14,15 @@
{{ end }}
<!-- Fonts -->
{{ if not (.Site.Params.noCss) }}
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Raleway:wght@400;700&family=Lora&display=block" media="screen">
{{ end }}
<!-- External CSS (normalize and KaTeX -->
{{ if not (.Site.Params.noCss) }}
{{ partial "defercss.html" (dict "url" .Site.Params.normalizeCssUrl "extra" "") }}
{{ partial "defercss.html" (dict "url" .Site.Params.katexCssUrl "extra" "") }}
{{ end }}
<!-- Links to other formats (RSS, TOML) -->
{{ range .AlternativeOutputFormats -}}
@ -30,11 +34,13 @@
{{ $sidenotes := resources.Get "scss/sidenotes.scss" | resources.ToCSS | resources.Minify }}
{{ $code := resources.Get "scss/code.scss" | resources.ToCSS | resources.Minify }}
{{ $icon := resources.Get "img/favicon.png" }}
<style>.sidenote-checkbox { display: none; }</style>
<style>.feather { width: 1rem; height: 1rem; }</style>
<style>.feather { display: inline !important; width: 10px; height: 10px; }</style>
<style>img { max-width: 70%; }</style>
{{ if not (.Site.Params.noCss) }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{ partial "defercss.html" (dict "url" $sidenotes.Permalink "extra" "") }}
{{ partial "defercss.html" (dict "url" $code.Permalink "extra" "") }}
{{ end }}
<link rel="icon" type="image/png" href="{{ $icon.Permalink }}">
{{ if .Site.IsServer }}

2
layouts/partials/icon.html
View File

@ -1,4 +1,4 @@
<svg class="feather">
<svg class="feather" style="display: none;">
<use xlink:href="/feather-sprite.svg#{{ . }}"/>
</svg>
{{- /* This comment is to remove trailing whitespace */ -}}

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 B

After

Width:  |  Height:  |  Size: 164 B

2
layouts/shortcodes/sidenote.html
View File

@ -1,6 +1,6 @@
<span class="sidenote">
<label class="sidenote-label" for="{{- .Get 1 -}}">{{- .Get 2 -}}</label>
<input class="sidenote-checkbox" type="checkbox" id="{{- .Get 1 -}}"></input>
<input class="sidenote-checkbox" style="display: none;" type="checkbox" id="{{- .Get 1 -}}"></input>
{{- if $offset := .Get 3 -}}
<span class="sidenote-content sidenote-{{- .Get 0 -}}" style="margin-top: {{- $offset -}}rem">
{{- else -}}