added wk4 demo

Author: DannyW618

index.html

@@ -142,6 +142,34 @@ <h2 class="card-title">A3: Personalised Agent</h2>
                         </div>
                     </div>
                 </article>
+                <!-- Card 4: Week 4 Demo -->
+                <article class="card">
+                    <div style="text-align: left;">
+                        <h2 class="card-title">Week 4 LLaVA Demo</h2>
+                        <p class="card-desc">
+                            An interactive web demo that showcases LLaVA (Large Language and Vision Assistant) — a
+                            multimodal large language model that can understand both images and natural language
+                            instructions. The model runs locally via Ollama, so no API keys or cloud services are
+                            required.
+                        </p>
+                        <div class="button-group">
+                            <a href="https://github.com/INFS4205-7205/LangGraph_Agent_Demo" class="btn btn-outline"
+                                target="_blank" rel="noopener noreferrer">
+                                <span style="margin-right: 0.5rem;">
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                                        stroke-linejoin="round">
+                                        <path
+                                            d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4">
+                                        </path>
+                                        <path d="M9 18c-4.51 2-5-2-7-2"></path>
+                                    </svg>
+                                </span>
+                                View Code
+                            </a>
+                        </div>
+                    </div>
+                </article>
             </div>
 
             <!-- Team Section -->