updates

static/index.html

@@ -21,12 +21,16 @@
     </section>
     <section id="content">
       <div id="column-one">
-        <div class="output">
-          <div id="image-container">
-            <img src="images/placeholder.png" id="placeholder" />
-            <img src="images/spinner.svg" id="spinner" style="display: none;" />
+        <div class="container">
+          <div class="output">
+            <div id="image-container">
+              <img src="images/placeholder.png" id="placeholder" />
+              <img src="images/spinner.svg" id="spinner" style="display: none;" />
+            </div>
+            <a href="#" target="_blank" id="download-link"><img src="images/download.png" id="download" /></a>
           </div>
         </div>
+        <img src="images/logo.png" id="logo" />
       </div>
       <div id="column-two">
         <form class="text-gen-form">

static/script.js

@@ -5,6 +5,7 @@ const model = document.getElementById('model');
 const textGenSubmit = document.getElementById('text-gen-submit');
 const spinner = document.getElementById('spinner');
 const placeholder = document.getElementById('placeholder');
+const downloadLink = document.getElementById('download-link');
 
 
 
@@ -52,6 +53,9 @@ textGenForm.addEventListener('submit', async (event) => {
 
       spinner.style.display = "none";  
       resultsContainer.appendChild(truepicDisplay);
+
+      downloadLink.style.display = "block";
+      downloadLink.href = path;
     } catch (err) {
       console.error(err);
     }

static/style.css

@@ -39,10 +39,30 @@ select, textarea {
 
 #column-one {
   width: 66%;
-  padding-left: 10rem;
   border-right: 1px solid rgba(227, 234, 240, 1);
 }
 
+#column-one .container {
+  padding-left: 10rem;
+  border-bottom: 1px solid rgba(227, 234, 240, 1);
+}
+
+#logo {
+  width: 156px;
+  padding: 2rem 10rem;
+}
+
+#download-link {
+  display: none;
+}
+
+#download {
+  width: 113px;
+  padding-top: 1rem;
+  display: block;
+  margin-left: auto;
+}
+
 #column-two {
   width: 34%;
   padding: 2rem;