mirror of
				https://github.com/privacyguides/privacyguides.org.git
				synced 2025-10-31 19:46:34 +00:00 
			
		
		
		
	Maintain aspect ratio of YouTube embeds (#1231)
This commit is contained in:
		| @@ -28,13 +28,9 @@ For frozen distributions, package maintainers are expected to backport patches t | ||||
|  | ||||
| We don’t 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" | ||||
|   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> | ||||
| <div class="yt-embed"> | ||||
|   <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> | ||||
| </div> | ||||
|  | ||||
| ## 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: | ||||
|  | ||||
| <iframe width="100%" style="height:50vh" | ||||
|   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> | ||||
| <div class="yt-embed"> | ||||
|   <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> | ||||
| </div> | ||||
|  | ||||
| ## “Security-focused” distributions | ||||
|  | ||||
|   | ||||
| @@ -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. | ||||
|  | ||||
| <iframe width="100%" style="height:50vh" | ||||
|   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> | ||||
| <div class="yt-embed"> | ||||
|   <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> | ||||
| </div> | ||||
|  | ||||
| FIDO2 and WebAuthn have superior security and privacy properties when compared to any MFA methods. | ||||
|  | ||||
|   | ||||
| @@ -155,3 +155,19 @@ h1, h2, h3, .md-header__topic { | ||||
| .no-js .md-sidebar { | ||||
|     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%; | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	 lexi
					lexi