Merge pull request #538 from harvard-edge/536-badge-images-not-visibl…

…e-in-pdf

536 Badge images not visible in pdf

_quarto.yml

@@ -114,59 +114,59 @@ book:
     - contents/core/about/about.qmd
     - contents/ai/socratiq.qmd
     - text: "---"
-    - contents/core/introduction/introduction.qmd
-    - contents/core/ml_systems/ml_systems.qmd
-    - contents/core/dl_primer/dl_primer.qmd
-    - contents/core/workflow/workflow.qmd
-    - contents/core/data_engineering/data_engineering.qmd
-    - contents/core/frameworks/frameworks.qmd
-    - contents/core/training/training.qmd
-    - contents/core/efficient_ai/efficient_ai.qmd
-    - contents/core/optimizations/optimizations.qmd
-    - contents/core/hw_acceleration/hw_acceleration.qmd
-    - contents/core/benchmarking/benchmarking.qmd
-    - contents/core/ondevice_learning/ondevice_learning.qmd
-    - contents/core/ops/ops.qmd
-    - contents/core/privacy_security/privacy_security.qmd
-    - contents/core/responsible_ai/responsible_ai.qmd
-    - contents/core/sustainable_ai/sustainable_ai.qmd
-    - contents/core/robust_ai/robust_ai.qmd
-    - contents/core/generative_ai/generative_ai.qmd
-    - contents/core/ai_for_good/ai_for_good.qmd
-    - contents/core/conclusion/conclusion.qmd
-    - text: "---"  
-    - part: contents/labs/labs.qmd
-      chapters:
-      - contents/labs/overview.qmd
-      - contents/labs/getting_started.qmd
-    - part: contents/labs/arduino/nicla_vision/nicla_vision.qmd
-      chapters:
-      - contents/labs/arduino/nicla_vision/setup/setup.qmd
-      - contents/labs/arduino/nicla_vision/image_classification/image_classification.qmd
-      - contents/labs/arduino/nicla_vision/object_detection/object_detection.qmd
-      - contents/labs/arduino/nicla_vision/kws/kws.qmd
-      - contents/labs/arduino/nicla_vision/motion_classification/motion_classification.qmd
-    - part: contents/labs/seeed/xiao_esp32s3/xiao_esp32s3.qmd
-      chapters:
-      - contents/labs/seeed/xiao_esp32s3/setup/setup.qmd
-      - contents/labs/seeed/xiao_esp32s3/image_classification/image_classification.qmd
-      - contents/labs/seeed/xiao_esp32s3/object_detection/object_detection.qmd
-      - contents/labs/seeed/xiao_esp32s3/kws/kws.qmd
-      - contents/labs/seeed/xiao_esp32s3/motion_classification/motion_classification.qmd
-    - part: contents/labs/raspi/raspi.qmd
-      chapters:
-      - contents/labs/raspi/setup/setup.qmd
-      - contents/labs/raspi/image_classification/image_classification.qmd
-      - contents/labs/raspi/object_detection/object_detection.qmd
-      - contents/labs/raspi/llm/llm.qmd
-    - part: contents/labs/shared/shared.qmd
-      chapters:
-      - contents/labs/shared/kws_feature_eng/kws_feature_eng.qmd
-      - contents/labs/shared/dsp_spectral_features_block/dsp_spectral_features_block.qmd
-    - text: "---"  
-    - part: REFERENCES
-      chapters: 
-        - references.qmd
+    # - contents/core/introduction/introduction.qmd
+    # - contents/core/ml_systems/ml_systems.qmd
+    # - contents/core/dl_primer/dl_primer.qmd
+    # - contents/core/workflow/workflow.qmd
+    # - contents/core/data_engineering/data_engineering.qmd
+    # - contents/core/frameworks/frameworks.qmd
+    # - contents/core/training/training.qmd
+    # - contents/core/efficient_ai/efficient_ai.qmd
+    # - contents/core/optimizations/optimizations.qmd
+    # - contents/core/hw_acceleration/hw_acceleration.qmd
+    # - contents/core/benchmarking/benchmarking.qmd
+    # - contents/core/ondevice_learning/ondevice_learning.qmd
+    # - contents/core/ops/ops.qmd
+    # - contents/core/privacy_security/privacy_security.qmd
+    # - contents/core/responsible_ai/responsible_ai.qmd
+    # - contents/core/sustainable_ai/sustainable_ai.qmd
+    # - contents/core/robust_ai/robust_ai.qmd
+    # - contents/core/generative_ai/generative_ai.qmd
+    # - contents/core/ai_for_good/ai_for_good.qmd
+    # - contents/core/conclusion/conclusion.qmd
+    # - text: "---"  
+    # - part: contents/labs/labs.qmd
+    #   chapters:
+    #   - contents/labs/overview.qmd
+    #   - contents/labs/getting_started.qmd
+    # - part: contents/labs/arduino/nicla_vision/nicla_vision.qmd
+    #   chapters:
+    #   - contents/labs/arduino/nicla_vision/setup/setup.qmd
+    #   - contents/labs/arduino/nicla_vision/image_classification/image_classification.qmd
+    #   - contents/labs/arduino/nicla_vision/object_detection/object_detection.qmd
+    #   - contents/labs/arduino/nicla_vision/kws/kws.qmd
+    #   - contents/labs/arduino/nicla_vision/motion_classification/motion_classification.qmd
+    # - part: contents/labs/seeed/xiao_esp32s3/xiao_esp32s3.qmd
+    #   chapters:
+    #   - contents/labs/seeed/xiao_esp32s3/setup/setup.qmd
+    #   - contents/labs/seeed/xiao_esp32s3/image_classification/image_classification.qmd
+    #   - contents/labs/seeed/xiao_esp32s3/object_detection/object_detection.qmd
+    #   - contents/labs/seeed/xiao_esp32s3/kws/kws.qmd
+    #   - contents/labs/seeed/xiao_esp32s3/motion_classification/motion_classification.qmd
+    # - part: contents/labs/raspi/raspi.qmd
+    #   chapters:
+    #   - contents/labs/raspi/setup/setup.qmd
+    #   - contents/labs/raspi/image_classification/image_classification.qmd
+    #   - contents/labs/raspi/object_detection/object_detection.qmd
+    #   - contents/labs/raspi/llm/llm.qmd
+    # - part: contents/labs/shared/shared.qmd
+    #   chapters:
+    #   - contents/labs/shared/kws_feature_eng/kws_feature_eng.qmd
+    #   - contents/labs/shared/dsp_spectral_features_block/dsp_spectral_features_block.qmd
+    # - text: "---"  
+    # - part: REFERENCES
+    #   chapters: 
+    #     - references.qmd
 
 bibliography: 
   # main

