css paste title

zerobin/routes.py

@@ -3,7 +3,7 @@
 """
 
 import os
-import pdb
+#import pdb
 import sys
 
 import _thread as thread

zerobin/static/css/style.css

@@ -185,6 +185,30 @@ input.hide-upload {
 
 /* Paste Page */
 
+.paste-options {
+  background-color: #424141;
+  padding: 10px;
+  opacity: 0.5;
+}
+
+.paste-options span {
+  background-color: #375A7F;
+  color: #f9fafc;
+}
+
+.paste-options:hover{
+  opacity: 1;
+}
+
+.paste-options input{
+  background-color: #375A7F;
+  color: #eee;
+}
+::placeholder {
+  color: #f9fafc !important;
+  opacity: 1;
+}
+
 .paste-wrapper {
   width: 100%;
   text-align: center;

zerobin/views/admin.tpl

@@ -11,7 +11,7 @@
 </form>
 
 <div class="admin-header">
-  Admin Panel
+  <h3>Admin Panel</h3>
   <br>
   <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-hammer" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
     <path d="M9.812 1.952a.5.5 0 0 1-.312.89c-1.671 0-2.852.596-3.616 1.185L4.857 5.073V6.21a.5.5 0 0 1-.146.354L3.425 7.853a.5.5 0 0 1-.708 0L.146 5.274a.5.5 0 0 1 0-.706l1.286-1.29a.5.5 0 0 1 .354-.146H2.84C4.505 1.228 6.216.862 7.557 1.04a5.009 5.009 0 0 1 2.077.782l.178.129z"/>
@@ -20,14 +20,14 @@
 </div>
 
 %if status == "error":
-<div class="alert alert-danger" role="alert alert-danger">
+  <div class="alert alert-danger" role="alert alert-danger">
-    {{message}}
+      {{message}}
-</div>
+  </div>
 %end
 %if status == "ok" and message:
-<div class="alert alert-success" role="alert">
+  <div class="alert alert-success" role="alert">
-    {{message}}
+      {{message}}
-</div>
+  </div>
 %end
 
 <form action="." method="post">

zerobin/views/home.tpl

@@ -27,14 +27,28 @@
   </div>
 
   <div class="pre-wrapper">
+
     <div class="progress" v-show="isLoading">
       <div class="progress-bar progress-bar-striped" role="progressbar"></div>
     </div>
+
     <textarea rows="10" style="width:100%;" class="form-control" id="content" name="content" autofocus
       @keydown.ctrl.enter="encryptAndSendPaste()"></textarea>
-    <input type="text" class="paste-excerpt" name="paste-excerpt"
+
+    <div class="paste-options">
+      <h5>Paste Options (these options are optionals)</h5>
+
+      <div class="input-group mb-3">
+        <div class="input-group-prepend">
+          <span class="input-group-text">Title</span>
+        </div>
+        <input type="text" class="form-control paste-excerpt" name="paste-excerpt"
       placeholder="Optional paste title. This part is NOT encrypted: anything you type here will be visible by anyone"
       v-model="newPaste.title" maxlength="60">
+      </div>
+
+    </div>
+
   </div>
 
   <div class="form-group select-date paste-option down" v-if="displayBottomToolBar">

zerobin/views/login.tpl

@@ -2,7 +2,7 @@
 	<div class="login-form">
 
     <div class="admin-header">
-      Admin Panel
+      <h3>Admin Panel</h3>
       <br>
       <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-hammer" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
         <path d="M9.812 1.952a.5.5 0 0 1-.312.89c-1.671 0-2.852.596-3.616 1.185L4.857 5.073V6.21a.5.5 0 0 1-.146.354L3.425 7.853a.5.5 0 0 1-.708 0L.146 5.274a.5.5 0 0 1 0-.706l1.286-1.29a.5.5 0 0 1 .354-.146H2.84C4.505 1.228 6.216.862 7.557 1.04a5.009 5.009 0 0 1 2.077.782l.178.129z"/>