Merge dba0296939 into 14e1e7ae2e

Sans serif TikZ pics website

book/sourdough-starter/sourdough-starter.tex

@@ -1,6 +1,15 @@
 \chapter{Making a sourdough starter}%
 \label{chapter:sourdough-starter}
 \begin{quoting}
+
+\begin{figure}[!htb]
+  \centering
+  \includegraphics[width=\textwidth]{sourdough-starter-activity-indicators}
+  \caption[Very active sourdough]{A very active sourdough starter shown by the
+      bubbles in the dough.}%
+  \label{fig:sourdough-starter}
+\end{figure}
+
 In this chapter you will learn how to make your
 own sourdough starter, but before doing so you will
 quickly learn about baker's math. Don't worry,
@@ -12,6 +21,8 @@ your starter's readiness, as well as
 how to prepare your starter for long-term storage.
 \end{quoting}
 
+%\iffalse
+
 \section{Baker's math}%
 \label{section:bakers-math}
 
@@ -80,20 +91,23 @@ hungry family arrives. You are tasked with making pasta
 for \num{20} people. How would you calculate the amount of sauce
 you need? You go to the internet and check a recipe and then
 are completely lost when trying to scale it up.
+% \fi
 
 \section{The process of making a starter}
 
-\begin{figure}[!htb]
-  \centering
-  \includegraphics[width=\textwidth]{sourdough-starter-activity-indicators}
-  \caption[Very active sourdough]{A very active sourdough starter shown by the
-      bubbles in the dough.}%
-  \label{fig:sourdough-starter}
-\end{figure}
-
 Making a sourdough starter is very easy, all you need
 is a little bit of patience. It is in fact so easy that it can be summarized
-in a simple flowchart~\ref{fig:sourdough-starter-process} The flour you should
+in a simple flowchart~\ref{fig:sourdough-starter-process}.
+
+\begin{flowchart}[!htb]
+\centering
+  \input{figures/fig-starter-process.tex}
+  \caption[The full sourdough starter process]{The process of making a sourdough
+      starter from scratch.}%
+  \label{fig:sourdough-starter-process}
+\end{flowchart}
+
+The flour you should
 use to bootstrap your starter is ideally a whole flour.
 You could use whole-wheat, whole-rye, whole-spelt or
 any other flour you have. In fact gluten free flours such
@@ -131,14 +145,6 @@ not airtight. You still want some gas exchange to be possible.
 I~like to use a glass and place another
 inverted one on top.
 
-\begin{flowchart}[!htb]
-\centering
-  \input{figures/fig-starter-process.tex}
-  \caption[The full sourdough starter process]{The process of making a sourdough
-      starter from scratch.}%
-  \label{fig:sourdough-starter-process}
-\end{flowchart}
-
 Now an epic battle begins. In one study~\cite{yeasts+biocontrol+agent}
 scientists have identified more than \num{150}~different yeast species living
 on a single leaf of a plant.
@@ -147,6 +153,14 @@ the upper hand in this battle. Other pathogens such as mold
 are also being activated as we added water. Only the strongest
 most adaptable microorganisms will survive.
 
+\begin{figure}[!htb]
+  \includegraphics[width=\textwidth]{sourdough-starter-microbial-war-i}
+  \caption[Microbial warfare during sourdough early days]{A simple
+      visualization of the microbial warfare that happens during the early days of making of
+      a sourdough starter.}
+  \label{fig:sourdough-starter-microbial-war-i}
+\end{figure}
+
 By adding water to the
 flour the starches start to degrade. The seedling tries to
 sprout but it no longer can. Essential for this process is the
@@ -188,20 +202,6 @@ days my new starter seems to be quite alive already. This might
 be due to previous contamination of flour fermenting microbes in
 my kitchen.
 
-\begin{figure}[!htb]
-  \includegraphics[width=\textwidth]{sourdough-starter-microbial-war}
-  \caption[Microbial warfare during sourdough early days]{A simple
-      visualization of the microbial warfare that happens during the making of
-      a sourdough starter. The wild spores on the plant and flour become
-      activated the moment flour and water is mixed.  Only the most adapted
-      flour-fermenting microbes will survive. Because of unwanted microbial
-      fermentation it is advised to discard the feeding-leftovers of the first
-      days. The surviving yeast and bacteria continuously try to outcompete
-      each other for resources. New microbes have a hard time entering the
-      starter and are eliminated.}%
-  \label{fig:sourdough-starter-microbial-war}
-\end{figure}
-
 Wait for around 24~hours and observe what happens to your starter.
 You might see some early signs of fermentation already. Use your nose
 to smell the dough. Look for bubbles in the dough. Your dough
@@ -252,6 +252,14 @@ great option if the starter was accidentally depleted. A practical approach
 is to store all discard in a single jar in the fridge, adding new discard on
 top as needed and using it whenever required.}
 
