html added to copybox template

proj/y2t/assets/js/main.js

@@ -1,8 +1,11 @@
 Vue.component('copybox',{
     template : `
       <div class="y2t-output">
-        <button v-on:click="copyToClipboard">Copy</button>
+        <div class="top">
+          <span></span><button v-on:click="copyToClipboard"><span class="byl-icon-copy">Copy to clipboard</span></button>
+        </div>
         <p>{{ txt }}</p>
+        <div class="shader"></div>
       </div>
     `,
     props : {

proj/y2t/handler.php

@@ -10,6 +10,12 @@
 
 <div id="root">
 
+<section id="output">
+
+<h4>Here are your prompts!</h4>
+
+<p>You can copy them one by one in ChatGPT. Why is it presented that way? Check out our <a href="./QnA/" target="_blank">Q&A page</a>.</p>
+
 <?php
   $url = $_POST['url'];
   $lang = $_POST['lang'];
@@ -25,6 +31,9 @@
   }
 ?>
 
+</section>
+
+
 </div>
 <script src="assets/js/vue.min.js"></script>
 <script src="assets/js/main.js"></script>