Spaces:

Truepic
/

watermarked-content-credentials

Sleeping

App Files Files Community

jclyo1 commited on Oct 9, 2023

Commit

aa2d08f

•

1 Parent(s): 8614f23

design polish

Browse files

Files changed (2) hide show

static/index.html +20 -8
static/style.css +12 -3

static/index.html CHANGED Viewed

@@ -2,8 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
     <!-- Bootstrap CSS -->
     <link
       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
@@ -29,7 +32,10 @@
     <script src="https://unpkg.com/@peculiar/x509"></script>
     <script type="text/javascript" src="json_viewer.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.contentWindow.min.js" async=""></script>
   </head>
   <body>
     <div class="container-fluid mt-2" id="head">
@@ -50,8 +56,8 @@
                 <div class="alert alert-primary d-md-none" role="alert">
                   <h4>Support our work!</h4>
                   <p>
-                    <img src="images/heart_icon.svg" /> Like this Space in the nav
-                    above
                   </p>
                   <p>
                     <img src="images/wave_icon.svg" /> Join the conversation in
@@ -113,12 +119,14 @@
                       have or that's been shared with you.
                     </p>
                   </div>
                   <div class="col flex-grow-0">
                     <a id="download-button" class="btn btn-outline-primary"
                       >Download image <img src="images/download_icon.svg"
                     /></a>
                   </div>
-                  <div class="col flex-grow-0">
                     <button
                       type="button"
                       id="goto-verify-button"
@@ -296,7 +304,9 @@
                       >Truepic</a
                     >
                     and
-                    <a href="https://steg.ai/tos.html" target="_blank">Steg.AI</a>
                   </label>
                 </div>
@@ -367,7 +377,9 @@
                       >Truepic</a
                     >
                     and
-                    <a href="https://steg.ai/tos.html" target="_blank">Steg.AI</a>
                   </label>
                 </div>

 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
+    />
     <!-- Bootstrap CSS -->
     <link
       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
     <script src="https://unpkg.com/@peculiar/x509"></script>
     <script type="text/javascript" src="json_viewer.js"></script>
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.contentWindow.min.js"
+      async=""
+    ></script>
   </head>
   <body>
     <div class="container-fluid mt-2" id="head">
                 <div class="alert alert-primary d-md-none" role="alert">
                   <h4>Support our work!</h4>
                   <p>
+                    <img src="images/heart_icon.svg" /> Like this Space in the
+                    nav above
                   </p>
                   <p>
                     <img src="images/wave_icon.svg" /> Join the conversation in
                       have or that's been shared with you.
                     </p>
                   </div>
+                </div>
+                <div class="row mt-4">
                   <div class="col flex-grow-0">
                     <a id="download-button" class="btn btn-outline-primary"
                       >Download image <img src="images/download_icon.svg"
                     /></a>
                   </div>
+                  <div class="col">
                     <button
                       type="button"
                       id="goto-verify-button"
                       >Truepic</a
                     >
                     and
+                    <a href="https://steg.ai/tos.html" target="_blank"
+                      >Steg.AI</a
+                    >
                   </label>
                 </div>
                       >Truepic</a
                     >
                     and
+                    <a href="https://steg.ai/tos.html" target="_blank"
+                      >Steg.AI</a
+                    >
                   </label>
                 </div>

static/style.css CHANGED Viewed

@@ -62,22 +62,24 @@ textarea {
   font-size: 12px;
   padding: 7px;
   position: relative;
-  top: -0.5rem;
   left: 1rem;
 }
 .tabs div {
   margin-right: 1rem;
   cursor: pointer;
 }
 .tabs div.active {
   border-bottom: 3px solid var(--primary-color);
 }
 .right-column {
   flex: 0 0 465px;
-  margin: 1rem;
 }
 .image-container {
@@ -215,8 +217,16 @@ img.thumbnail {
 .how-it-works {
   margin-top: 3rem;
   font-size: 12px;
   color: #56687a;
 }
 .how-it-works strong {
@@ -382,4 +392,3 @@ img.thumbnail {
     margin: 1rem 0;
   }
 }

   font-size: 12px;
   padding: 7px;
   position: relative;
+  top: -4px;
   left: 1rem;
 }
 .tabs div {
   margin-right: 1rem;
   cursor: pointer;
+  padding-bottom: 5px;
 }
 .tabs div.active {
   border-bottom: 3px solid var(--primary-color);
+  color: var(--primary-color);
 }
 .right-column {
   flex: 0 0 465px;
+  margin: 0 1rem;
 }
 .image-container {
 .how-it-works {
   margin-top: 3rem;
+}
+.how-it-works p {
   font-size: 12px;
   color: #56687a;
+  line-height: 16px;
+}
+.how-it-works p {
+  font-size: 12px;
 }
 .how-it-works strong {
     margin: 1rem 0;
   }
 }