contents/ai/socratiq.qmd

@@ -1,18 +1,20 @@
 # SocratiQ AI {.unnumbered}
 
-## AI Learning Assistant
+## AI Learning Companion
 
-Welcome to SocratiQ (pronounced "Socratic"), an AI learning assistant seamlessly integrated throughout this resource. Inspired by the Socratic method of teaching—emphasizing thoughtful questions and answers to stimulate critical thinking—SocratiQ is part of our experiment with what we call as _Generative Learning._ By combining interactive quizzes, personalized assistance, and real-time feedback, SocratiQ is meant to reinforce your understanding and help you create new connections. _Please note: SocratiQ is still a work in progress, and we welcome your feedback._
+Welcome to SocratiQ (pronounced "Socratic"), an AI learning assistant seamlessly integrated throughout this resource. Inspired by the Socratic method of teaching—emphasizing thoughtful questions and answers to stimulate critical thinking—SocratiQ is part of our experiment with what we call as _Generative Learning._ By combining interactive quizzes, personalized assistance, and real-time feedback, SocratiQ is meant to reinforce your understanding and help you create new connections. _SocratiQ is still a work in progress, and we welcome your feedback._
 
-Listen to this AI-generated podcast about SocratiQ, created using notes from this page with Google's NotebookLM. 
+::: {.content-visible unless-format="html"}
+Listen to this AI-generated podcast about SocratiQ [here](https://mlsysbook.ai/contents/ai/socratiq.html).
+:::
 
 ```{=html}
+Listen to this AI-generated podcast about SocratiQ. 
 
     <audio controls>
     <source src="./audio/socratiq_ai_podcast.mp3" type="audio/mpeg">
     </audio>
     <p></p>
-```
 
 You can enable SocratiQ by clicking the button below:
 
@@ -21,6 +23,7 @@ You can enable SocratiQ by clicking the button below:
   <label for="socratiq-toggle" style="margin: 0; font-weight: bold;">SocratiQ:</label>
   <button id="socratiq-toggle" class="toggle-btn" onclick="toggleSocratiQ()">OFF</button>
 </div>
+```
 
 <style>
   /* Toggle button styles */
@@ -83,7 +86,7 @@ You can directly control SocratiQ by adding `?socratiq=` parameters to your URL:
 This gives you with quick access to toggle SocratiQ's functionality directly from your browser's address bar if you are on a page and do not want to return here to toggle functionality.
 :::
 
-SocratiQ's goal is to adapt to your needs while generating targeted questions and engaging in meaningful dialogue about the material. Unlike traditional textbook study, SocratiQ offers an interactive, personalized learning experience that can help you better understand and retain complex concepts.
+SocratiQ's goal is to adapt to your needs while generating targeted questions and engaging in meaningful dialogue about the material. Unlike traditional textbook study, SocratiQ offers an interactive, personalized learning experience that can help you better understand and retain complex concepts. It is only available as an online feature.
 
 ## Quick Start Guide
 
@@ -200,19 +203,18 @@ SocratiQ maintains a comprehensive record of your learning journey. The progress
 
 As you continue to engage with the material and complete quizzes, you'll earn various badges that recognize your progress, as shown in @fig-achievement-badges.
 
-### 🏅 Achievement Badges
+### ![🏅](images/png/medal.png){width=20px} Achievement Badges
 
 As you progress through the quizzes, you'll earn special badges to mark your achievements! Here's what you can earn:
 
 | Badge | Name | How to Earn |
 |:---:|:---|:---|
-| 🎯 | First Steps | Complete your first quiz |
-| 🔢 | On a Streak | Maintain a streak of perfect scores |
-| 🏆 | Quiz Medalist | Complete 10 quizzes |
-| 🏆🏆 | Quiz Champion | Complete 20 quizzes |
-| 🏆🏆🏆 | Quiz Legend | Complete 30 quizzes |
-| 🏆🏆🏆🏆 x n | Quiz AGI Super Human | Complete 40 or more quizzes |
-
+| ![🎯](images/png/dart.png){width=20px} | First Steps | Complete your first quiz |
+| ![🔢](images/png/1234.png){width=20px} | On a Streak | Maintain a streak of perfect scores |
+| ![🏆](images/png/trophy.png){width=20px} | Quiz Medalist | Complete 10 quizzes |
+| ![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px} | Quiz Champion | Complete 20 quizzes |
+| ![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px} | Quiz Legend | Complete 30 quizzes |
+| ![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px}![🏆](images/png/trophy.png){width=20px} x n | Quiz AGI Super Human | Complete 40 or more quizzes |
 
 ::: {.callout-tip}
 Keep taking quizzes to collect all badges and improve your learning journey! Your current badges will appear in the quiz statistics dashboard.
@@ -238,7 +240,7 @@ You can also delete all of your saved conversations by clicking the New Chat but
 
 To use SocratiQ effectively, you'll need:
 
-- Chrome or Safari browser
+- Chrome or Safari browserAchi
 - JavaScript enabled
 - Stable internet connection