From ef7b7b0b002970014b1474ef5afd488bb897d5d1 Mon Sep 17 00:00:00 2001
From: Campbell Alden <campbell.alden@bibo.com.ph>
Date: Sat, 27 Aug 2022 12:57:06 +0900
Subject: [PATCH] PUBLISH

---
 docs/404.html                               |  2 +-
 docs/review.css                             |  1 -
 docs/reviews/the-french-dispatch/index.html |  1 +
 docs/style.css                              | 18 ++++++++++++++++++
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/docs/404.html b/docs/404.html
index b0f1dca..32c81f9 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -37,7 +37,7 @@
     <header class="http-header">
       <h1 title="404" class="http-status">4📀4</h1>
     </header>
-    <p>The page you were looking for could not be found</p>
+    <p class="color:deemphasize">The page you were looking for could not be found</p>
   </section>
 
         </main><footer>
diff --git a/docs/review.css b/docs/review.css
index cb8df54..e1924c6 100644
--- a/docs/review.css
+++ b/docs/review.css
@@ -31,4 +31,3 @@
   height: 100%;
   object-fit: cover;
 }
-
diff --git a/docs/reviews/the-french-dispatch/index.html b/docs/reviews/the-french-dispatch/index.html
index 010c70f..f56b62d 100644
--- a/docs/reviews/the-french-dispatch/index.html
+++ b/docs/reviews/the-french-dispatch/index.html
@@ -52,6 +52,7 @@
       </div>
     
     <h1>The French Dispatch</h1>
+    <h3 class="subtitle-small color:deemphasize" style="margin-top: -30px">August 17, 2022</h3>
     <section class="quicklook">
   <header>
     <h2 class="subtitle quicklook-emphasized-color">
diff --git a/docs/style.css b/docs/style.css
index e80308e..08e1f83 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -17,6 +17,12 @@
   --subtitle-font-size: 24px;
   --subtitle-font-letter-spacing: -0.02em;
 
+  --subtitle-small-font-family: 'Rufina', serif;
+  --subtitle-small-font-weight: 400;
+  --subtitle-small-line-height: 1.25;
+  --subtitle-small-font-size: 20px;
+  --subtitle-small-font-letter-spacing: -0.02em;
+
   --body-font-family: 'Inika', serif;
   --body-font-weight: 400;
   --body-font-line-height: 1.625;
@@ -49,6 +55,7 @@
   --color-light-background: #f2f2f2;
   --color-dark-background: #333;
   --color-link: #2F7BD5;
+  --color-deemphasize: #707070;
   font-size: var(--body-font-size);
 }
 
@@ -103,6 +110,14 @@ main {
   font-size: var(--subtitle-font-size);
   letter-spacing: var(--subtitle-font-letter-spacing);
 }
+.subtitle-small {
+  font-family: var(--subtitle-small-font-family);
+  font-weight: var(--subtitle-small-font-weight);
+  line-height: var(--subtitle-small-font-line-height);
+  font-size: var(--subtitle-small-font-size);
+  letter-spacing: var(--subtitle-small-font-letter-spacing);
+}
+
 .caption {
   font-family: var(--caption-font-family);
   font-weight: var(--caption-font-weight);
@@ -169,6 +184,9 @@ a:hover {
 .bg\:secondary {
   background: var(--color-secondary);
 }
+.color\:deemphasize {
+  color: var(--color-deemphasize);
+}
 .navbar {
   display: flex;
 }