From 8e245975fb208f9ddf9626ffc88f9be987ea5a18 Mon Sep 17 00:00:00 2001
From: shockrah <dev@shockrah.xyz>
Date: Sun, 29 Oct 2023 21:17:07 -0700
Subject: [PATCH] Better styling on card-img and clips

---
 main-site/static/vid/out.mkv                         | 3 +++
 main-site/themes/temper/layouts/shortcodes/clip.html | 2 +-
 main-site/themes/temper/static/css/style.css         | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 main-site/static/vid/out.mkv

diff --git a/main-site/static/vid/out.mkv b/main-site/static/vid/out.mkv
new file mode 100644
index 0000000..bda4cc2
--- /dev/null
+++ b/main-site/static/vid/out.mkv
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:95403ed5572bb19f13ff7339aa4b55ec0da8806218cdbe4276f03407c44cfd7a
+size 59451867
diff --git a/main-site/themes/temper/layouts/shortcodes/clip.html b/main-site/themes/temper/layouts/shortcodes/clip.html
index 114b722..6a9ff57 100644
--- a/main-site/themes/temper/layouts/shortcodes/clip.html
+++ b/main-site/themes/temper/layouts/shortcodes/clip.html
@@ -1,2 +1,2 @@
-<video controls src="{{ .Get 0}}" alt="{{ .Get 1 }}"></video>
+<video class="card-img" controls src="{{ .Get 0}}" alt="{{ .Get 1 }}"></video>
 
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index ca67c5a..9af666d 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -169,7 +169,8 @@ a {
 a:hover { color: #EAA221; }
 
 .card-img { 
-	width: 450px;
+	width: 80%;
+	padding-bottom: 1em;
 }
 .card { 
   background-color: transparent;