From: Christopher Coté <chris@entropealabs.com>
Date: Sat, 14 Oct 2023 11:12:45 +0000 (-0400)
Subject: update video styling
X-Git-Url: http://git.entropealabs.com/?a=commitdiff_plain;h=77a2b143b74621886b3aea619be1fa6b75df85f2;p=photography.git

update video styling
---

diff --git a/media/database.db-shm b/media/database.db-shm
index 8730d8f9b..53efae6b7 100644
Binary files a/media/database.db-shm and b/media/database.db-shm differ
diff --git a/media/image_metadata.exs b/media/image_metadata.exs
index 1c52c2022..c354b9db1 100644
--- a/media/image_metadata.exs
+++ b/media/image_metadata.exs
@@ -193,7 +193,7 @@ defmodule Videos do
           current_tag: v.name
         )
 
-      File.write!("../www/videos/#{v.hash}.html", f)
+      File.write!("../www/video/#{v.hash}.html", f)
     end)
   end
 
diff --git a/media/templates/video.html.eex b/media/templates/video.html.eex
index e6f22e010..6aec2fd34 100644
--- a/media/templates/video.html.eex
+++ b/media/templates/video.html.eex
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="<%= media_server %>/<%= video.path %>" />
           </video>
+          <span class="datetime"><%= video.datetime |> DateTime.to_string() |> String.replace_suffix("Z", "") %></span>
         </article>
       </section>
     </main>
diff --git a/media/templates/videos.html.eex b/media/templates/videos.html.eex
index 466811768..f4d8b75bd 100644
--- a/media/templates/videos.html.eex
+++ b/media/templates/videos.html.eex
@@ -14,7 +14,7 @@
       <section id="media">
         <%= for i <- videos do %>
           <article class="video">
-            <a href="/videos/<%= i.hash %>">
+            <a href="/video/<%= i.hash %>">
               <img src="<%= media_server %>/videos/<%= i.hash %>.jpg" />
             </a>
             <span class="datetime"><%= i.datetime |> DateTime.to_string() |> String.replace_suffix("Z", "") %></span>
diff --git a/www/css/videos.css b/www/css/videos.css
index 7c88639ff..1590b6c6e 100644
--- a/www/css/videos.css
+++ b/www/css/videos.css
@@ -42,6 +42,10 @@ span.datetime{
   margin-bottom: 30px;
 }
 
