automatic youtube height

This commit is contained in:
Léo Haf 2024-03-25 10:06:04 +01:00
parent a644127c69
commit d3c56d0ff0
Signed by: Retropex
GPG Key ID: 0E37EBAB8574F005
5 changed files with 23 additions and 6 deletions

View File

@ -16,6 +16,7 @@
"nextra-theme-docs": "^1.2.6",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-iframe": "^1.8.5"
"react-iframe": "^1.8.5",
"styled-jsx": "^5.1.2"
}
}
}

View File

@ -1,5 +1,6 @@
import "nextra-theme-docs/style.css";
import { useEffect } from "react";
import '/styles/styles.css';
export default function Nextra({ Component, pageProps }) {
useEffect(() => {

View File

@ -158,7 +158,7 @@ Interestingly, spammers also propose that financial transactions should be updat
Watch [@LukeDashjr](https://twitter.com/LukeDashjr)'s interview during which he explains why although spam filters won't definitely stop spam in one day they are a necessary first step in the social consensus to eventually do so:
<Iframe width="100%" height="270" src="https://www.youtube.com/embed/OpbDWCwJ_5Y?si=9Mp4feEGcgCCRRCU&amp;start=510" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share display:block;" allowfullscreen></Iframe>
<iframe class="yt-embed" src="https://www.youtube.com/embed/OpbDWCwJ_5Y?si=9Mp4feEGcgCCRRCU&amp;start=510" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share display:block;" allowfullscreen></iframe>
#### The 100 sats TX challenge
@ -383,9 +383,8 @@ Ibid.
* [CVE-2023-50428](https://nvd.nist.gov/vuln/detail/CVE-2023-50428)
* [@giacomozucco](https://twitter.com/giacomozucco) explain what spam is, why filtering is worth trying but not a panacea and why spam is not bringing back builders to Bitcoin:
<div align="center">
<iframe width="100%" height="270" src="https://www.youtube.com/embed/OpbDWCwJ_5Y?si=-TdOB7tkIqK0YusF&amp;start=3440" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<iframe class="yt-embed" src="https://www.youtube.com/embed/OpbDWCwJ_5Y?si=-TdOB7tkIqK0YusF&amp;start=3440" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
## Other references
[Data Insertion in Bitcoin's Blockchain](https://digitalcommons.augustana.edu/cgi/viewcontent.cgi?article=1000&context=cscfaculty).

4
styles/styles.css Normal file
View File

@ -0,0 +1,4 @@
.yt-embed {
aspect-ratio: 16 / 9;
width: 100%;
}

View File

@ -330,6 +330,11 @@ classnames@^2.2.6:
resolved "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz"
integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
client-only@0.0.1:
version "0.0.1"
resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
clipboardy@1.2.2:
version "1.2.2"
resolved "https://registry.npmjs.org/clipboardy/-/clipboardy-1.2.2.tgz"
@ -1803,6 +1808,13 @@ styled-jsx@5.0.7:
resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.7.tgz#be44afc53771b983769ac654d355ca8d019dff48"
integrity sha512-b3sUzamS086YLRuvnaDigdAewz1/EFYlHpYBP5mZovKEdQQOIIYq8lApylub3HHZ6xFjV051kkGU7cudJmrXEA==
styled-jsx@^5.1.2:
version "5.1.2"
resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.2.tgz#55020c50da54d2b225750bd7aaab57d511724060"
integrity sha512-FI5r0a5ED2/+DSdG2ZRz3a4FtNQnKPLadauU5v76a9QsscwZrWggQKOmyxGGP5EWKbyY3bsuWAJYzyKaDAVAcw==
dependencies:
client-only "0.0.1"
supports-color@^4.0.0:
version "4.5.0"
resolved "https://registry.npmjs.org/supports-color/-/supports-color-4.5.0.tgz"