malte70/hugo-paper
1
0
Fork 0
Code Activity

update a11y #153

Browse source
This commit is contained in:
nanxiaobei 2023-02-25 01:18:10 +08:00
parent 7db335cfd8
commit f37574be6f
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
layouts/_default/list.html
View file

@ -28,6 +28,7 @@
<img <img
class="my-0 h-14 w-14 rounded-full !bg-black/5 hover:animate-spin dark:!bg-black/80" class="my-0 h-14 w-14 rounded-full !bg-black/5 hover:animate-spin dark:!bg-black/80"
src="{{ $avatar_url }}" src="{{ $avatar_url }}"
alt="{{ or site.Params.name site.Title }}"
/> />
</div> </div>
{{ end }}<!----> {{ end }}<!---->
@ -50,7 +51,7 @@
<time class="text-sm opacity-60" <time class="text-sm opacity-60"
>{{ .Date | time.Format ":date_medium" }}</time >{{ .Date | time.Format ":date_medium" }}</time
> >
<a class="absolute inset-0" href="{{ .Permalink }}"></a> <a class="absolute inset-0 text-[0]" href="{{ .Permalink }}">{{ .Title }}</a>
</section> </section>
{{ end }} {{ end }}

16
layouts/partials/header.html
View file

@ -6,13 +6,15 @@
>{{ site.Title }}</a >{{ site.Title }}</a
> >
<a <a
class="btn-dark ml-6 h-6 w-6 shrink-0 cursor-pointer {{ if site.Params.monoDarkIcon }}[background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert{{ else }}[background:url(./theme.png)_left_center/_auto_theme('spacing.6')_no-repeat] [transition:_background-position_0.4s_steps(5)]{{ end }} dark:[background-position:right]" class="btn-dark text-[0] ml-6 h-6 w-6 shrink-0 cursor-pointer {{ if site.Params.monoDarkIcon }}[background:url(./theme.svg)_left_center/cover_no-repeat] dark:invert{{ else }}[background:url(./theme.png)_left_center/_auto_theme('spacing.6')_no-repeat] [transition:_background-position_0.4s_steps(5)]{{ end }} dark:[background-position:right]"
></a> >Dark</a
>
</div> </div>
<a <a
class="btn-menu relative z-50 -mr-8 flex h-[5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden" class="btn-menu relative z-50 -mr-8 flex h-[5rem] w-[5rem] shrink-0 cursor-pointer flex-col items-center justify-center gap-2.5 lg:hidden"
></a> ><span class="hidden">Menu</span></a
>
{{ $bg_color := $.Scratch.Get "bg_color" }} {{ $bg_color := $.Scratch.Get "bg_color" }}
<script> <script>
@ -80,12 +82,14 @@
> >
{{ range . }}<!----> {{ range . }}<!---->
<a <a
class="h-8 w-8 [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6" class="h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat] lg:h-6 lg:w-6"
style="--url: url(./{{ . }}.svg)" style="--url: url(./{{ . }}.svg)"
href="{{ if eq . `rss` }}{{ `index.xml` | absURL }}{{ else if eq . `mastodon` }}{{ site.Params.Get . }}{{ else }}https://{{ . }}.com/{{ site.Params.Get . }}{{ end }}" href="{{ if eq . `rss` }}{{ `index.xml` | absURL }}{{ else if eq . `mastodon` }}{{ site.Params.Get . }}{{ else }}https://{{ . }}.com/{{ site.Params.Get . }}{{ end }}"
target="_blank" target="_blank"
{{ if ne . `rss` }}rel="me"{{ end }} rel="{{ if eq . `rss` }}alternate{{ else }}me{{ end }}"
></a> >
{{ . }}
</a>
{{ end }}<!----> {{ end }}<!---->
</nav> </nav>
{{ end }}<!----> {{ end }}<!---->