ui: customize styles

Author: matchy233

book.toml

@@ -1,13 +1,16 @@
 [book]
 authors = ["matchy233"]
 language = "en"
-multilingual = false
+multilingual = true
 src = "src"
 title = "Notes @ ETH Zürich"
 
 [output.html]
-additional-js = ["mermaid.min.js", "mermaid-init.js"]
 mathjax-support = true
+default-theme = "Rust"
+preferred-dark-theme = "Ayu"
+additional-js = ["mermaid.min.js", "mermaid-init.js"]
+additional-css = ["theme/custom.css"]
 
 [output.html.fold]
 enable = true

src/22hs/dm1/02_classification.md

@@ -1,9 +1,5 @@
 # Classification Algorithms
 
-Here is a detailed summary of the **Classification Algorithms** in the uploaded document organized into bullet points and course notes. I have included key equations, concepts, and figures where possible.
-
----
-
 ## **Classification Overview**
 
 - **Problem**: Given an object \\(x\\), predict its class label \\(y\\). Examples include identifying objects in computer vision, detecting fraudulent credit card transactions, and gene classification in personalized medicine.

src/22hs/dm1/04_feature_selection.md

@@ -1,9 +1,5 @@
 # Feature Selection
 
-Here is a detailed summary and course notes for the uploaded document on **Feature Selection** from **Data Mining**:
-
----
-
 ## **What is Feature Selection?**
 
 - **Definition**: Feature selection involves identifying a relevant subset of features \\( X \\) that are most predictive of the output variable \\( Y \\) in supervised learning tasks.

src/22hs/dm1/05_applications_in_computational_biology.md

@@ -1,9 +1,5 @@
 # Applications in Computational Biology
 
-Here is a detailed summary and course notes for the uploaded document on **Applications in Computational Biology** from **Data Mining**:
-
----
-
 ## **Deleteriousness Prediction**
 
 - **Objective**: Assess whether a genetic variant, specifically a missense variant (which causes amino acid changes), is deleterious (harmful).

theme/custom.css

@@ -0,0 +1,80 @@
+@import url("https://fonts.googleapis.com/css2?family=Fira+Code:[email protected]&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai";
+  font-style: normal;
+  font-weight: 300;
+  src: url("/fonts/LXGWWenKai-Light.ttf") format("truetype");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai";
+  font-style: normal;
+  font-weight: 400;
+  src: url("/fonts/LXGWWenKai-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai";
+  font-style: normal;
+  font-weight: 700;
+  src: url("/fonts/LXGWWenKai-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai Mono";
+  font-style: normal;
+  font-weight: 300;
+  src: url("/fonts/LXGWWenKaiMono-Light.ttf") format("truetype");
+  format("truetype");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai Mono";
+  font-style: normal;
+  font-weight: 400;
+  src: url("/fonts/LXGWWenKaiMono-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "LXGW WenKai Mono";
+  font-style: normal;
+  font-weight: 700;
+  src: url("/fonts/LXGWWenKaiMono-Medium.ttf") format("truetype");
+}
+
+:root {
+  --font-family: "Libre Baskerville", "LXGW WenKai", serif;
+  --font-family-monospace: "JetBrains Mono", "LXGW WenKai Mono", monospace;
+}
+
+body {
+  font-family: var(--font-family);
+}
+
+.menu-title {
+  font-family: var(--font-family-monospace);
+  font-weight: 700;
+  font-size: 1.2em;
+}
+.chapter .chapter-item {
+  font-family: var(--font-family-monospace);
+  font-size: 0.9em;
+}
+
+li.part-title {
+  /* add a top horizontal line to separate parts */
+  color: var(--sidebar-active) !important;
+}
+
+pre,
+code {
+  font-family: var(--font-family-monospace) !important;
+  font-size: var(--code-font-size);
+}