andrew
/
homepage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add youtube iframes.

This commit is contained in:
Andrew Lalis 2026-04-23 13:05:34 -04:00
parent 0b235c2d3a
commit 1f66a7c232
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/src/views/HikingView.vue
View File

@ -39,6 +39,15 @@
> >
<a href="https://youtu.be/IYo8F3gedn0" class="youtube-link" target="_blank">YouTube</a> <a href="https://youtu.be/IYo8F3gedn0" class="youtube-link" target="_blank">YouTube</a>
</div> </div>
<iframe
class="youtube-iframe"
src="https://www.youtube.com/embed/IYo8F3gedn0?si=_fKkrPqxc3_69dtC"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
</div> </div>
<div class="hiking-entry"> <div class="hiking-entry">
<header> <header>
@ -74,6 +83,15 @@
> >
<a href="https://youtu.be/9A5dGchdbeM" class="youtube-link" target="_blank">YouTube</a> <a href="https://youtu.be/9A5dGchdbeM" class="youtube-link" target="_blank">YouTube</a>
</div> </div>
<iframe
class="youtube-iframe"
src="https://www.youtube.com/embed/9A5dGchdbeM?si=HPpFld_JKBSl8hsn"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
</div> </div>
<div class="hiking-entry"> <div class="hiking-entry">
<header> <header>
@ -177,6 +195,12 @@
.youtube-link:hover { .youtube-link:hover {
text-decoration: underline; text-decoration: underline;
} }
.youtube-iframe {
width: calc(50ch - 2rem);
height: 315px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.elevation { .elevation {
font-weight: bold; font-weight: bold;
color: var(--success-color); color: var(--success-color);