CaAlden/film
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PUBLISH: various accessability changes

Browse source
This commit is contained in:
Campbell Alden 2022-08-27 13:07:09 +09:00
parent 2ab43fa374
commit 499c41c56f
6 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/index.html
View file

@ -45,7 +45,7 @@
<div class="card"> <div class="card">
<div class="card-image"> <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> </div>
<section class="card-content"> <section class="card-content">
<header> <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 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 spacing:between">
<div class="cluster s1 align:center"> <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> <span class="numbers">7.2</span>
</div> </div>
<div> <div>

2
docs/reviews/the-french-dispatch/index.html
View file

@ -52,7 +52,7 @@
</div> </div>
<h1>The French Dispatch</h1> <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"> <section class="quicklook">
<header> <header>
<h2 class="subtitle quicklook-emphasized-color"> <h2 class="subtitle quicklook-emphasized-color">

6
docs/style.css
View file

@ -32,7 +32,7 @@
--caption-font-family: 'Inika', serif; --caption-font-family: 'Inika', serif;
--caption-font-weight: 400; --caption-font-weight: 400;
--caption-font-line-height: 1.2; --caption-font-line-height: 1.2;
--caption-font-size: 10px; --caption-font-size: 12px;
--caption-font-letter-spacing: 0.05em; --caption-font-letter-spacing: 0.05em;
--button-font-family: 'Inika', serif; --button-font-family: 'Inika', serif;
@ -54,8 +54,8 @@
--color-accent: #D2002E; --color-accent: #D2002E;
--color-light-background: #f2f2f2; --color-light-background: #f2f2f2;
--color-dark-background: #333; --color-dark-background: #333;
--color-link: #2F7BD5; --color-link: #1D4F8C;
--color-deemphasize: #707070; --color-deemphasize: #4D4D4D;
font-size: var(--body-font-size); font-size: var(--body-font-size);
} }

4
layouts/_default/summary.html
View file

@ -1,6 +1,6 @@
<div class="card"> <div class="card">
<div class="card-image"> <div class="card-image">
<img class="card-image" src={{ .Params.image }} /> <img class="card-image" src={{ .Params.image }} alt="{{- .Title -}}" />
</div> </div>
<section class="card-content"> <section class="card-content">
<header> <header>
@ -13,7 +13,7 @@
</div> </div>
<div class="cluster spacing:between"> <div class="cluster spacing:between">
<div class="cluster s1 align:center"> <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> <span class="numbers">{{- .Params.imdb -}}</span>
</div> </div>
<div> <div>

4
layouts/reviews/single.html
View file

@ -7,9 +7,9 @@
</div> </div>
{{ end }} {{ end }}
<h1>{{- .Title -}}</h1> <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" -}} {{- .PublishDate.Format "August 2, 2006" -}}
</h3> </h2>
{{ partial "quicklook.html" . }} {{ partial "quicklook.html" . }}
</header> </header>
<div class="core-content"> <div class="core-content">

6
static/style.css
View file

@ -32,7 +32,7 @@
--caption-font-family: 'Inika', serif; --caption-font-family: 'Inika', serif;
--caption-font-weight: 400; --caption-font-weight: 400;
--caption-font-line-height: 1.2; --caption-font-line-height: 1.2;
--caption-font-size: 10px; --caption-font-size: 12px;
--caption-font-letter-spacing: 0.05em; --caption-font-letter-spacing: 0.05em;
--button-font-family: 'Inika', serif; --button-font-family: 'Inika', serif;
@ -54,8 +54,8 @@
--color-accent: #D2002E; --color-accent: #D2002E;
--color-light-background: #f2f2f2; --color-light-background: #f2f2f2;
--color-dark-background: #333; --color-dark-background: #333;
--color-link: #2F7BD5; --color-link: #1D4F8C;
--color-deemphasize: #707070; --color-deemphasize: #4D4D4D;
font-size: var(--body-font-size); font-size: var(--body-font-size);
} }