+\begin{figure}[!htb]
+  \includegraphics[width=\textwidth]{sourdough-starter-microbial-war-ii}
+  \caption[Microbial warfare during sourdough later days]{A simple
+      visualization of the microbial warfare that happens during the later days of making of
+      a sourdough starter.}
+  \label{fig:sourdough-starter-microbial-war-ii}
+\end{figure}
+
 You should hopefully again see some bubbles, the starter increasing
 in size and/or the starter changing its smell. Some people give
 up after the second or third day, because the signs might no longer

book/sourdough.sty

@@ -52,8 +52,9 @@
 \DeclareRobustCommand\sbseries{\fontseries{sb}\selectfont}
 % Fonts for accessibility
 \ifdefined\isaccessible
-    \setmainfont{Open Sans}[
-    Scale=MatchLowercase]
+    \usepackage[mathrm=sym]{unicode-math}
+    \setmathfont{Fira Math}[Scale=MatchLowercase]
+    \setmainfont{Open Sans}[Scale=MatchLowercase]
 \else
     \setmainfont{TeX Gyre Pagella}[Scale=1.0] % Or Palatino Linotype, etc.
     % TODO not available on github CI

book/style.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap');
-
 :root{
   --ff-sans: 'Open Sans', sans-serif;
   --fw-regular: 400;
@@ -147,7 +145,6 @@ nav.TOC a, nav.TOC a:visited{
 /* *** Colors *** */
 /* ************** */
 
-
 body{
   background-color: var(--c-beige);
 }
@@ -254,6 +251,10 @@ figcaption.caption {
   display: block;
 }
 
+.chapterToc a, .chapterToc, .likechapterToc a, .likechapterToc, .appendixToc a, .appendixToc, .addchapToc a {
+  font-weight: var(--fw-bold);
+}
+
 @media (max-width: 768px) {
   .toggle-menu-label {
     display: block;
@@ -317,7 +318,7 @@ figcaption.caption {
     display: block;
     color: #000;
     font-size: 20px;
-    font-weight: bold;
+    font-weight: var(--fw-bold);
   }
 
   .chapterToc a, .sectionToc a, .subsectionToc a, .likechapterToc a {
@@ -498,7 +499,7 @@ blockquote {
   border: 2px solid var(--c-black);
   color: var(--c-black);
   padding: 4px;
-  font-weight: bold;
+  font-weight: var(--fw-bold);
   text-decoration: none;
 }
 .crosslinks-bottom a.prev {

book/tex4ebook.cfg

@@ -11,4 +11,12 @@
 \Configure{AddCss}{book-ebook.css}
 \Configure{CoverMimeType}{image/jpeg}
 \CoverMetadata{cover/cover-page.jpg}
+\AddToHook{env/tikzpicture/begin}{\fontfamily{opensans-TLF}\selectfont}
+\Configure{@HEAD}{\HCode{
+<style type="text/css">
+  @import url('https://fonts.cdnfonts.com/css/open-sans');
+  body{
+    font-family: 'Open Sans';
+  }
+</style>}}
 \EndPreamble

book/website.cfg

@@ -9,6 +9,14 @@
 }} 
 
 \Configure{AddCss}{style.css}
+\AddToHook{env/tikzpicture/begin}{\fontfamily{opensans-TLF}\selectfont}
+\Configure{@HEAD}{\HCode{
+<style type="text/css">
+  @import url('https://fonts.cdnfonts.com/css/open-sans');
+  body{
+    font-family: 'Open Sans';
+  }
+</style>}}
 \ConfigureEnv{titlepage}{\ifvmode\IgnorePar\fi\EndP\HCode{<main class="titlepage">}}{\ifvmode\IgnorePar\fi\EndP\HCode{</main>}}{}{}
 
 % Mini TOC