mozilla · johnshaughnessy · Mar 22, 2024 · Dec 29, 2023 · Dec 29, 2023 · Dec 29, 2023
diff --git a/css/ai.css b/css/ai.css
@@ -388,11 +388,21 @@
 
 }
 
+#content h1 {
+    @apply text-4xl font-medium mt-9 mb-5;
+    text-transform: uppercase;
+}
+
 #content h2 {
     @apply text-3xl font-medium mt-9 mb-5;
     text-transform: uppercase;
 }
 
+#content h3 {
+    @apply text-2xl font-medium mt-9 mb-5;
+    text-transform: uppercase;
+}
+
 /* blue bar above the section headers*/
 h4 {
     text-transform: uppercase;

diff --git a/img/image-models/autoencoder_diagram.png b/img/image-models/autoencoder_diagram.png
diff --git a/img/image-models/clip_model_diagram.png b/img/image-models/clip_model_diagram.png
diff --git a/img/image-models/comfyui.png b/img/image-models/comfyui.png
diff --git a/img/image-models/control_net_conditioning_encoder_diagram.png b/img/image-models/control_net_conditioning_encoder_diagram.png
diff --git a/img/image-models/control_net_trainable_copy_diagram.png b/img/image-models/control_net_trainable_copy_diagram.png
diff --git a/img/image-models/diffusion.png b/img/image-models/diffusion.png
diff --git a/img/image-models/diffusion_model_diagram.png b/img/image-models/diffusion_model_diagram.png
diff --git a/img/image-models/dreambooth_diagram.png b/img/image-models/dreambooth_diagram.png
diff --git a/img/image-models/latent_diffusion_model_diagram.png b/img/image-models/latent_diffusion_model_diagram.png
diff --git a/img/image-models/low_rank_adaptation_diagram.png b/img/image-models/low_rank_adaptation_diagram.png
diff --git a/img/image-models/pope_fake.jpg b/img/image-models/pope_fake.jpg
diff --git a/img/image-models/purple_diffusion.png b/img/image-models/purple_diffusion.png
diff --git a/img/image-models/screenshot_001.png b/img/image-models/screenshot_001.png
diff --git a/img/image-models/screenshot_002.png b/img/image-models/screenshot_002.png
diff --git a/img/image-models/screenshot_003.png b/img/image-models/screenshot_003.png
diff --git a/img/image-models/screenshot_004.png b/img/image-models/screenshot_004.png
diff --git a/img/image-models/screenshot_005.png b/img/image-models/screenshot_005.png
diff --git a/img/image-models/screenshot_006.png b/img/image-models/screenshot_006.png
diff --git a/img/image-models/screenshot_007.png b/img/image-models/screenshot_007.png
diff --git a/img/image-models/screenshot_008.png b/img/image-models/screenshot_008.png
diff --git a/img/image-models/screenshot_009.png b/img/image-models/screenshot_009.png
diff --git a/img/image-models/screenshot_010.png b/img/image-models/screenshot_010.png
diff --git a/img/image-models/screenshot_011.png b/img/image-models/screenshot_011.png
diff --git a/img/image-models/screenshot_012.png b/img/image-models/screenshot_012.png
diff --git a/img/image-models/screenshot_013.png b/img/image-models/screenshot_013.png
diff --git a/img/image-models/screenshot_014.png b/img/image-models/screenshot_014.png
diff --git a/img/image-models/screenshot_015.png b/img/image-models/screenshot_015.png
diff --git a/img/image-models/screenshot_016.png b/img/image-models/screenshot_016.png
diff --git a/img/image-models/screenshot_017.png b/img/image-models/screenshot_017.png
diff --git a/img/image-models/screenshot_018.png b/img/image-models/screenshot_018.png
diff --git a/img/image-models/screenshot_019.png b/img/image-models/screenshot_019.png
diff --git a/img/image-models/screenshot_020.png b/img/image-models/screenshot_020.png
diff --git a/img/image-models/sd_cn_inference.png b/img/image-models/sd_cn_inference.png
diff --git a/img/image-models/stable-video-diffusion.gif b/img/image-models/stable-video-diffusion.gif
diff --git a/img/image-models/stable_diffusion_inference_diagram.png b/img/image-models/stable_diffusion_inference_diagram.png
diff --git a/img/image-models/text_encoder_diagram.png b/img/image-models/text_encoder_diagram.png
diff --git a/img/image-models/textual_inversion_diagram.png b/img/image-models/textual_inversion_diagram.png
diff --git a/img/image-models/unet_model_diagram.png b/img/image-models/unet_model_diagram.png
diff --git a/img/image-models/variational_autoencoder_diagram.png b/img/image-models/variational_autoencoder_diagram.png
diff --git a/img/image-models/variational_autoencoder_diagram2.png b/img/image-models/variational_autoencoder_diagram2.png
diff --git a/img/image-models/variational_autoencoder_diagram3.png b/img/image-models/variational_autoencoder_diagram3.png
diff --git a/img/image-models/variational_autoencoder_diagram4.png b/img/image-models/variational_autoencoder_diagram4.png
diff --git a/img/image-models/variational_autoencoder_diagram5.png b/img/image-models/variational_autoencoder_diagram5.png
diff --git a/templates/ai/_sidebar.html b/templates/ai/_sidebar.html
@@ -18,6 +18,7 @@
       {% include "content/choosing-ml-models/_sidebar.html" %}
       {% include "content/running-llms-locally/_sidebar.html" %}
       {% include "content/comparing-open-llms/_sidebar.html" %}
+      {% include "content/image-models/_sidebar.html" %}
       {% include "content/notable-projects/_sidebar.html" %}
       {% include "content/_upcoming.html" %}
 

diff --git a/templates/content/_upcoming.html b/templates/content/_upcoming.html
@@ -4,9 +4,6 @@
 <li class="upcoming"><a href="/content/fine-tuning-llms/index.html">
 <span class='text-yellow-700 bg-yellow-100 pt-1 pr-2 pl-2 pb-1 rounded-md text-xs'>Contribute</span>
 Fine-Tuning LLMs</a></li>
-<li class="upcoming"><a href="/content/image-models/index.html">
-<span class='text-yellow-700 bg-yellow-100 pt-1 pr-2 pl-2 pb-1 rounded-md text-xs'>Contribute</span>
-Image Models</a></li>
 <li class="upcoming"><a href="/content/models-from-scratch/index.html">
 <span class='text-yellow-700 bg-yellow-100 pt-1 pr-2 pl-2 pb-1 rounded-md text-xs'>Contribute</span>
 Models From Scratch</a></li>

diff --git a/templates/content/build.sh b/templates/content/build.sh
@@ -13,5 +13,5 @@ fi
 
 find $root_path -name "*.md" | while read -r file; 
     do echo "Building $file"; 
-    marked -o "${file%.md}.html" "$file";
-done
+    marked -o "${file%.md}-content.html" "$file";
+done
diff --git a/templates/content/image-models/_sidebar.html b/templates/content/image-models/_sidebar.html
@@ -1 +1,35 @@
-<li></ul></details></li>
+<li>
+  <details closed>
+    <summary>
+      <a href="/content/image-models/index.html">Image Generation</a>
+    </summary>
+    <ul class="sub_menu">
+      <li>
+        <a href="/content/image-models/index.html#what-is-image-generation"
+          >What is image generation?</a
+        >
+      </li>
+      <li>
+        <a href="/content/image-models/index.html#what-are-diffusion-models"
+          >What are diffusion models?</a
+        >
+      </li>
+      <li>
+        <a href="/content/image-models/index.html#challenges">Challenges</a>
+      </li>
+      <li>
+        <a href="/content/image-models/index.html#technical-foundations"
+          >Technical Foundations</a
+        >
+      </li>
+      <li>
+        <a href="/content/image-models/index.html#glossary">Glossary</a>
+      </li>
+      <li>
+        <a href="/content/image-models/index.html#recommended-references"
+          >Recommended References</a
+        >
+      </li>
+    </ul>
+  </details>
+</li>
diff --git a/templates/content/image-models/index-content.html b/templates/content/image-models/index-content.html
diff --git a/templates/content/image-models/index.md b/templates/content/image-models/index.md
diff --git a/tools/build_ai_guide.sh b/tools/build_ai_guide.sh
@@ -10,14 +10,42 @@ if ! command -v marked &> /dev/null
 then
     echo "marked could not be found"
     echo "Installing marked..."
-    npm install -g marked
+    npm install -g marked@^6.0.0
+
+    if ! command -v marked &> /dev/null
+    then
+        echo "Failed to install marked@^6.0.0."
+        echo "Please install marked@^6.0.0 and try again"
+        exit 1
+    fi
 fi
 
 if ! command -v jupyter-nbconvert &> /dev/null
 then
     echo "jupyter-nbconvert could not be found"
     echo "Installing jupyter & jupyter-nbconvert..."
     pip install jupyter
+
+    if ! command -v jupyter-nbconvert &> /dev/null
+    then
+        echo "Failed to install jupyter-nbconvert."
+        echo "Please install jupyter & jupyter-nbconvert and try again"
+        exit 1
+    fi
+fi
+
+if ! command -v jq &> /dev/null
+then
+    echo "jq could not be found"
+    echo "Installing jq..."
+    apt-get install -y jq
+
+    if ! command -v jq &> /dev/null
+    then
+        echo "Failed to install jq."
+        echo "Please install jq and try again"
+        exit 1
+    fi
 fi
 
 find $SOURCE_PATH -name "*.md" | while read -r file; 

diff --git a/webpack.config.js b/webpack.config.js
@@ -58,7 +58,7 @@ module.exports = {
         ],
       },
       {
-        test: /\.(png|svg|jpe?g|ico)$/,
+        test: /\.(png|svg|jpe?g|ico|gif)$/,
         type: "asset/resource",
         generator: {
           filename: "img/[name].[hash:8][ext]",