add preview images

timothypratley · timothypratley · commit 8e76457e04de · 2025-10-15T11:07:49.000-07:00
diff --git a/src/earth_observation/waterquality.clj b/src/earth_observation/waterquality.clj
@@ -2,6 +2,7 @@
   :clay             {:title  "Remote Sensing - Water Quality"
                      :quarto {:author   :luke-zeitlin
                               :type     :post
+                              :image    "waterquality.jpg"
                               :date     "2025-09-26"
                               :category :clojure
                               :tags     [:clay :reagent :scittle
diff --git a/src/earth_observation/waterquality.jpg b/src/earth_observation/waterquality.jpg
diff --git a/src/qclojure/examples/bell_state_circuit.clj b/src/qclojure/examples/bell_state_circuit.clj
@@ -3,6 +3,7 @@
                      :quarto {:author :ludgersolbach
                               :draft true
                               :type :post
+                              :image "bell_state_circuit.svg"
                               :date "2025-10-10"}}}
 (ns qclojure.examples.bell-state-circuit 
   (:require
diff --git a/src/qclojure/examples/bell_state_circuit.svg b/src/qclojure/examples/bell_state_circuit.svg
@@ -0,0 +1,3 @@
+<svg height="220" style="background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px;" width="360" xmlns="http://www.w3.org/2000/svg"><defs><style>.gate-group:hover rect { opacity: 1; stroke-width: 3; }
+                         .gate-group:hover circle { stroke-width: 3; }
+                         text { font-family: 'SF Pro Display', 'Segoe UI', system-ui, sans-serif; }</style></defs><text fill="#111827" font-size="18" font-weight="bold" text-anchor="middle" x="180" y="35">Bell State Circuit</text><g><text fill="#374151" font-size="14" x="30" y="75">q0 |0⟩</text><line stroke="#9ca3af" stroke-width="2" x1="70" x2="310" y1="70" y2="70"></line></g><g><text fill="#374151" font-size="14" x="30" y="135">q1 |0⟩</text><line stroke="#9ca3af" stroke-width="2" x1="70" x2="310" y1="130" y2="130"></line></g><g class="gate-group"><rect fill="#8b5cf6" height="24" rx="4" stroke="#ffffff" stroke-width="2" width="30" x="115" y="58"></rect><text fill="#ffffff" font-size="12" font-weight="bold" text-anchor="middle" x="130" y="75">H</text><title>:h gate on qubit 0</title></g><g class="gate-group"><circle cx="190" cy="70" fill="#374151" r="6" stroke="#ffffff" stroke-width="2"></circle><circle cx="190" cy="130" fill="none" r="12" stroke="#374151" stroke-width="2"></circle><line stroke="#374151" stroke-width="2" x1="182" x2="198" y1="130" y2="130"></line><line stroke="#374151" stroke-width="2" x1="190" x2="190" y1="122" y2="138"></line><line stroke="#374151" stroke-width="2" x1="190" x2="190" y1="70" y2="130"></line><title>CNOT: control=0, target=1</title></g><g><rect fill="#fbbf24" height="24" rx="4" stroke="#f59e0b" stroke-width="2" width="30" x="315" y="58"></rect><text fill="#92400e" font-size="10" font-weight="bold" text-anchor="middle" x="330" y="75">M</text><title>Measure qubit 0</title></g><g><rect fill="#fbbf24" height="24" rx="4" stroke="#f59e0b" stroke-width="2" width="30" x="315" y="118"></rect><text fill="#92400e" font-size="10" font-weight="bold" text-anchor="middle" x="330" y="135">M</text><title>Measure qubit 1</title></g><g><text fill="#6b7280" font-size="12" x="30" y="190">Qubits: 2 | Gates: 2 | Depth: 2</text><text fill="#6b7280" font-size="12" x="30" y="205">Creates a Bell state.</text></g></svg>
