Add model loading and embedding saving section to index.html with interactive code embed

src/index.html

@@ -95,6 +95,15 @@
                 </div>
         </details>
 
+        
+        <details style="background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 6px; margin: 1em 0;">
+            <summary style="padding: 12px; cursor: pointer; user-select: none; background: #f3f4f6; border-bottom: 1px solid #d0d7de;">
+                Load the model and save the embeddings.
+            </summary>
+                <div class="code-embed-container" style="margin: 0; border-radius: 0; overflow-x: scroll; width: max-content; min-width: 100%; font-size: 8px;"></div>
+                <script src="https://gist.github.com/hesamsheikh/6d62d890604078580342fb919e3d2798.js"></script>
+                </div>
+        </details>
 
         <p>This template includes support for mathematics, interactive visualizations, citations, footnotes, and more. In this guide, we'll walk you through the structure of the template and how to customize it for your own blog.</p>