Force square for model P

index.html

@@ -29,7 +29,7 @@
       <div id="image_container" class="display">
         <div class="loader" id="processing"></div>
         <div id="processing"></div>
-        <label for="upload" class="display_label" id="result">Input Image</label>
+        <label for="upload" class="display_label" id="result">🖼️ Input Image</label>
         <label for="upload" id="tooltip">
           <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path fill="#000"
@@ -65,7 +65,7 @@
       </div>
       <div class="display">
         <div>
-          <label class="display_label">Residual (x10)</label>
+          <label class="display_label">✨ Residual (x10)</label>
           <canvas id="residual_img" width="256" height="256"></canvas>
         </div>
 
@@ -112,7 +112,7 @@
             role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32">
             <path fill="currentColor" d="M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z">
             </path>
-          </svg> <a href="https://github.com/bgon/trustmark.js" target="_blank">GitHub</a>
+          </svg> <a href="docs/"> Documentation </a>
         </h4>
         <h4>
           <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true"