From 3452b4c4fad7c830105ddeaca8b226844bbb9e58 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 8 Jan 2024 22:38:49 -0800
Subject: [PATCH] Replace <div> placeholder with <template>

<template> is more semantically correct and won't be confused for actual content.
---
 index.html    | 2 +-
 template.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 8548f5d..aa1fc7e 100644
--- a/index.html
+++ b/index.html
@@ -256,7 +256,7 @@
       e.preventDefault();
       const encrypted = document.querySelector('#ciphertext').textContent;
       const scriptInjection = `<script>const content = '${encrypted}'; ${decrypt.toString()}<\/script>`;
-      const output = template.replace('<div>SCRIPT INJECTION</div>', scriptInjection);
+      const output = template.replace('<template id="script-injection"></template>', scriptInjection);
       downloadHtml(output, `${Date.now()}.html`);
     })
 
diff --git a/template.html b/template.html
index 95dc4b7..a896ad3 100644
--- a/template.html
+++ b/template.html
@@ -54,7 +54,7 @@
     </form>
   </main>
 
-  <div>SCRIPT INJECTION</div>
+  <template id="script-injection"></template>
   <script>
     const input = document.querySelector('input');
 
-- 
2.47.3