From 442a3ec0328fe560ca69fafc53e00b068bfd014c Mon Sep 17 00:00:00 2001
From: Hendrik Kleinwaechter <hendrik.kleinwaechter@gmail.com>
Date: Thu, 13 Jul 2023 17:23:06 +0200
Subject: [PATCH] Add favicon (#149)

* Fix mobile menu

* Link cover page

* Add home link

* Add favicon

This adds a favicon to the book
---
 book/style.css             |   4 ---
 website/assets/favicon.ico | Bin 0 -> 15406 bytes
 website/modify_build.rb    |  60 +++++++++++++++++++++++++++++++++++--
 3 files changed, 58 insertions(+), 6 deletions(-)
 create mode 100644 website/assets/favicon.ico

diff --git a/book/style.css b/book/style.css
index 12c6fcf..9cc4ee7 100644
--- a/book/style.css
+++ b/book/style.css
@@ -163,10 +163,6 @@ table.tabular {
   width: 100%;
 }
 
-.chapterHead .titlemark {
-  display: block;
-}
-
 figure.figure {
   margin: 30px 0px 30px 0px;;
   text-align: center;
diff --git a/website/assets/favicon.ico b/website/assets/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..48776772016bf15668b1491b297ee0bbdb2bbd3a
GIT binary patch
literal 15406
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

literal 0
HcmV?d00001

diff --git a/website/modify_build.rb b/website/modify_build.rb
index ab945b5..9a6c441 100644
--- a/website/modify_build.rb
+++ b/website/modify_build.rb
@@ -18,6 +18,7 @@ class ModifyBuild
     system("rm -rf #{build_dir}/")
     system("mkdir #{build_dir}/")
     copy_source_to_local_dir_for_modification
+    copy_assets_into_folder
     list_of_files_to_modify.each do |filename|
       modify_file(filename)
     end
@@ -34,6 +35,7 @@ class ModifyBuild
     text = fix_cover_page(text) if is_cover_page?(filename)
     text = add_home_link_to_menu(text)
     text = fix_anchor_hyperlinks_menu(text)
+    text = add_favicon(text)
     File.open(filename, "w") {|file| file.puts text }
   end
 
@@ -52,6 +54,10 @@ class ModifyBuild
     system("cp -R ../book/#{build_dir}/* #{build_dir}")
   end
 
+  def copy_assets_into_folder
+    system("cp -R ./assets/* #{build_dir}")
+  end
+
   def source_website_output_exists?
     File.directory?("../book/#{build_dir}/")
   end
@@ -68,7 +74,7 @@ class ModifyBuild
     doc = build_doc(text)
     elements = [doc.search('.chapterToc'), doc.search('.sectionToc'), doc.search('.subsectionToc')].flatten
     elements.each do |n|
-      chapter_number_or_nothing = n.children[0].text.strip
+      chapter_number_or_nothing = n.children[0].text.strip.to_i
       hyperlink_node = n.children[1]
       next if hyperlink_node.nil?
 
@@ -76,7 +82,7 @@ class ModifyBuild
       n.children[0].remove
       link_text = hyperlink_node.content
       # no chapter number
-      if chapter_number_or_nothing.length == 0
+      if chapter_number_or_nothing == 0
         content = hyperlink_node.to_s
       else
         link_node_content = %Q{
@@ -163,6 +169,48 @@ class ModifyBuild
     doc.to_html
   end
 
+  # By default the menu is not made for mobile devices. This adds mobile
+  # capabilities to the menu
+  def fix_menu(text)
+    doc = build_doc(text)
+    nav = doc.css("nav.TOC")[0]
+    # page has no nav
+    return text unless nav
+
+    menu_items_html = doc.css("nav.TOC > *").to_html
+    nav.add_class("menu")
+    nav_content = %Q{
+      #{menu_mobile_nav}
+      <div class="menu-items">#{menu_items_html}</div>
+    }
+    nav.inner_html = nav_content
+    doc.to_html
+  end
+
+  def menu_mobile_nav
+  %Q{
+    <a href="/" class="logo">
+      The Sourdough Framework
+    </a>
+    <input type="checkbox" id="toggle-menu">
+    <label class="hamb toggle-menu-label" for="toggle-menu"><span class="hamb-line"></span></label>
+  }
+  end
+
+  # The cover page should have some additional content and allow the user to
+  # click the book cover in order to start reading.
+  def fix_cover_page(text)
+    doc = build_doc(text)
+    body = doc.css("body")[0]
+    content = doc.css("body > .titlepage")[0]
+    menu = doc.css("body > .menu")[0]
+    cover = content.css(".center")[0]
+    cover_html = cover.to_html
+    cover.inner_html = "<a href='Thehistoryofsourdough.html'>#{cover_html}</a>"
+    body.inner_html = "#{menu} #{content}"
+    doc.to_html
+  end
+
   # Users are lost and can't easily access the root page of the book. This
   # adds a home menu item.
   def add_home_link_to_menu(text)
@@ -192,6 +240,14 @@ class ModifyBuild
     doc.to_html
   end
 
+  def add_favicon(text)
+    doc = build_doc(text)
+    head = doc.css("head")[0]
+    fav_html = %Q{<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />}
+    head.inner_html = "#{head.inner_html} #{fav_html}"
+    doc.to_html
+  end
+
   def build_doc(text)
     Nokogiri::HTML(text)
   end