Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Separate youtube and figure shortcodes

Browse Source
This commit is contained in:
Will Faught
2023-03-02 23:03:09 -08:00
parent 5b4f926b67
commit 5dc76c6ec1
3 changed files with 15 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -656,8 +656,6 @@ Parameters:
<dd>Optional. Position 0. String. Video ID.</dd> <dd>Optional. Position 0. String. Video ID.</dd>
</dl> </dl>
It has the parameters of the `paige/figure` shortcode.
## Customize ## Customize
### Include ### Include

8
layouts/partials/paige/style.html
View File

@@ -47,6 +47,10 @@ body, html {
margin-bottom: 0; margin-bottom: 0;
} }
.paige-figure .paige-video {
margin-bottom: 0;
}
.paige-figure > div > .highlight > pre, .paige-figure > div > :last-child { .paige-figure > div > .highlight > pre, .paige-figure > div > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -79,6 +83,10 @@ body, html {
transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out; transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
} }
.paige-video {
margin-bottom: 1rem;
}
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.paige-header-link { .paige-header-link {
transition: none; transition: none;

30
layouts/shortcodes/paige/youtube.html
View File

@@ -1,21 +1,15 @@
{{ $autoplay := .Get "autoplay" }} {{ $autoplay := .Get "autoplay" }}
{{ $caption := .Get "caption" }}
{{ $controls := .Get "controls" | default true }} {{ $controls := .Get "controls" | default true }}
{{ $description := .Get "description" | default "YouTube video" }} {{ $description := .Get "description" | default "YouTube video" }}
{{ $end := .Get "end" }} {{ $end := .Get "end" }}
{{ $float := .Get "float" }}
{{ $fullscreen := .Get "fullscreen" | default true }} {{ $fullscreen := .Get "fullscreen" | default true }}
{{ $height := .Get "height" }} {{ $height := .Get "height" }}
{{ $horizontal := .Get "horizontal" }}
{{ $list := .Get "list" }} {{ $list := .Get "list" }}
{{ $loop := .Get "loop" }} {{ $loop := .Get "loop" }}
{{ $maxwidth := .Get "maxwidth" }} {{ $maxwidth := .Get "maxwidth" }}
{{ $mute := .Get "mute" }} {{ $mute := .Get "mute" }}
{{ $number := .Get "number" }}
{{ $numbered := .Get "numbered" }}
{{ $referrerpolicy := .Get "referrerpolicy" | default "no-referrer-when-downgrade" }} {{ $referrerpolicy := .Get "referrerpolicy" | default "no-referrer-when-downgrade" }}
{{ $start := .Get "start" }} {{ $start := .Get "start" }}
{{ $vertical := .Get "vertical" }}
{{ $video := .Get 0 | default (.Get "video") | default "dQw4w9WgXcQ" }} {{ $video := .Get 0 | default (.Get "video") | default "dQw4w9WgXcQ" }}
{{ $width := .Get "width" }} {{ $width := .Get "width" }}
@@ -71,21 +65,11 @@
{{ $src = print $src "?" . }} {{ $src = print $src "?" . }}
{{ end }} {{ end }}
{{ partial "paige/figure.html" (dict {{ partial "paige/video.html" (dict
"caption" $caption "fullscreen" $fullscreen
"content" (partial "paige/video.html" (dict "height" $height
"fullscreen" $fullscreen "referrerpolicy" $referrerpolicy
"height" $height "src" $src
"referrerpolicy" $referrerpolicy "title" $description
"src" $src "width" $width
"title" $description
"width" $width
))
"float" $float
"gap" 2
"horizontal" $horizontal
"maxwidth" $maxwidth
"number" $number
"numbered" $numbered
"vertical" $vertical
) }} ) }}