redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Yet more accessibility fixes

Browse source
This commit is contained in:
Joshua Goins 2024-02-19 17:54:20 -05:00
parent 95aa08f07d
commit 369d3b899f
5 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -128,7 +128,7 @@ body {
:root {
--primary-accent: #9f5858;
--link: #6a3434;
--secondary-accent: #c99192;
--border-color: black;
--background-primary: #ab4a2f;
@ -143,7 +143,7 @@ body {
@media (prefers-color-scheme: dark) {
:root {
--primary-accent: #a3c3ff;
--link: #a3c3ff;
--secondary-accent: #c99192;
--background-primary: #34313a;
--background-secondary: #3c3a44;
@ -164,7 +164,7 @@ body {
}
a:link {
color: var(--primary-accent);
color: var(--link);
}
a:visited {
@ -522,6 +522,8 @@ model-viewer {
background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.01) 50%);
background-size: 24px 24px;
border-bottom: 1px solid var(--border-color);
font-weight: bold;
}
.project-desc {

4
themes/red/layouts/_default/_markup/render-image.html
View file

@ -16,9 +16,9 @@
<figure>
<a href="{{ $img.RelPermalink }}" data-download="true">
{{ if eq .MediaType.SubType "svg" }}
<img class="actual-article-img" src="{{ $img.RelPermalink }}" alt="{{ $.Text }}" title="{{ $.Text }}">
<img class="actual-article-img" src="{{ $img.RelPermalink }}" alt="{{ $.Text }}">
{{ else }}
<img class="actual-article-img" width="{{ $img.Width }}" height="{{ $img.Height }}" src="{{ $img.RelPermalink }}" alt="{{ $.Text }}" title="{{ $.Text }}">
<img class="actual-article-img" width="{{ $img.Width }}" height="{{ $img.Height }}" src="{{ $img.RelPermalink }}" alt="{{ $.Text }}">
{{ end }}
</a>

4
themes/red/layouts/_default/art-detail.html
View file

@ -21,7 +21,7 @@
<picture>
<source srcset="{{ $full }}" type="image/avif"/>
<img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ $jpeg }}"/>
<img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" src="{{ $jpeg }}"/>
</picture>
{{ else }}
{{ with resources.Get .Params.filename }}
@ -38,7 +38,7 @@
</video>
</div>
{{ else }}
<img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}">
<img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}">
{{ end }}
{{ end }}
{{ end }}

4
themes/red/layouts/_default/software.html
View file

@ -17,7 +17,7 @@
<div class="buttons">
{{ range .Data.Pages.ByDate.Reverse }}
<div class="blurb">
<h3 class="project-header">{{ .Title }}<p style="float:right;margin:0">{{ .Date.Format "2006" }}</p></h3>
<p class="project-header">{{ .Title }}<span style="float:right;margin:0">{{ .Date.Format "2006" }}</span></p>
<p class="project-desc">{{ .Summary }}</p>
@ -48,7 +48,7 @@
<div class="buttons">
{{ range $contrib.contributions }}
<div class="blurb">
<h3 class="project-header">{{ .name }}</h3>
<p class="project-header">{{ .name }}</p>
<p class="project-desc">{{ .description }}</p>

8
themes/red/layouts/partials/render-art.html
View file

@ -45,23 +45,23 @@
{{ with $full }}
{{ if $.Params.threed }}
{{ with resources.Get "3d.png" }}
<img alt="Viewable 3D" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
<img alt="3D cube icon" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
{{ end }}
{{ end }}
{{ if $.Params.animation }}
{{ with resources.Get "play-circle.png" }}
<img alt="Viewable Animation" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
<img alt="Play animation icon" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
{{ end }}
{{ end }}
{{ if and $use_newformat (eq $base "art") }}
<picture>
<source srcset="{{ $full }}" type="image/avif"/>
<img style="width: 100%; height: auto;" alt="{{ $title }}" title="{{ $title }}" src="{{ $jpeg }}"/>
<img style="width: 100%; height: auto;" alt="{{ $.Params.alt_text }}" title="{{ $title }}" src="{{ $jpeg }}"/>
</picture>
{{ else }}
<img style="width: 100%; height: auto;" width="{{ .Width }}" height="{{ .Height }}" alt="{{ $title }}" title="{{ $title }}" src="{{ .RelPermalink }}">
<img style="width: 100%; height: auto;" width="{{ .Width }}" height="{{ .Height }}" alt="{{ $.Params.alt_text }}" title="{{ $title }}" src="{{ .RelPermalink }}">
{{ end }}
{{ else }}
<p>Thumbnail not found!</p>