phil/hugo-tufte
1
0
Fork 0
forked from mirrors/hugo-tufte
Code Pull requests Activity

fix bugs from https://github.com/loikein/hugo-tufte/issues/6

Browse source
This commit is contained in:
loikein 2023-04-18 23:50:58 +01:00
parent 8049030489
commit 2ba3e7fb75
2 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/scss/vendor/tufte.scss vendored
View file

@ -409,17 +409,21 @@ label.marginnote-ind {
display: none; display: none;
} }
iframe.video { .video-container {
width: 55%; width: 100%;
margin-top: 1.4em; margin-top: 1.4rem;
margin-bottom: 1.4em; margin-bottom: 1.4rem;
} }
iframe.video--16x9 { .video {
width: 55%;
}
.video--16x9 {
aspect-ratio: 16/9; aspect-ratio: 16/9;
} }
iframe.video--4x3 { .video--4x3 {
aspect-ratio: 4/3; aspect-ratio: 4/3;
} }
@ -469,7 +473,7 @@ iframe.video--4x3 {
img { img {
width: 100%; width: 100%;
} }
iframe.video { .video {
width: 90%; width: 90%;
} }
} }

2
layouts/shortcodes/youtube.html
View file

@ -2,6 +2,8 @@
{{ $4x3 := .Get "4x3" | default "false" }} {{ $4x3 := .Get "4x3" | default "false" }}
{{ $title := .Get "title" | default "YouTube Video" }} {{ $title := .Get "title" | default "YouTube Video" }}
<div class="video-container">
<iframe <iframe
class="video {{ with $4x3 }}{{ if eq . "true" }}video--4x3{{ else }}video--16x9{{ end }}{{ end }}" class="video {{ with $4x3 }}{{ if eq . "true" }}video--4x3{{ else }}video--16x9{{ end }}{{ end }}"
src="https://www.youtube-nocookie.com/embed/{{ $id }}?cc_load_policy=1&cc=1{{ with .Get "start" }}&start={{ . }}{{ end }}{{ with .Get "end" }}&end={{ . }}{{ end }}" allowfullscreen title="{{ $title }}" frameborder="0" sandbox="allow-same-origin allow-scripts" loading="lazy"></iframe> src="https://www.youtube-nocookie.com/embed/{{ $id }}?cc_load_policy=1&cc=1{{ with .Get "start" }}&start={{ . }}{{ end }}{{ with .Get "end" }}&end={{ . }}{{ end }}" allowfullscreen title="{{ $title }}" frameborder="0" sandbox="allow-same-origin allow-scripts" loading="lazy"></iframe>
</div>