Website improvements typo (#158)

* Change style + add robots

* Add video to home & cleanup

book/style.css

@@ -1,13 +1,11 @@
-@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&family=Ubuntu+Mono&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');
 
 :root{
-  --ff-sans: 'Raleway', sans-serif;
+  --ff-sans: 'Open Sans', sans-serif;
-  --ff-mono: 'Ubuntu Mono', monospace;
   --fw-regular: 400;
-  --fw-medium: 500;
+  --fw-bold: 800;
-  --fw-bold: 700;
-  --fw-black: 900;
   --f-lh: 28px;
+  --c-black: #282828;
 }
 
 @media (min-width: 1200px){
@@ -32,7 +30,7 @@ body{
   margin:0;
   padding:0;
   font-family: var(--ff-sans);
-  font-weight: var(--fw-medium);
+  font-weight: var(--fw-regular);
   font-size: 16px;
 }
 
@@ -121,7 +119,9 @@ nav.TOC a, nav.TOC a:visited{
 
 
 body{
-  background-color:#F5F2EF;
+  background-color:#F8F8F8;
+  background: url("bg.jpg") center center no-repeat;
+  background-size: cover;
 }
 
 a {
@@ -133,15 +133,15 @@ main.main-content, div.footnotes, main.titlepage{
 }
 
 nav.TOC,nav.TOC a, nav.TOC a:visited{
-  background-color:#F5F2EF;
+  background-color: var(--c-black);
-  color:#000000;
+  color:#fff;
 }
 
 nav.TOC span:hover,
 nav.TOC span:hover *,
 nav.TOC span.chapterToc.selected,
 nav.TOC span.chapterToc.selected a {
-  background-color:#dad5ca;
+  background-color:#5b5a58;
 }
 
 figure.texsource, figure.shellcommand, figure.htmlsource, figure.luasource, figure.textsource{
@@ -229,7 +229,7 @@ figcaption.caption {
     padding: 30px 20px;
     position: absolute;
     right: 0px;
-    top: 0px;
+    top: 2px;
   }
 
   .hamb-line {
@@ -299,3 +299,33 @@ div.center {
 main.titlepage h2.chapterHead {
   margin-top: 0px;
 }
+
+h2 {
+  font-weight: var(--fw-bold);
+  text-transform: uppercase;
+}
+
+h3 {
+  font-weight: var(--fw-bold);
+}
+
+.videoWrapper {
+  position: relative;
+  padding-bottom: 56.25%;
+  /* 16:9 */
+  padding-top: 25px;
+  height: 0;
+}
+
+.videoWrapper iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.home-bread {
+  max-width: 100%;
+  margin-top: 1em;
+}

website/assets/robots.txt

@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+

website/modify_build.rb

@@ -395,6 +395,10 @@ class ModifyBuild
        bread making, and advanced techniques for achieving the perfect sourdough bread at home.
     </p>
 
+    <div class="videoWrapper">
+      <iframe width="560" height="349" src="https://www.youtube-nocookie.com/embed/l0GwG74otX4?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+    </div>
+
     <p class="noindent">
        Creating this book has been a labor of love. My
        main goal has always been to spread the joy of baking and empower bread
@@ -402,6 +406,8 @@ class ModifyBuild
        to everyone, I have decided to make it available as a free digital download.
     </p>
 
+    <img alt="One of my best Sourdough Breads" class="home-bread" src="bread.jpg" />
+
     <p class="noindent">
       However, producing and maintaining resources like this requires
       considerable time, effort, and financial investment. If you find value