Updated chapter_1_introduction

QR code has been added to video blocks.
Unnecessary space after the footnote mark has been removed.

Author: hzeljko

contents/core/introduction/introduction.qmd

@@ -204,13 +204,33 @@ The deep learning revolution of 2012 didn't emerge from nowhere, as it was found
 
 [^fn-cnn]: **Convolutional Neural Network (CNN)**: A type of neural network specially designed for processing images, inspired by how the human visual system works. The "convolutional" part refers to how it scans images in small chunks, similar to how our eyes focus on different parts of a scene.
 
-:::{#vid-tl .callout-important title="Convolutional Network Demo from 1989"}
+Yet these networks largely languished through the 1990s and 2000s, not because the ideas were wrong, but because they were ahead of their time---the field lacked three important ingredients: sufficient data to train complex networks, enough computational power to process this data, and the technical innovations needed to train very deep networks effectively.
 
+:::{.callout-important title="Convolutional Network Demo from 1989"}
+::: {.content-visible when-format="html"}
 {{< video https://www.youtube.com/watch?v=FwFduRA_L6Q&ab_channel=YannLeCun >}}
-
 :::
 
-Yet these networks largely languished through the 1990s and 2000s, not because the ideas were wrong, but because they were ahead of their time---the field lacked three important ingredients: sufficient data to train complex networks, enough computational power to process this data, and the technical innovations needed to train very deep networks effectively.
+::: {.content-visible when-format="pdf"}
+\marginnote{\centering\\\vspace*{5mm}%
+  \parbox{30mm}{\centering\footnotesize%
+    \textbf{Watch on YouTube}\\
+    Convolutional Net Demo\\[1mm]
+  }
+  \begingroup
+    \hypersetup{urlcolor=black}
+    \qrcode[height=15mm]{https://www.youtube.com/watch?v=FwFduRA_L6Q}
+  \endgroup
+\\[1mm]
+  \parbox{25mm}{\centering\footnotesize%
+    Scan with your phone\\
+    to watch the video
+  }
+}
+
+\faTv{} [Watch on YouTube](https://www.youtube.com/watch?v=FwFduRA_L6Q&ab_channel=YannLeCun)
+:::
+:::
 
 The field had to wait for the convergence of big data, better computing hardware, and algorithmic breakthroughs before deep learning's potential could be unlocked. This long gestation period helps explain why the 2012 ImageNet moment was less a sudden revolution and more the culmination of decades of accumulated research finally finding its moment. As we'll explore in the following sections, this evolution has led to two significant developments in the field. First, it has given rise to define the field of machine learning systems engineering, a discipline that teaches how to bridge the gap between theoretical advancements and practical implementation. Second, it has necessitated a more comprehensive definition of machine learning systems, one that encompasses not just algorithms, but also data and computing infrastructure. Today's challenges of scale echo many of the same fundamental questions about computation, data, and learning methods that researchers have grappled with since the field's inception, but now within a more complex and interconnected framework.
 

tex/header-includes.tex

@@ -36,6 +36,9 @@
 \usepackage{amsmath}
 \usepackage{amssymb}
 \usepackage{enumitem}
+\usepackage{fontawesome5}
+\usepackage{qrcode}
+\qrset{link, height=15mm}
 
 % Define the Crimson color
 \definecolor{crimson}{HTML}{A51C30}
@@ -132,7 +135,7 @@
     \hspace{0.3em} % Spacing between the line and the sidenote text
     \color{black} % Reset color for sidenote text
     {\footnotesize #1} % Sidenote text in smaller font size
-  }
+  }%
 }
 
 % Redefine the figure environment (fixes the bug where even page captions don't show, odd I know!)
@@ -315,7 +318,7 @@
   \else
     \setcounter{page}{\value{page}}%
   \fi
-  \setcounter{footnote}{0}% Reset footnote counter
+  \setcounter{sidenote}{0}% Reset footnote counter
   \old@chapter{#1}%
 }
 
@@ -327,7 +330,7 @@
     \pagenumbering{roman}%
     \@firstunnumberedfalse%
   \fi
-  \setcounter{footnote}{0}% Reset footnote counter
+  \setcounter{sidenote}{0}% Reset footnote counter
   \old@chapter*{#1}%
 }
 \makeatother