Maintain aspect ratio of YouTube embeds (#1231)

This commit is contained in:
lexi 2022-05-14 23:34:16 -05:00 committed by GitHub
parent 58206b76f2
commit 01245acdb2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 25 additions and 21 deletions

View File

@ -28,13 +28,9 @@ For frozen distributions, package maintainers are expected to backport patches t
We dont believe holding packages back and applying interim patches is a good idea, as it diverges from the way the developer might have intended the software to work. [Richard Brown](https://rootco.de/aboutme/) has a presentation about this: We dont believe holding packages back and applying interim patches is a good idea, as it diverges from the way the developer might have intended the software to work. [Richard Brown](https://rootco.de/aboutme/) has a presentation about this:
<iframe width="100%" style="height:50vh" <div class="yt-embed">
src="https://www.youtube-nocookie.com/embed/i8c0mg_mS7U" <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/i8c0mg_mS7U" title="Regular Releases are Wrong, Roll for your life" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
title="Regular Releases are Wrong, Roll for your life" </div>
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
## Traditional vs Atomic updates ## Traditional vs Atomic updates
@ -46,13 +42,9 @@ A transactional update system creates a snapshot that is made before and after a
The Atomic update method is used for immutable distributions like Silverblue, Tumbleweed, and NixOS and can achieve reliability with this model. [Adam Šamalík](https://twitter.com/adsamalik) provided a presentation on how `rpm-ostree` works with Silverblue: The Atomic update method is used for immutable distributions like Silverblue, Tumbleweed, and NixOS and can achieve reliability with this model. [Adam Šamalík](https://twitter.com/adsamalik) provided a presentation on how `rpm-ostree` works with Silverblue:
<iframe width="100%" style="height:50vh" <div class="yt-embed">
src="https://www.youtube-nocookie.com/embed/-hpV5l-gJnQ" <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/-hpV5l-gJnQ" title="Let's try Fedora Silverblue — an immutable desktop OS! - Adam Šamalik" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
title="Let's try Fedora Silverblue — an immutable desktop OS! - Adam Šamalik" </div>
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
## “Security-focused” distributions ## “Security-focused” distributions

View File

@ -76,13 +76,9 @@ When you create an account the public key is sent to the service, then when you
This presentation discusses the history of password authentication, the pitfalls (such as password reuse), and discussion of FIDO2 and [WebAuthn](https://webauthn.guide) standards. This presentation discusses the history of password authentication, the pitfalls (such as password reuse), and discussion of FIDO2 and [WebAuthn](https://webauthn.guide) standards.
<iframe width="100%" style="height:50vh" <div class="yt-embed">
src="https://www.youtube-nocookie.com/embed/aMo4ZlWznao" <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/aMo4ZlWznao" title="How FIDO2 and WebAuthn Stop Account Takeovers" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
title="How FIDO2 and WebAuthn Stop Account Takeovers" </div>
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
FIDO2 and WebAuthn have superior security and privacy properties when compared to any MFA methods. FIDO2 and WebAuthn have superior security and privacy properties when compared to any MFA methods.

View File

@ -155,3 +155,19 @@ h1, h2, h3, .md-header__topic {
.no-js .md-sidebar { .no-js .md-sidebar {
align-self: auto; align-self: auto;
} }
/* Maintain 16:9 aspect ratio on embedded YT videos */
.yt-embed {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.yt-embed iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}