From 616a195301abd444e2c42120edd054e617d38326 Mon Sep 17 00:00:00 2001 From: Gabriel Date: Wed, 9 Nov 2022 15:44:15 -0500 Subject: [PATCH] multimedia enhancements --- layouts/interverse/list.html | 214 ----------------------------- layouts/shortcodes/audio.html | 129 ++++++++++++++++- layouts/shortcodes/image.html | 11 +- layouts/shortcodes/interverse.html | 0 layouts/shortcodes/video.html | 140 ++++++++++++++++++- static/css/theme.css | 41 +++++- 6 files changed, 311 insertions(+), 224 deletions(-) delete mode 100644 layouts/interverse/list.html delete mode 100644 layouts/shortcodes/interverse.html diff --git a/layouts/interverse/list.html b/layouts/interverse/list.html deleted file mode 100644 index 99d9e7a..0000000 --- a/layouts/interverse/list.html +++ /dev/null @@ -1,214 +0,0 @@ - - - - - {{partial "head" .}} - - - - - - - {{partial "header" .}} -
-
{{.Content}}
-
- -
-

- -
-
-
- -
-
- -
-
- -
-

-
- - -
- -
- -
- - -{{partial "footer" .}} - - \ No newline at end of file diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html index 0acfa3a..876fe4a 100644 --- a/layouts/shortcodes/audio.html +++ b/layouts/shortcodes/audio.html @@ -1,3 +1,126 @@ - \ No newline at end of file + +
+
+ + + + +
+
+

+ + +
+ +
\ No newline at end of file diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html index a46c7a2..1706da7 100644 --- a/layouts/shortcodes/image.html +++ b/layouts/shortcodes/image.html @@ -1,4 +1,5 @@ -{{ if .Get "href"}} +
+ {{ if .Get "href"}} {{end}} {{end}} +{{if .Get "caption"}} +

+ {{.Get "caption"}} {{if .Get "source"}}Source{{end}} + +

+{{end}} + +
\ No newline at end of file diff --git a/layouts/shortcodes/interverse.html b/layouts/shortcodes/interverse.html deleted file mode 100644 index e69de29..0000000 diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html index a555fb4..a9aea63 100644 --- a/layouts/shortcodes/video.html +++ b/layouts/shortcodes/video.html @@ -1,3 +1,137 @@ - \ No newline at end of file + +
+
+ +
+ + + +

+
+ +
+ +

+ {{.Get "caption"}} {{if .Get "source"}}Source{{end}} + +

+
\ No newline at end of file diff --git a/static/css/theme.css b/static/css/theme.css index 50086ee..4c6f9ba 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -62,7 +62,6 @@ hr { margin-bottom: 2rem; color: var(--theme-color-accent); } - main,aside { padding:2.5rem; display: flex; @@ -105,7 +104,7 @@ main{ .listing video{ width:25rem; max-width:25vw; - max-height: 25vh; + max-height: 30vh; } .listing h2, .listing p{ margin:0; @@ -218,10 +217,37 @@ article { max-width:60rem; font-size: 1.5rem; } +article table{ + width:80%; +} +article .media-container{ + display:flex; + flex-direction: column; + align-items: center; + width:100%; +} +.media-container p, .media-container a{ + width:fit-content; +} +.media-container a{ + width:100%; + display:flex; + align-items: center; + flex-direction: column; +} +article td,article th{ + width:fit-content; +} article .footnotes{ width:100%; } +article .footnotes a{ + text-decoration: none; +} +article sup a{ + text-decoration: none; +} blockquote { margin-left: 10%; @@ -269,8 +295,9 @@ article img{ article video, article iframe { max-width: 60rem; + max-height: 40rem; width: 80%; - height:30rem; + height:50vh; background-color: transparent; } @@ -307,6 +334,11 @@ video{ text-decoration: none; text-align: left; width:80%; + box-shadow:0px 0px 0.5rem var(--theme-color-accent); + border-radius:2rem; + overflow:hidden; + margin-bottom:1rem; + margin-top:1rem; } .link-preview>div{ margin:1rem; @@ -445,6 +477,9 @@ video{ width:100vw; } + .link-preview{ + flex-direction: column; + } .recent,.featured{ flex-direction: column; align-items: center;