diyavepeta oneshot

html/common.tsx

@@ -148,6 +148,20 @@ export const DisappearOnClick = ({
     </details>
 );
 
+/// make sure the margins are all legit
+export const ToggleOnClick = ({
+    children: [a, b],
+}: {
+    children: [ComponentChild, ComponentChild];
+}) => (
+    <details style="position: relative; margin: 0 auto; cursor: pointer;">
+        <summary style="list-style: none;">{a}</summary>
+        <div style="display: block; position: absolute; top: 0; pointer-events: none;">
+            {b}
+        </div>
+    </details>
+);
+
 export function shuffle<T>(array: T[]): T[] {
     let currentIndex = array.length,
         randomIndex;

html/diyavepeta.tsx

@@ -0,0 +1,8 @@
+import { ToggleOnClick, render_and_copy, static_url } from "./common.tsx";
+
+render_and_copy(
+    <ToggleOnClick>
+        <img src={static_url("davepeta-0.png")} style="margin: 0" />
+        <img src={static_url("davepeta-1.png")} style="margin: 0" />
+    </ToggleOnClick>
+);