added page navigation

Kubus42 · Mar 30, 2024 · d3c921d · d3c921d
1 parent f8613a6
commit d3c921d
Show file tree

Hide file tree

Showing 33 changed files with 569 additions and 118 deletions.
diff --git a/_freeze/llm/intro/execute-results/html.json b/_freeze/llm/intro/execute-results/html.json
@@ -1,8 +1,8 @@
 {
-  "hash": "96d9b1c6acd0d48a4f59c1b1bb2c4b59",
+  "hash": "8dca43e41c2fe7ee9d13d53651464ebf",
   "result": {
     "engine": "jupyter",
-    "markdown": "---\ntitle: Introduction\nformat:\n  html:\n    code-fold: true\n---\n\n",
+    "markdown": "---\ntitle: Introduction to LLM\nformat:\n  html:\n    code-fold: true\n---\n\n",
     "supporting": [
       "intro_files"
     ],

diff --git a/_freeze/nlp/overview/execute-results/html.json b/_freeze/nlp/overview/execute-results/html.json
diff --git a/_quarto.yml b/_quarto.yml
@@ -10,6 +10,9 @@ format:
     theme: cosmo
 
 website:
+  page-navigation: true
+  back-to-top-navigation: true
+
   navbar:
     tools:
       - icon: github

diff --git a/docs/about/assignment.html b/docs/about/assignment.html
@@ -30,6 +30,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../nlp/overview.html" rel="next">
+<link href="../about/projects.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -180,7 +182,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -239,7 +241,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -393,7 +395,7 @@ <h1 class="title">Academic assignment</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -803,6 +805,18 @@ <h1 class="title">Academic assignment</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../about/projects.html" class="pagination-link" aria-label="Projects">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Projects</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../nlp/overview.html" class="pagination-link" aria-label="Overview of NLP">
+        <span class="nav-page-text">Overview of NLP</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">

diff --git a/docs/about/projects.html b/docs/about/projects.html
@@ -30,6 +30,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../about/assignment.html" rel="next">
+<link href="../about/schedule.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -180,7 +182,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -239,7 +241,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -407,7 +409,7 @@ <h1 class="title">Projects</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -817,6 +819,18 @@ <h1 class="title">Projects</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../about/schedule.html" class="pagination-link" aria-label="Schedule">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Schedule</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../about/assignment.html" class="pagination-link" aria-label="Academic assignment">
+        <span class="nav-page-text">Academic assignment</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">

diff --git a/docs/about/schedule.html b/docs/about/schedule.html
@@ -30,6 +30,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../about/projects.html" rel="next">
+<link href="../index.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -180,7 +182,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -239,7 +241,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -393,7 +395,7 @@ <h1 class="title">Schedule</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -803,6 +805,18 @@ <h1 class="title">Schedule</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../index.html" class="pagination-link" aria-label="The Sprint">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">The Sprint</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../about/projects.html" class="pagination-link" aria-label="Projects">
+        <span class="nav-page-text">Projects</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">

diff --git a/docs/emb_exercise.html b/docs/emb_exercise.html
@@ -188,7 +188,7 @@ <h1 class="title">Embeddings</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {

diff --git a/docs/embeddings/applications.html b/docs/embeddings/applications.html
@@ -30,6 +30,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../ethics/bias.html" rel="next">
+<link href="../embeddings/clustering.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -180,7 +182,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -239,7 +241,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -393,7 +395,7 @@ <h1 class="title">Applications</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -803,6 +805,18 @@ <h1 class="title">Applications</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../embeddings/clustering.html" class="pagination-link" aria-label="Clustering">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Clustering</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../ethics/bias.html" class="pagination-link" aria-label="Bias">
+        <span class="nav-page-text">Bias</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">

diff --git a/docs/embeddings/clustering.html b/docs/embeddings/clustering.html
@@ -64,6 +64,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../embeddings/applications.html" rel="next">
+<link href="../embeddings/visualization.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -214,7 +216,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -273,7 +275,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -518,7 +520,7 @@ <h1 class="title">Clustering</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -928,6 +930,18 @@ <h1 class="title">Clustering</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../embeddings/visualization.html" class="pagination-link" aria-label="Visualization">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Visualization</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../embeddings/applications.html" class="pagination-link" aria-label="Applications">
+        <span class="nav-page-text">Applications</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">

diff --git a/docs/embeddings/embeddings.html b/docs/embeddings/embeddings.html
@@ -30,6 +30,8 @@
 <script src="../site_libs/quarto-search/fuse.min.js"></script>
 <script src="../site_libs/quarto-search/quarto-search.js"></script>
 <meta name="quarto:offset" content="../">
+<link href="../embeddings/exercises/ex_emb_similarity.html" rel="next">
+<link href="../llm/exercises/ex_gpt_parameterization.html" rel="prev">
 <script src="../site_libs/quarto-html/quarto.js"></script>
 <script src="../site_libs/quarto-html/popper.min.js"></script>
 <script src="../site_libs/quarto-html/tippy.umd.min.js"></script>
@@ -180,7 +182,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../nlp/overview.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Overview</span></a>
+ <span class="menu-text">Overview of NLP</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -239,7 +241,7 @@
           <li class="sidebar-item">
   <div class="sidebar-item-container"> 
   <a href="../llm/intro.html" class="sidebar-item-text sidebar-link">
- <span class="menu-text">Introduction</span></a>
+ <span class="menu-text">Introduction to LLM</span></a>
   </div>
 </li>
           <li class="sidebar-item">
@@ -403,7 +405,7 @@ <h1 class="title">Embeddings</h1>
 
 
 
-</main> <!-- /main -->
+<a onclick="window.scrollTo(0, 0); return false;" role="button" id="quarto-back-to-top"><i class="bi bi-arrow-up"></i> Back to top</a></main> <!-- /main -->
 <script id="quarto-html-after-body" type="application/javascript">
 window.document.addEventListener("DOMContentLoaded", function (event) {
   const toggleBodyColorMode = (bsSheetEl) => {
@@ -813,6 +815,18 @@ <h1 class="title">Embeddings</h1>
   }
 });
 </script>
+<nav class="page-navigation">
+  <div class="nav-page nav-page-previous">
+      <a href="../llm/exercises/ex_gpt_parameterization.html" class="pagination-link" aria-label="Exercise: GPT Parameterization">
+        <i class="bi bi-arrow-left-short"></i> <span class="nav-page-text">Exercise: GPT Parameterization</span>
+      </a>          
+  </div>
+  <div class="nav-page nav-page-next">
+      <a href="../embeddings/exercises/ex_emb_similarity.html" class="pagination-link" aria-label="Exercise: Embedding similarity">
+        <span class="nav-page-text">Exercise: Embedding similarity</span> <i class="bi bi-arrow-right-short"></i>
+      </a>
+  </div>
+</nav>
 </div> <!-- /content -->
 <footer class="footer">
   <div class="nav-footer">