- changed how static web resources are served

- fixed sizing consistency for pasta setting fields on index.html
- added new logo
- updated README.MD

templates/header.html

@@ -7,6 +7,13 @@
     <title>{{ args.title.as_ref().unwrap() }}</title>
     {%- endif %}
 
+    <link rel="icon" type="image/png" href="/static/icon.ico">
+    <link rel="icon" type="image/png" href="/static/icon-16x16.png" sizes="16x16">
+    <link rel="icon" type="image/png" href="/static/icon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/static/icon-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/static/icon-512x512.png">
+    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
+
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     {% if !args.pure_html %}
@@ -39,11 +46,12 @@
 <b style="margin-right: 0.5rem">
 
     {% if !args.hide_logo %}
-        <i><span style="font-size:2.2rem; margin-right:1rem">μ</span></i>
+<!--        <i><span style="font-size:2.2rem; margin-right:1rem">μ</span></i>-->
+        <img width="25" style="margin-bottom: -0.4rem; margin-right: 0.4rem" src="static/icon-192x192.png"/>
     {%- endif %}
 
     {% if args.footer_text.as_ref().is_none() %}
-        MicroBin
+        <span>MicroBin</span>
     {%- else %}
         {{ args.title.as_ref().unwrap() }}
     {%- endif %}

templates/index.html

@@ -4,10 +4,10 @@
     <div style="display: grid;
         grid-gap: 4px;
         grid-template-columns: repeat(auto-fit, 234px);
-        grid-template-rows: repeat(1, 100px);  ">
+        grid-template-rows: repeat(1, 78px);  ">
         <div>
             <label for="expiration">Expiration</label><br>
-            <select style="width: 100%;" name="expiration" id="expiration">
+            <select style="width: 100%;margin-top: 0" name="expiration" id="expiration">
                 <optgroup label="Expire">
                     <option value="1min">1 minute</option>
                     <option value="10min">10 minutes</option>
@@ -21,7 +21,7 @@
         {% if args.highlightsyntax %}
         <div>
             <label for="syntax-highlight">Syntax Highlighting</label><br>
-            <select style="width: 100%;" name="syntax-highlight" id="syntax-highlight">
+            <select style="width: 100%; ;margin-top: 0" name="syntax-highlight" id="syntax-highlight">
                 <option value="none">None</option>
                 <optgroup label="Source Code">
                     <option value="sh">Bash Shell</option>
@@ -58,13 +58,12 @@
         {%- else %}
         <input type="hidden" name="syntax-highlight" value="none">
         {%- endif %}
-
         <div>
-            <label>File attachment</label>
-            <br>
-            <input style="width: 100%;" type="file" id="file" name="file">
+            <label>File attachment</label><br>
+            <input style="width: 100%; height: 21px" type="file" id="file" name="file">
         </div>
     </div>
+    <br>
     <label>Content</label>
     <br>
     <textarea style="width: 100%; min-height: 100px" name="content" autofocus></textarea>