PrettyPaste: Add Fork and New button

Signed-off-by: Gunwant Jain <mail@wantguns.dev>

templates/index.html.tera

@@ -8,7 +8,7 @@
 <form action="/submit" method="post" ondrop="dropHandler(event)">
     <div class=grid_form>
         <div class="textareaBox">
-            <textarea name="val" style="resize: none" placeholder="
+            <textarea name="content" id="textarea_content" style="resize: none" placeholder="
 
 bin(3)                                BIN                               bin(3)
 
@@ -43,7 +43,7 @@ AUTHOR
         </div>
         <div class="selectBox">
             <select id="ext" name="ext" size="15">
-                <option value="txt">Plain Text</option>
+                <option selected value="txt">Plain Text</option>
                 <option value="asa">ASP</option>
                 <option value="asp">HTML (ASP)</option>
                 <option value="as">ActionScript</option>
@@ -110,7 +110,7 @@ AUTHOR
         </div>
 
         <div class="submitButtonBox">
-            <button type="submit" title="Paste">Slap it !</button>
+            <button type="submit" title="Paste">Paste</button>
         </div>
     </div>
     <div id="upload_card">

templates/pretty.html.tera

@@ -11,6 +11,7 @@
         font-family: 'Iosevka Web', monospace;
     }
 </style>
+<link rel="stylesheet" href="/static/css/pretty.css">
 {% endblock styles %}
 
 
@@ -19,5 +20,15 @@
 
 
 {% block body %}
-{{ body | safe }}
+<div class="rootBox">
+    <div id="pasteContent">
+        {{ body | safe }}
+    </div>
+    <div class="topRightBox"> 
+        <button onclick="forkClicked()">&#x2442; Fork</button>
+        <button onclick="newPasteClicked()">&#43; New</button>
+    </div>
+</div>
+
+<script src="/static/js/pretty.js"></script>
 {% endblock body %}