Compare commits

...

2 commits

Author SHA1 Message Date
610ecb04ef Mostrar otra cosa si el navegador no soporta <video>
All checks were successful
continuous-integration/woodpecker the build was successful
2021-11-03 18:58:01 -03:00
fa55d4a140 Modo oscuro 2021-11-03 18:57:53 -03:00
2 changed files with 18 additions and 2 deletions

View file

@ -94,7 +94,7 @@ Por un tiempo, tuve una de mis muñecas inaccesibles por unas semanas. Esto me o
Recientemente, en el sitio agregaron una solapa de "transcripción" mostrando todo el dialogo que había en el video del ejercicio. Sin embargo, cuando esta solapa estaba cerrada, se podían seguir seleccionando los enlaces dentro de la solapa con el teclado, haciendo la navegación por teclado tediosa. Recientemente, en el sitio agregaron una solapa de "transcripción" mostrando todo el dialogo que había en el video del ejercicio. Sin embargo, cuando esta solapa estaba cerrada, se podían seguir seleccionando los enlaces dentro de la solapa con el teclado, haciendo la navegación por teclado tediosa.
<video controls src="Arreglando bugs ajenos.md-details.mp4"></video> <video controls src="Arreglando bugs ajenos.md-details.mp4">Tu navegador no soporta video HTML5.</video>
La solucion es simplemente usar el elemento de solapa que ya viene con el navegador: [`<details>`](https://developer.mozilla.org/es/docs/Web/HTML/Element/details). (La página de `<details>` en MDN esta desactualizada al momento de escribir este artículo.) La solucion es simplemente usar el elemento de solapa que ya viene con el navegador: [`<details>`](https://developer.mozilla.org/es/docs/Web/HTML/Element/details). (La página de `<details>` en MDN esta desactualizada al momento de escribir este artículo.)

View file

@ -19,7 +19,23 @@ pre {
} }
blockquote { blockquote {
border-left: solid 3px black; border-left: solid 3px;
margin: auto .5em; margin: auto .5em;
padding-left: 1em; padding-left: 1em;
} }
@media (prefers-color-scheme: dark) {
body {
background: black;
color: #eee;
}
abbr {
color: lightgray;
}
a {
color: gold;
}
a:visited {
color: #ff9;
}
}