From ca18f4378beb0c2d91ad7e6b69531db251173f99 Mon Sep 17 00:00:00 2001
From: oxeo0 <oxeo0@mail.nomail>
Date: Fri, 18 Apr 2025 12:49:45 +0200
Subject: [PATCH] [wip] add pre model comparison

---
 opsec/openwebuilocalllms/index.html | 37 +++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/opsec/openwebuilocalllms/index.html b/opsec/openwebuilocalllms/index.html
index ffe3a4e..1090bbe 100644
--- a/opsec/openwebuilocalllms/index.html
+++ b/opsec/openwebuilocalllms/index.html
@@ -36,6 +36,25 @@
             background-color: #0006;
             font-weight: bold;
         }
+
+        details {
+          border: 2px solid black;
+          padding: 10px;
+          margin-bottom: 10px;
+        }
+
+        .bg-green {
+          background-color: #080;
+        }
+
+        .bg-yellow {
+          background-color: #880;
+        }
+
+        .bg-red {
+          background-color: #800;
+        }
+
     </style>
 
     <!-- Custom styles for this template -->
@@ -417,6 +436,24 @@ Go to the main page again and check if it's available now.
     </div> <!-- /container -->
 </div><!-- /white -->
 
+<div id="anon2">
+  <div class="container">
+      <div class="row">
+          <div class="col-lg-8 col-lg-offset-2">
+<h2><b>Model Comparison</b></h2>
+
+<p>
+<h2>Gemma3 (12B)</h2>
+<details class="bg-green">
+  <summary>Q1 - Why is the water blue?</summary>
+  <pre><code class="nim">Water is blue because it absorbs all colors of light except blue, which reflects back to our eyes.</code></pre>
+</details>
+</p>
+        </div>
+      </div><!-- /row -->
+  </div> <!-- /container -->
+</div><!-- /white -->
+
 <div id="anon2">
 <div class="container">
 <div class="row">