+video{
+  width: 100%;
+}
+
 img{
   width: 100%;
   padding-bottom: 33px;
diff --git a/www/videos/096f12b38af0717d3d836dc059021a24.html b/www/video/096f12b38af0717d3d836dc059021a24.html
similarity index 87%
rename from www/videos/096f12b38af0717d3d836dc059021a24.html
rename to www/video/096f12b38af0717d3d836dc059021a24.html
index d68a0c6d7..67c437c49 100644
--- a/www/videos/096f12b38af0717d3d836dc059021a24.html
+++ b/www/video/096f12b38af0717d3d836dc059021a24.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/096f12b38af0717d3d836dc059021a24.mp4" />
           </video>
+          <span class="datetime">2023-10-06 14:42:29</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/0de505a86fe73b5f7af5f15115bf789f.html b/www/video/0de505a86fe73b5f7af5f15115bf789f.html
similarity index 87%
rename from www/videos/0de505a86fe73b5f7af5f15115bf789f.html
rename to www/video/0de505a86fe73b5f7af5f15115bf789f.html
index 9ed2f281f..a3b17e083 100644
--- a/www/videos/0de505a86fe73b5f7af5f15115bf789f.html
+++ b/www/video/0de505a86fe73b5f7af5f15115bf789f.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/0de505a86fe73b5f7af5f15115bf789f.mp4" />
           </video>
+          <span class="datetime">2023-08-18 00:37:40</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/167e29dc5b7c05c05021395b4cca29e2.html b/www/video/167e29dc5b7c05c05021395b4cca29e2.html
similarity index 87%
rename from www/videos/167e29dc5b7c05c05021395b4cca29e2.html
rename to www/video/167e29dc5b7c05c05021395b4cca29e2.html
index 053204e3d..f9b70f29b 100644
--- a/www/videos/167e29dc5b7c05c05021395b4cca29e2.html
+++ b/www/video/167e29dc5b7c05c05021395b4cca29e2.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/167e29dc5b7c05c05021395b4cca29e2.mp4" />
           </video>
+          <span class="datetime">2023-08-08 15:08:29</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/326f1664b717ebb4a624881df2064332.html b/www/video/326f1664b717ebb4a624881df2064332.html
similarity index 87%
rename from www/videos/326f1664b717ebb4a624881df2064332.html
rename to www/video/326f1664b717ebb4a624881df2064332.html
index fbc236ff4..e77aad508 100644
--- a/www/videos/326f1664b717ebb4a624881df2064332.html
+++ b/www/video/326f1664b717ebb4a624881df2064332.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/326f1664b717ebb4a624881df2064332.mp4" />
           </video>
+          <span class="datetime">2023-09-10 22:50:39</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/3a3063a44387fc9d4f052754ea802733.html b/www/video/3a3063a44387fc9d4f052754ea802733.html
similarity index 87%
rename from www/videos/3a3063a44387fc9d4f052754ea802733.html
rename to www/video/3a3063a44387fc9d4f052754ea802733.html
index 7d739d072..fcd7e05cc 100644
--- a/www/videos/3a3063a44387fc9d4f052754ea802733.html
+++ b/www/video/3a3063a44387fc9d4f052754ea802733.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/3a3063a44387fc9d4f052754ea802733.mp4" />
           </video>
+          <span class="datetime">2023-08-10 20:31:30</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/3e7ce3ef0b169606cdbe342928719634.html b/www/video/3e7ce3ef0b169606cdbe342928719634.html
similarity index 87%
rename from www/videos/3e7ce3ef0b169606cdbe342928719634.html
rename to www/video/3e7ce3ef0b169606cdbe342928719634.html
index 47efd93a7..b86a04983 100644
--- a/www/videos/3e7ce3ef0b169606cdbe342928719634.html
+++ b/www/video/3e7ce3ef0b169606cdbe342928719634.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/3e7ce3ef0b169606cdbe342928719634.mp4" />
           </video>
+          <span class="datetime">2023-10-10 17:13:37</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/3ea6f31ec67c8dad7bc3c20b796bda4c.html b/www/video/3ea6f31ec67c8dad7bc3c20b796bda4c.html
similarity index 100%
rename from www/videos/3ea6f31ec67c8dad7bc3c20b796bda4c.html
rename to www/video/3ea6f31ec67c8dad7bc3c20b796bda4c.html
diff --git a/www/videos/5d36ea72180a0640549445d93414eb6b.html b/www/video/5d36ea72180a0640549445d93414eb6b.html
similarity index 87%
rename from www/videos/5d36ea72180a0640549445d93414eb6b.html
rename to www/video/5d36ea72180a0640549445d93414eb6b.html
index 76ff9e13d..504b01a90 100644
--- a/www/videos/5d36ea72180a0640549445d93414eb6b.html
+++ b/www/video/5d36ea72180a0640549445d93414eb6b.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/5d36ea72180a0640549445d93414eb6b.mp4" />
           </video>
+          <span class="datetime">2023-09-09 18:56:58</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/64f7d344c9993bf7837bd5dbcc553207.html b/www/video/64f7d344c9993bf7837bd5dbcc553207.html
similarity index 87%
rename from www/videos/64f7d344c9993bf7837bd5dbcc553207.html
rename to www/video/64f7d344c9993bf7837bd5dbcc553207.html
index 73a6a0e51..c188fdedc 100644
--- a/www/videos/64f7d344c9993bf7837bd5dbcc553207.html
+++ b/www/video/64f7d344c9993bf7837bd5dbcc553207.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/64f7d344c9993bf7837bd5dbcc553207.mp4" />
           </video>
+          <span class="datetime">2023-08-07 18:41:39</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/716e81c5b84a2f691fdf0d183c4d84ea.html b/www/video/716e81c5b84a2f691fdf0d183c4d84ea.html
similarity index 100%
rename from www/videos/716e81c5b84a2f691fdf0d183c4d84ea.html
rename to www/video/716e81c5b84a2f691fdf0d183c4d84ea.html
diff --git a/www/videos/871d582560962db4cbd0593000d6bf9a.html b/www/video/871d582560962db4cbd0593000d6bf9a.html
similarity index 87%
rename from www/videos/871d582560962db4cbd0593000d6bf9a.html
rename to www/video/871d582560962db4cbd0593000d6bf9a.html
index 3d6957c5e..fd3cf9407 100644
--- a/www/videos/871d582560962db4cbd0593000d6bf9a.html
+++ b/www/video/871d582560962db4cbd0593000d6bf9a.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/871d582560962db4cbd0593000d6bf9a.mp4" />
           </video>
+          <span class="datetime">2023-08-11 02:41:09</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/a51ffdbe691059d692706ecd511eb756.html b/www/video/a51ffdbe691059d692706ecd511eb756.html
similarity index 87%
rename from www/videos/a51ffdbe691059d692706ecd511eb756.html
rename to www/video/a51ffdbe691059d692706ecd511eb756.html
index 51909a653..be64085d7 100644
--- a/www/videos/a51ffdbe691059d692706ecd511eb756.html
+++ b/www/video/a51ffdbe691059d692706ecd511eb756.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/a51ffdbe691059d692706ecd511eb756.mp4" />
           </video>
+          <span class="datetime">2023-09-01 14:49:26</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/ab0f82d4281c57188c9f7e335aea6a65.html b/www/video/ab0f82d4281c57188c9f7e335aea6a65.html
similarity index 87%
rename from www/videos/ab0f82d4281c57188c9f7e335aea6a65.html
rename to www/video/ab0f82d4281c57188c9f7e335aea6a65.html
index acbc61bfa..4ff291c8f 100644
--- a/www/videos/ab0f82d4281c57188c9f7e335aea6a65.html
+++ b/www/video/ab0f82d4281c57188c9f7e335aea6a65.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/ab0f82d4281c57188c9f7e335aea6a65.mp4" />
           </video>
+          <span class="datetime">2023-08-21 18:50:32</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/c567671795fa33a74a1e9b77d2487470.html b/www/video/c567671795fa33a74a1e9b77d2487470.html
similarity index 100%
rename from www/videos/c567671795fa33a74a1e9b77d2487470.html
rename to www/video/c567671795fa33a74a1e9b77d2487470.html
diff --git a/www/videos/c58497d555f0886271fe42ae18a69ba9.html b/www/video/c58497d555f0886271fe42ae18a69ba9.html
similarity index 87%
rename from www/videos/c58497d555f0886271fe42ae18a69ba9.html
rename to www/video/c58497d555f0886271fe42ae18a69ba9.html
index 64ffe7fd8..5d57cdca1 100644
--- a/www/videos/c58497d555f0886271fe42ae18a69ba9.html
+++ b/www/video/c58497d555f0886271fe42ae18a69ba9.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/c58497d555f0886271fe42ae18a69ba9.mp4" />
           </video>
+          <span class="datetime">2023-10-06 01:45:38</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/cfeaa8d830c1da8ecf7f8749019c9c44.html b/www/video/cfeaa8d830c1da8ecf7f8749019c9c44.html
similarity index 87%
rename from www/videos/cfeaa8d830c1da8ecf7f8749019c9c44.html
rename to www/video/cfeaa8d830c1da8ecf7f8749019c9c44.html
index 8f8eeb597..5897dfbec 100644
--- a/www/videos/cfeaa8d830c1da8ecf7f8749019c9c44.html
+++ b/www/video/cfeaa8d830c1da8ecf7f8749019c9c44.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/cfeaa8d830c1da8ecf7f8749019c9c44.mp4" />
           </video>
+          <span class="datetime">2023-08-03 00:14:18</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/d1680f15b97bbe30f087cb95cc4a778c.html b/www/video/d1680f15b97bbe30f087cb95cc4a778c.html
similarity index 87%
rename from www/videos/d1680f15b97bbe30f087cb95cc4a778c.html
rename to www/video/d1680f15b97bbe30f087cb95cc4a778c.html
index 35ac7291f..b349c0c11 100644
--- a/www/videos/d1680f15b97bbe30f087cb95cc4a778c.html
+++ b/www/video/d1680f15b97bbe30f087cb95cc4a778c.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/d1680f15b97bbe30f087cb95cc4a778c.mp4" />
           </video>
+          <span class="datetime">2023-08-30 18:00:21</span>
         </article>
       </section>
     </main>
diff --git a/www/videos/dad6b28a1f34b2d7cb4f7af929ae7c05.html b/www/video/dad6b28a1f34b2d7cb4f7af929ae7c05.html
similarity index 87%
rename from www/videos/dad6b28a1f34b2d7cb4f7af929ae7c05.html
rename to www/video/dad6b28a1f34b2d7cb4f7af929ae7c05.html
index 014cf98f9..8544a9ad8 100644
--- a/www/videos/dad6b28a1f34b2d7cb4f7af929ae7c05.html
+++ b/www/video/dad6b28a1f34b2d7cb4f7af929ae7c05.html
@@ -13,9 +13,10 @@
     <main>
       <section id="media">
         <article class="video">
-          <video>
+          <video controls preload="metadata">
             <source src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/dad6b28a1f34b2d7cb4f7af929ae7c05.mp4" />
           </video>
+          <span class="datetime">2023-08-09 16:46:48</span>
         </article>
       </section>
     </main>
diff --git a/www/videos.html b/www/videos.html
index fa7e7cc13..fd971051f 100644
--- a/www/videos.html
+++ b/www/videos.html
@@ -14,105 +14,105 @@
       <section id="media">
         
           <article class="video">
-            <a href="/videos/3e7ce3ef0b169606cdbe342928719634">
+            <a href="/video/3e7ce3ef0b169606cdbe342928719634">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/3e7ce3ef0b169606cdbe342928719634.jpg" />
             </a>
             <span class="datetime">2023-10-10 17:13:37</span>
           </article>
         
           <article class="video">
-            <a href="/videos/096f12b38af0717d3d836dc059021a24">
+            <a href="/video/096f12b38af0717d3d836dc059021a24">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/096f12b38af0717d3d836dc059021a24.jpg" />
             </a>
             <span class="datetime">2023-10-06 14:42:29</span>
           </article>
         
           <article class="video">
-            <a href="/videos/c58497d555f0886271fe42ae18a69ba9">
+            <a href="/video/c58497d555f0886271fe42ae18a69ba9">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/c58497d555f0886271fe42ae18a69ba9.jpg" />
             </a>
             <span class="datetime">2023-10-06 01:45:38</span>
           </article>
         
           <article class="video">
-            <a href="/videos/326f1664b717ebb4a624881df2064332">
+            <a href="/video/326f1664b717ebb4a624881df2064332">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/326f1664b717ebb4a624881df2064332.jpg" />
             </a>
             <span class="datetime">2023-09-10 22:50:39</span>
           </article>
         
           <article class="video">
-            <a href="/videos/5d36ea72180a0640549445d93414eb6b">
+            <a href="/video/5d36ea72180a0640549445d93414eb6b">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/5d36ea72180a0640549445d93414eb6b.jpg" />
             </a>
             <span class="datetime">2023-09-09 18:56:58</span>
           </article>
         
           <article class="video">
-            <a href="/videos/a51ffdbe691059d692706ecd511eb756">
+            <a href="/video/a51ffdbe691059d692706ecd511eb756">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/a51ffdbe691059d692706ecd511eb756.jpg" />
             </a>
             <span class="datetime">2023-09-01 14:49:26</span>
           </article>
         
           <article class="video">
-            <a href="/videos/d1680f15b97bbe30f087cb95cc4a778c">
+            <a href="/video/d1680f15b97bbe30f087cb95cc4a778c">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/d1680f15b97bbe30f087cb95cc4a778c.jpg" />
             </a>
             <span class="datetime">2023-08-30 18:00:21</span>
           </article>
         
           <article class="video">
-            <a href="/videos/ab0f82d4281c57188c9f7e335aea6a65">
+            <a href="/video/ab0f82d4281c57188c9f7e335aea6a65">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/ab0f82d4281c57188c9f7e335aea6a65.jpg" />
             </a>
             <span class="datetime">2023-08-21 18:50:32</span>
           </article>
         
           <article class="video">
-            <a href="/videos/0de505a86fe73b5f7af5f15115bf789f">
+            <a href="/video/0de505a86fe73b5f7af5f15115bf789f">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/0de505a86fe73b5f7af5f15115bf789f.jpg" />
             </a>
             <span class="datetime">2023-08-18 00:37:40</span>
           </article>
         
           <article class="video">
-            <a href="/videos/871d582560962db4cbd0593000d6bf9a">
+            <a href="/video/871d582560962db4cbd0593000d6bf9a">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/871d582560962db4cbd0593000d6bf9a.jpg" />
             </a>
             <span class="datetime">2023-08-11 02:41:09</span>
           </article>
         
           <article class="video">
-            <a href="/videos/3a3063a44387fc9d4f052754ea802733">
+            <a href="/video/3a3063a44387fc9d4f052754ea802733">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/3a3063a44387fc9d4f052754ea802733.jpg" />
             </a>
             <span class="datetime">2023-08-10 20:31:30</span>
           </article>
         
           <article class="video">
-            <a href="/videos/dad6b28a1f34b2d7cb4f7af929ae7c05">
+            <a href="/video/dad6b28a1f34b2d7cb4f7af929ae7c05">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/dad6b28a1f34b2d7cb4f7af929ae7c05.jpg" />
             </a>
             <span class="datetime">2023-08-09 16:46:48</span>
           </article>
         
           <article class="video">
-            <a href="/videos/167e29dc5b7c05c05021395b4cca29e2">
+            <a href="/video/167e29dc5b7c05c05021395b4cca29e2">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/167e29dc5b7c05c05021395b4cca29e2.jpg" />
             </a>
             <span class="datetime">2023-08-08 15:08:29</span>
           </article>
         
           <article class="video">
-            <a href="/videos/64f7d344c9993bf7837bd5dbcc553207">
+            <a href="/video/64f7d344c9993bf7837bd5dbcc553207">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/64f7d344c9993bf7837bd5dbcc553207.jpg" />
             </a>
             <span class="datetime">2023-08-07 18:41:39</span>
           </article>
         
           <article class="video">
-            <a href="/videos/cfeaa8d830c1da8ecf7f8749019c9c44">
+            <a href="/video/cfeaa8d830c1da8ecf7f8749019c9c44">
               <img src="https://entropealabs-media.s3.us-east-2.amazonaws.com/videos/cfeaa8d830c1da8ecf7f8749019c9c44.jpg" />
             </a>
             <span class="datetime">2023-08-03 00:14:18</span>