From 5bc118d9e030939080e3ca5baff0fc606b9601bd Mon Sep 17 00:00:00 2001
From: Ben Visness <ben@bvisness.me>
Date: Fri, 16 Jun 2023 14:29:16 -0500
Subject: [PATCH] Add licensing info to Time Machine submission form

---
 .../src/layouts/timemachine_base.html          |  4 ++++
 src/templates/src/timemachine_submit.html      | 18 +++++++++++++++---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/templates/src/layouts/timemachine_base.html b/src/templates/src/layouts/timemachine_base.html
index 64ee993c..201c9de8 100644
--- a/src/templates/src/layouts/timemachine_base.html
+++ b/src/templates/src/layouts/timemachine_base.html
@@ -128,6 +128,10 @@
       font-family: "MS Sans Serif", "Microsoft Sans Serif", sans-serif;
     }
 
+    .frame a {
+      color: #000082;
+    }
+
     .inset {
       border-width: 1px;
       border-color: #828282 #ffffff #ffffff #828282;
diff --git a/src/templates/src/timemachine_submit.html b/src/templates/src/timemachine_submit.html
index ddd475eb..d6c7f9a6 100644
--- a/src/templates/src/timemachine_submit.html
+++ b/src/templates/src/timemachine_submit.html
@@ -32,13 +32,21 @@
                   Take video of yourself using an old device. The video should:
                 </p>
                 <ul>
-                  <li>Show the entire device so viewers have necessary context</li>
+                  <li>Show the entire device</li>
                   <li>Clearly show the contents of the device's screen</li>
-                  <li>Have minimal editing, no commentary, and clear sound</li>
+                  <li>Have minimal editing and clear sound</li>
                 </ul>
                 <p>
-                  Upload the video somewhere publicly accessible, then share the link here. We can download videos from file-sharing services or any video service supported by youtube-dl.
+                  Upload the video somewhere publicly accessible, then share the link here. We can download videos from file-sharing services or any video service supported by youtube-dl. <a href="javascript:terms()">See licensing terms.</a>
                 </p>
+                <div id="terms" class="dn">
+                  <p>By submitting this form, you are granting us permission to:</p>
+                  <ul>
+                    <li>Download copies of any submitted videos</li>
+                    <li>Edit any submitted videos and publish them with attribution on our website and other promotional channels</li>
+                  </ul>
+                  <p>Submitted videos will not be used for any commercial purpose.</p>
+                </div>
               </div>
             </div>
           </div>
@@ -102,5 +110,9 @@
   mediaUrl.value = localStorage.getItem("tm_media_url") ?? "";
   deviceInfo.value = localStorage.getItem("tm_device_info") ?? "";
   description.value = localStorage.getItem("tm_description") ?? "";
+
+  function terms() {
+    document.querySelector("#terms").classList.toggle("dn");
+  }
 </script>
 {{ end }}