Compare commits
2 commits
a879027c81
...
610ecb04ef
Author | SHA1 | Date | |
---|---|---|---|
610ecb04ef | |||
fa55d4a140 |
2 changed files with 18 additions and 2 deletions
|
@ -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.
|
||||
|
||||
<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.)
|
||||
|
||||
|
|
18
drip.css
18
drip.css
|
@ -19,7 +19,23 @@ pre {
|
|||
}
|
||||
|
||||
blockquote {
|
||||
border-left: solid 3px black;
|
||||
border-left: solid 3px;
|
||||
margin: auto .5em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background: black;
|
||||
color: #eee;
|
||||
}
|
||||
abbr {
|
||||
color: lightgray;
|
||||
}
|
||||
a {
|
||||
color: gold;
|
||||
}
|
||||
a:visited {
|
||||
color: #ff9;
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue