diff --git a/suchwowx/static/css/custom.css b/suchwowx/static/css/custom.css index 5f1b3c0..53be0d1 100644 --- a/suchwowx/static/css/custom.css +++ b/suchwowx/static/css/custom.css @@ -4,6 +4,22 @@ margin: 0 auto; } -/* #memeImage { - cursor: zoom-in; -} */ +.card { + margin: 1em; + padding: 1em; + width: 300px; + border-radius: 6px; +} + +.image { + text-align: center; +} + +.image img, .image video { + border-radius: 6px; +} + +.img-fluid { + max-height: 200px; + object-fit: cover; +} diff --git a/suchwowx/templates/index.html b/suchwowx/templates/index.html index b9ce8e8..ce222c2 100644 --- a/suchwowx/templates/index.html +++ b/suchwowx/templates/index.html @@ -22,17 +22,40 @@
{% for meme in _meme %} -
- - {% if meme.upload_path.endswith('mp4') %} - - {% else %} - - {% endif %} - +
+ +
+
+
+ +
+
+

John Smith

+

@johnsmith

+
+
+ +
+ {{ meme.description }} +
+ +
+
{% endfor %}