03-11-23

EnvelopeGenerator.Web/Views/Home/Index.cshtml

@@ -11,8 +11,27 @@
     }
 }
 
-@foreach (Envelope envelope in @Model)
-{
-    <li><a href="/EnvelopeKey/@encodeEnvelopeKey(envelope)">@envelope.Title</a></li>
-}
+<div class="container">
+    <section>
+        <ul>
+            @foreach (Envelope envelope in @Model)
+            {
+                <li><a href="/EnvelopeKey/@encodeEnvelopeKey(envelope)">@envelope.Title</a></li>
+            }
+        </ul>
+    </section>
+
+    <section>
+        <a href="#" id="url" target="_blank">Show image</a>
+        <img src="#" id="img" />
+    </section>
+    
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            const anno = new Annotation()
+            anno.createAnnotationFrameBlob("Deine Mudda", 200, 80).then(url => document.getElementById("img").src = url)
+        })   
+    </script>
+
+</div>