updates

static/index.html

@@ -43,7 +43,7 @@
                   <div class="badge bg-secondary">experimental</div>
                 </h1>
                 <p>
-                  Generate images with C2PA content credentials and Steg.ai
+                  Generate images with C2PA content credentials and Steg.AI
                   digital watermarking for enhanced AI label robustness
                 </p>
 
@@ -54,7 +54,7 @@
                     above
                   </p>
                   <p>
-                    <img src="images/wave_icon.svg" /> Joining the conversation in
+                    <img src="images/wave_icon.svg" /> Join the conversation in
                     the Community tab
                   </p>
                 </div>
@@ -109,7 +109,7 @@
                       >
                     </p>
                     <p class="mb-0">
-                      Use the verify tab two view the details for an image you
+                      Use the verify tab to view the details for an image you
                       have or that's been shared with you.
                     </p>
                   </div>
@@ -296,7 +296,7 @@
                       >Truepic</a
                     >
                     and
-                    <a href="https://steg.ai/tos.html" target="_blank">Steg.ai</a>
+                    <a href="https://steg.ai/tos.html" target="_blank">Steg.AI</a>
                   </label>
                 </div>
 
@@ -319,7 +319,7 @@
                 <p>
                   When an image is generated and signed with C2PA Content
                   Credentials, an imperceptible digital watermark, powered by
-                  Steg.ai, is also added to the image pixels. The watermark
+                  Steg.AI, is also added to the image pixels. The watermark
                   serves as a backup in case the Content Credentials are lost,
                   such as when sharing the image between currently incompatible
                   services like text messaging. By using the watermark, it is
@@ -327,6 +327,15 @@
                   from before the data was decoupled, which you can try in the
                   verify tab.
                 </p>
+
+                <p>
+                  Want to know more? Read our
+                  <a
+                    href="https://huggingface.co/blog/alicia-truepic/identify-ai-generated-content"
+                    target="_blank"
+                    >community blog post</a
+                  >.
+                </p>
               </div>
             </div>
             <div class="display-verify">
@@ -339,6 +348,7 @@
                     class="form-control"
                     name="fileUpload"
                     id="fileUpload"
+                    accept="image/png, image/jpeg"
                   />
                 </div>
 
@@ -357,7 +367,7 @@
                       >Truepic</a
                     >
                     and
-                    <a href="https://steg.ai/tos.html" target="_blank">Steg.ai</a>
+                    <a href="https://steg.ai/tos.html" target="_blank">Steg.AI</a>
                   </label>
                 </div>
 
@@ -379,7 +389,7 @@
                 <p>
                   When an image is generated and signed with C2PA Content
                   Credentials, an imperceptible digital watermark, powered by
-                  Steg.ai, is also added to the image pixels. The watermark
+                  Steg.AI, is also added to the image pixels. The watermark
                   serves as a backup in case the Content Credentials are lost,
                   such as when sharing the image between currently incompatible
                   services like text messaging. By using the watermark, it is
@@ -387,6 +397,15 @@
                   from before the data was decoupled, which you can try in the
                   verify tab.
                 </p>
+
+                <p>
+                  Want to know more? Read our
+                  <a
+                    href="https://huggingface.co/blog/alicia-truepic/identify-ai-generated-content"
+                    target="_blank"
+                    >community blog post</a
+                  >.
+                </p>
               </div>
             </div>
           </div>

static/script.js

@@ -115,6 +115,8 @@ function submitForm() {
       .setAttribute("src", fileReader.result);
   };
 
+  verifyImageContainer.style.display = "flex";
+
   document.querySelector(".display-verify .error").style.display = "none";
   placeholder = document.querySelector(".display-verify .placeholder");
   spinner = document.querySelector(".display-verify .spinner");
@@ -213,6 +215,8 @@ function submitFormData(formData) {
         verifyImageContainer.appendChild(truepicDisplay);
 
         outputContainer.style.display = "block";
+      } else {
+        verifyImageContainer.style.display = "none";
       }
       // Handle response data
     })