From 1803b7af89735317d96dd4fd9f78041875d2889b Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sat, 23 Mar 2024 14:28:03 +0000
Subject: new font for endorsements

---
 LibreFranklin-Italic.ttf      | Bin 0 -> 69376 bytes
 LibreFranklin-LightItalic.ttf | Bin 0 -> 69404 bytes
 index.html                    |   9 +++------
 style.css                     |  16 +++++++++++++---
 4 files changed, 16 insertions(+), 9 deletions(-)
 create mode 100644 LibreFranklin-Italic.ttf
 create mode 100644 LibreFranklin-LightItalic.ttf

diff --git a/LibreFranklin-Italic.ttf b/LibreFranklin-Italic.ttf
new file mode 100644
index 0000000..e0b3c80
Binary files /dev/null and b/LibreFranklin-Italic.ttf differ
diff --git a/LibreFranklin-LightItalic.ttf b/LibreFranklin-LightItalic.ttf
new file mode 100644
index 0000000..4f19137
Binary files /dev/null and b/LibreFranklin-LightItalic.ttf differ
diff --git a/index.html b/index.html
index 79ad687..d1e4b74 100644
--- a/index.html
+++ b/index.html
@@ -59,14 +59,11 @@
                         <div>
                             <img class="inner_grid_2-img"  src="img/AnteaterantsAa.jpg" alt="A collaged picture of an anteater and three tiny ants on a light blue background."/>
                         </div>
-                        <div>
-                            <img class="inner_grid_2-img"  src="img/BeeblossomBb.jpg" alt="A collaged image of a bee hovering above some pink blossom on a purple background."/>
-                        </div>
                         <div>
                             <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt="A collaged image of five colourful butterflies on a white background."/>
                         </div>
                         <div>
-                            <img class="inner_grid_2-img"  src="img/BeeEaterblossombeestext.jpg" alt="A collaged image of a Bee Eater, with a bee and some flowers on a purple background."/>
+                            <img class="inner_grid_2-img"  src="img/BeeblossomBb.jpg" alt="A collaged image of a bee hovering above some pink blossom on a purple background."/>
                         </div>
                         <div>
                             <img class="inner_grid_2-img"  src="img/CrabclamsCc.jpg" alt="A collaged image of a crab with two small clams peering out of their shells on a yellow background."/>
@@ -158,7 +155,7 @@
                 </div>
 
                 <div class="cell">
-                    <h2>Customer reviews</h2>
+                    <h2>Endorsements</h2>
                     <div class="reviews_grid">
                         <div>
                             <img src="img/lion_decorations.jpg" alt="Photograph of three hand-made decorations presented in front of children's books written by author Helen Stephens."/>
@@ -167,7 +164,7 @@
                             <q>
                                 I am more than delighted with my hand sewn tree decorations. They are beautifully made, look gorgeous on the Christmas tree, and are much admired by my visitors at Christmas. They are real treasures, a family heirloom to be passed to my daughter when she has her own tree.
                             </q>
-                            <p>Helen Stephens, children's book author</p>
+                            <p>- Helen Stephens, children's book author and illustrator</p>
                         </div>
 
 
diff --git a/style.css b/style.css
index 9318f16..d0a27a9 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,11 @@
 	src: url(LibreFranklin-VariableFont_wght.ttf);
 }
 
+@font-face {
+	font-family: 'Franklin-Italic';	
+	src: url(LibreFranklin-Italic.ttf);
+}
+
 body {
     background: rgb(224, 221, 217, 0.27);
 }
@@ -289,12 +294,17 @@ header {
 }
 
 .reviews_grid > div > q {
-    font-size: 1.2rem;
-    color: darkgray;
+    font-size: 1.3rem;
+    font-family: "Franklin-Italic";
+    line-height: 1.2em;
+    color: #4e8273;
     padding-right: 30px;
     padding-top: 20px;
     padding-bottom:100px
-    text-align: end;
+}
+
+.reviews_grid > div > p {
+    color: darkgray;
 }
 
 .footer {
-- 
cgit v1.2.3