redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Make sidebar buttons more like buttons, improve screen reader support, remove resource shortcode

Browse source
This commit is contained in:
Joshua Goins 2022-10-27 10:18:08 -04:00
parent 2672841909
commit e20eab57b6
4 changed files with 15 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
themes/red/assets/css/site.css
View file

@ -32,7 +32,9 @@
}
aside div a {
font-size: 125%;
font-size: 135%;
margin-top: 13px;
margin-bottom: 13px;
}
}
@ -79,6 +81,14 @@ footer {
flex-basis: 100%;
}
.site-menu {
width: 100%;
border: 1px solid gray;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.article-img {
width: 100%;
height: auto;
@ -115,4 +125,4 @@ tr:nth-child(even) {
table {
width: 100%;
}
}

2
themes/red/layouts/_default/_markup/render-link.html
View file

@ -1,4 +1,4 @@
{{ $icon := resources.Get "external-link.svg" }}
<a href="{{ .Destination | safeURL }}" {{ if strings.HasPrefix .Destination "http" }}
target="_blank"{{ end }}>{{ .PlainText }}{{ if strings.HasPrefix .Destination "http" }}<img alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{ end -}}</a>
target="_blank"{{ end }}>{{ .PlainText }}{{ if strings.HasPrefix .Destination "http" }}<img aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>

4
themes/red/layouts/partials/sidebar.html
View file

@ -1,7 +1,7 @@
<nav>
{{ range .Site.Menus.main }}
<div>
<div class="site-menu">
<a href="{{ .URL }}">{{ .Name }}</a>
</div>
{{ end }}
</nav>
</nav>

21
themes/red/layouts/shortcodes/resource.html
View file

@ -1,21 +0,0 @@
{{ $arg := .Get "page"}}
{{ $name := .Get "name" }}
{{ $headless := .Site.GetPage $arg }}
{{ $image := ($headless.Resources.ByType "image") }}
{{ with $image }}
{{ range . }}
{{ if eq .Name $name }}
<figure>
{{ $resized := .Resize "x400 webp drawing" }}
<a href="{{ .Permalink }}"><img class="rounded-md" alt="{{ .Name }}" title="{{ .Name }}" height="400px" src="{{ $resized.Permalink }}" /></a>
<figcaption>"{{.Name}}" from <a href="{{.RelPermalink}}">{{ $headless.Title }}</a>.</figcaption>
{{ end }}
</figure>
{{ end }}
{{ end }}