From 499c41c56f067cb345d8ab9f24854933b3f3f9d0 Mon Sep 17 00:00:00 2001
From: Campbell Alden <campbell.alden@bibo.com.ph>
Date: Sat, 27 Aug 2022 13:07:09 +0900
Subject: [PATCH] PUBLISH: various accessability changes

---
 docs/index.html                             | 4 ++--
 docs/reviews/the-french-dispatch/index.html | 2 +-
 docs/style.css                              | 6 +++---
 layouts/_default/summary.html               | 4 ++--
 layouts/reviews/single.html                 | 4 ++--
 static/style.css                            | 6 +++---
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index a8c9642..2c4399d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -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>
diff --git a/docs/reviews/the-french-dispatch/index.html b/docs/reviews/the-french-dispatch/index.html
index ef35cd3..93d9297 100644
--- a/docs/reviews/the-french-dispatch/index.html
+++ b/docs/reviews/the-french-dispatch/index.html
@@ -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">
diff --git a/docs/style.css b/docs/style.css
index 08e1f83..d7a7c77 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -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);
 }
 
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 2759588..00395d6 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -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>
diff --git a/layouts/reviews/single.html b/layouts/reviews/single.html
index 0b8bf3a..3581658 100644
--- a/layouts/reviews/single.html
+++ b/layouts/reviews/single.html
@@ -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">
diff --git a/static/style.css b/static/style.css
index 08e1f83..d7a7c77 100644
--- a/static/style.css
+++ b/static/style.css
@@ -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);
 }