Update post show page

app/templates/pages/show.html.slim

@@ -1,7 +1,7 @@
 - context.content_for(:title, "")
 - context.content_for(:highlight_code, false)
 
-article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-em:font-bold prose-em:not-italic prose-em:bg-blue-600 prose-em:px-1 prose-a:text-blue-600 prose-a:p-0.5 prose-a:rounded-sm prose-a:no-underline hover:prose-a:underline prose-em:text-blue-100"
+article class="mb-12 prose dark:prose-invert max-w-prose mx-auto text-gray-800 dark:text-gray-200 prose-em:font-bold prose-em:not-italic prose-em:bg-blue-600 prose-em:px-1 prose-em:rounded prose-a:text-blue-600 prose-a:p-0.5 prose-a:rounded-sm prose-a:no-underline hover:prose-a:underline prose-em:text-blue-100"
   == page_content
 
 div class="max-w-screen-md mx-auto border-t-4 border-solid border-gray-400 dark:border-gray-600"

app/templates/posts/show.html.slim

@@ -33,11 +33,13 @@ article class="h-entry"
             figcaption
               = photo["alt"]
       - if post.videos?
-        - post.videos.each do |video|
+        - post.videos.each_with_index do |video, index|
-          figure
+          figure id="video-#{index}"
-            video loop=true muted=true controls=true
+            video loop=false muted=true controls=true
               source type="video/mp4" src="#{video["value"]}"
             figcaption= video["alt"]
+            a href="#" data-replay="video-#{index}" Replay
+
 
       - if post.location
         img class="shadow-solid shadow-pink-100 dark:shadow-pink-200 rounded mb-4" src=post.large_map
@@ -68,7 +70,7 @@ article class="h-entry"
 
       - if past_movies.count > 0
         div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 mb-4"
-          h3 class="text-xl" Movies watched
+          h3 class="text-xl" Movies watched for the first time
           div class="flex gap-4 pb-4 mt-4"
             - past_movies.map do |movie|
               a href=movie.url

public/assets/asset-manifest.json

@@ -1 +1 @@
-{"gallery.js":{"url":"/assets/dist/gallery-_1XIjfgrPICr.js"},"index.js":{"url":"/assets/dist/index-_1XIjfgrPICr.js"},"index.css":{"url":"/assets/dist/index-_1XIjfgrPICr.css"}}
+{"gallery.js":{"url":"/assets/dist/gallery-iTdOmR8CAphe.js"},"index.js":{"url":"/assets/dist/index-iTdOmR8CAphe.js"},"index.css":{"url":"/assets/dist/index-iTdOmR8CAphe.css"}}