@@ -156,7 +156,7 @@ | |||
</nav> | |||
<p>Dans le cadre de <del><a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Eating_your_own_dog_food">manger ma propre bouffe pour chien</a></del> mon <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Auto%C3%A9quipement">autoéquipement</a>, je voulais vérifier si l’implémentation de <a data-link-domain="oembed.com" href="https://oembed.com/">oEmbed</a> dans <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en JS) :</p> | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -170,7 +170,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||
@@ -1,4 +1,4 @@ | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -12,7 +12,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||
@@ -139,7 +139,7 @@ | |||
</h2> | |||
<p>Dans le cadre de <del><a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Eating_your_own_dog_food">manger ma propre bouffe pour chien</a></del> mon <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Auto%C3%A9quipement">autoéquipement</a>, je voulais vérifier si l’implémentation de <a data-link-domain="oembed.com" href="https://oembed.com/">oEmbed</a> dans <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en JS) :</p> | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -153,7 +153,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||
@@ -139,7 +139,7 @@ | |||
</h2> | |||
<p>Dans le cadre de <del><a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Eating_your_own_dog_food">manger ma propre bouffe pour chien</a></del> mon <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Auto%C3%A9quipement">autoéquipement</a>, je voulais vérifier si l’implémentation de <a data-link-domain="oembed.com" href="https://oembed.com/">oEmbed</a> dans <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en JS) :</p> | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -153,7 +153,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||
@@ -139,7 +139,7 @@ | |||
</h2> | |||
<p>Dans le cadre de <del><a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Eating_your_own_dog_food">manger ma propre bouffe pour chien</a></del> mon <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Auto%C3%A9quipement">autoéquipement</a>, je voulais vérifier si l’implémentation de <a data-link-domain="oembed.com" href="https://oembed.com/">oEmbed</a> dans <a data-link-domain="umap-project.org" href="https://umap-project.org/fr/">uMap</a> était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en JS) :</p> | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -153,7 +153,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||
@@ -20,7 +20,7 @@ | |||
<id>https://larlet.fr/david/2024/03/25/</id> | |||
<summary type="html"> | |||
<p>Dans le cadre de <del><a href="https://en.wikipedia.org/wiki/Eating_your_own_dog_food">manger ma propre bouffe pour chien</a></del> mon <a href="https://fr.wikipedia.org/wiki/Auto%C3%A9quipement">autoéquipement</a>, je voulais vérifier si l’implémentation de <a href="https://oembed.com/">oEmbed</a> dans <a href="https://umap-project.org/fr/">uMap</a> était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en&nbsp;JS)&nbsp;:</p> | |||
<style type="text/css"> | |||
<style type="text/css" nonce="oembed-default-style"> | |||
o-embed { | |||
/* Size of the oembed + paragraph + margins. */ | |||
height: calc(300px + 1rem + 3rem); | |||
@@ -34,7 +34,7 @@ | |||
</p> | |||
</o-embed> | |||
<script type="module"> | |||
<script type="module" nonce="oembed-web-component"> | |||
class OEmbed extends HTMLElement { | |||
static tagName = 'o-embed' | |||