PUBLISH: various accessability changes
This commit is contained in:
parent
2ab43fa374
commit
499c41c56f
6 changed files with 13 additions and 13 deletions
|
|
@ -45,7 +45,7 @@
|
|||
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg />
|
||||
<img class="card-image" src=https://m.media-amazon.com/images/M/MV5BNmQxZTNiODYtNzBhYy00MzVlLWJlN2UtNTc4YWZjMDIwMmEzXkEyXkFqcGdeQXVyMTkxNjUyNQ@@._V1_SX800.jpg alt="The French Dispatch" />
|
||||
</div>
|
||||
<section class="card-content">
|
||||
<header>
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<div style="text-align: justify;">Authors for a New Yorker-esque magazine report on a small town in France</div>
|
||||
<div class="cluster spacing:between">
|
||||
<div class="cluster s1 align:center">
|
||||
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon">
|
||||
<img src="https://caalden.github.io/film/imdb-logo-small.png" class="icon" alt="imbd logo">
|
||||
<span class="numbers">7.2</span>
|
||||
</div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@
|
|||
</div>
|
||||
|
||||
<h1>The French Dispatch</h1>
|
||||
<h3 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h3>
|
||||
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h2>
|
||||
<section class="quicklook">
|
||||
<header>
|
||||
<h2 class="subtitle quicklook-emphasized-color">
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
--caption-font-family: 'Inika', serif;
|
||||
--caption-font-weight: 400;
|
||||
--caption-font-line-height: 1.2;
|
||||
--caption-font-size: 10px;
|
||||
--caption-font-size: 12px;
|
||||
--caption-font-letter-spacing: 0.05em;
|
||||
|
||||
--button-font-family: 'Inika', serif;
|
||||
|
|
@ -54,8 +54,8 @@
|
|||
--color-accent: #D2002E;
|
||||
--color-light-background: #f2f2f2;
|
||||
--color-dark-background: #333;
|
||||
--color-link: #2F7BD5;
|
||||
--color-deemphasize: #707070;
|
||||
--color-link: #1D4F8C;
|
||||
--color-deemphasize: #4D4D4D;
|
||||
font-size: var(--body-font-size);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="card">
|
||||
<div class="card-image">
|
||||
<img class="card-image" src={{ .Params.image }} />
|
||||
<img class="card-image" src={{ .Params.image }} alt="{{- .Title -}}" />
|
||||
</div>
|
||||
<section class="card-content">
|
||||
<header>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
<div class="cluster spacing:between">
|
||||
<div class="cluster s1 align:center">
|
||||
<img src="{{site.BaseURL}}imdb-logo-small.png" class="icon">
|
||||
<img src="{{site.BaseURL}}imdb-logo-small.png" class="icon" alt="imbd logo">
|
||||
<span class="numbers">{{- .Params.imdb -}}</span>
|
||||
</div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
<h1>{{- .Title -}}</h1>
|
||||
<h3 class="subtitle-small color:deemphasize" style="margin-top: -30px">
|
||||
<h2 class="subtitle-small color:deemphasize" style="margin-top: -30px">
|
||||
{{- .PublishDate.Format "August 2, 2006" -}}
|
||||
</h3>
|
||||
</h2>
|
||||
{{ partial "quicklook.html" . }}
|
||||
</header>
|
||||
<div class="core-content">
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
--caption-font-family: 'Inika', serif;
|
||||
--caption-font-weight: 400;
|
||||
--caption-font-line-height: 1.2;
|
||||
--caption-font-size: 10px;
|
||||
--caption-font-size: 12px;
|
||||
--caption-font-letter-spacing: 0.05em;
|
||||
|
||||
--button-font-family: 'Inika', serif;
|
||||
|
|
@ -54,8 +54,8 @@
|
|||
--color-accent: #D2002E;
|
||||
--color-light-background: #f2f2f2;
|
||||
--color-dark-background: #333;
|
||||
--color-link: #2F7BD5;
|
||||
--color-deemphasize: #707070;
|
||||
--color-link: #1D4F8C;
|
||||
--color-deemphasize: #4D4D4D;
|
||||
font-size: var(--body-font-size);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue