-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsite_web_snosan.html
39 lines (38 loc) · 22.5 KB
/
site_web_snosan.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Site web SNOSAN | SECMAR</title>
<meta name="description" content="Jeu de données des affaires maritimes sur l'assistance et le sauvetage en mer">
<link rel="icon" href="https://www.snosan.fr/themes/rainlab-vanilla/assets/images/favicon.png">
<meta name="theme-color" content="#0d3f94">
<link rel="preload" href="/assets/css/0.styles.e90450f4.css" as="style"><link rel="preload" href="/assets/js/app.723cabb4.js" as="script"><link rel="preload" href="/assets/js/4.7b387fda.js" as="script"><link rel="preload" href="/assets/js/14.a3f89f9d.js" as="script"><link rel="prefetch" href="/assets/js/7.0cbe5dfc.js"><link rel="prefetch" href="/assets/js/2.413b4e91.js"><link rel="prefetch" href="/assets/js/3.1a376dc8.js"><link rel="prefetch" href="/assets/js/5.46a485ad.js"><link rel="prefetch" href="/assets/js/6.96d518fd.js"><link rel="prefetch" href="/assets/js/8.9ee0e24e.js"><link rel="prefetch" href="/assets/js/9.4f108125.js"><link rel="prefetch" href="/assets/js/10.3d1752a0.js"><link rel="prefetch" href="/assets/js/11.95da56de.js"><link rel="prefetch" href="/assets/js/12.08f5e00c.js"><link rel="prefetch" href="/assets/js/13.caeb3dec.js"><link rel="prefetch" href="/assets/js/15.fdd30358.js"><link rel="prefetch" href="/assets/js/16.33e434b2.js">
<link rel="stylesheet" href="/assets/css/0.styles.e90450f4.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">SECMAR</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="https://redash.snosan.fr" target="_blank" rel="noopener noreferrer" class="nav-link external">
Redash
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://carte.snosan.fr" target="_blank" rel="noopener noreferrer" class="nav-link external">
Cartographie
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="/snosan.html#contact" class="nav-link">Contact</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="https://redash.snosan.fr" target="_blank" rel="noopener noreferrer" class="nav-link external">
Redash
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://carte.snosan.fr" target="_blank" rel="noopener noreferrer" class="nav-link external">
Cartographie
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="/snosan.html#contact" class="nav-link">Contact</a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/" class="sidebar-link">Accueil</a></li><li><a href="/CHANGELOG.html" class="sidebar-link">Changements sur le jeu de données</a><ul class="sidebar-sub-headers"></ul></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading"><span>Formations</span> <span class="arrow right"></span></p> <!----></div></li><li><div class="sidebar-group"><p class="sidebar-heading"><span>Modèle de données</span> <!----></p> <ul class="sidebar-group-items"><li><a href="/schema.html" class="sidebar-link">Schéma de données</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/schema.html#operations" class="sidebar-link">operations</a></li><li class="sidebar-sub-header"><a href="/schema.html#resultats-humain" class="sidebar-link">resultats_humain</a></li><li class="sidebar-sub-header"><a href="/schema.html#moyens" class="sidebar-link">moyens</a></li><li class="sidebar-sub-header"><a href="/schema.html#flotteurs" class="sidebar-link">flotteurs</a></li><li class="sidebar-sub-header"><a href="/schema.html#operations-stats" class="sidebar-link">operations_stats</a></li><li class="sidebar-sub-header"><a href="/schema.html#moyens-snsm" class="sidebar-link">moyens_snsm</a></li></ul></li><li><a href="/tables_codes.html" class="sidebar-link">Tables de codes</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/tables_codes.html#transition-de-seamis-vers-le-snosan" class="sidebar-link">Transition de SeaMIS vers le SNOSAN</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#cross" class="sidebar-link">CROSS</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#evenements-declenchant" class="sidebar-link">Événements déclenchant</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#moyen-d-alerte" class="sidebar-link">Moyen d'alerte</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#qui-alerte" class="sidebar-link">Qui alerte</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#bilan-humain" class="sidebar-link">Bilan humain</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#autorites-des-moyens" class="sidebar-link">Autorités des moyens</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#types-precis-de-flotteurs" class="sidebar-link">Types précis de flotteurs</a></li><li class="sidebar-sub-header"><a href="/tables_codes.html#ports-de-reference-pour-la-maree" class="sidebar-link">Ports de référence pour la marée</a></li></ul></li></ul></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading open"><span>SNOSAN</span> <span class="arrow down"></span></p> <ul class="sidebar-group-items"><li><a href="/snosan.html" class="sidebar-link">Le SNOSAN</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/snosan.html#presentation-du-snosan" class="sidebar-link">Présentation du SNOSAN</a></li><li class="sidebar-sub-header"><a href="/snosan.html#operations-cross-dans-le-cadre-d-etude-du-snosan" class="sidebar-link">Opérations CROSS dans le cadre d'étude du SNOSAN</a></li><li class="sidebar-sub-header"><a href="/snosan.html#filtres-classiques" class="sidebar-link">Filtres classiques</a></li><li class="sidebar-sub-header"><a href="/snosan.html#contact" class="sidebar-link">Contact</a></li></ul></li><li><a href="/site_web_snosan.html" class="active sidebar-link">Site web SNOSAN</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/site_web_snosan.html#modifier-la-structure-du-site" class="sidebar-link">Modifier la structure du site</a></li><li class="sidebar-sub-header"><a href="/site_web_snosan.html#articles" class="sidebar-link">Articles</a></li><li class="sidebar-sub-header"><a href="/site_web_snosan.html#ecrire-du-contenu-dans-un-onglet-ou-sur-un-article" class="sidebar-link">Écrire du contenu dans un onglet ou sur un article</a></li></ul></li></ul></div></li></ul> <div class="sidebar__toggle"><span class="arrow left"></span> <span class="sidebar__toggle-label">
Cacher le menu
</span></div></div> <div class="page"> <div class="content"><h1 id="site-web-snosan"><a href="#site-web-snosan" aria-hidden="true" class="header-anchor">#</a> Site web SNOSAN</h1> <p>Cette page contient des instructions spécifiques au backend du site web SNOSAN accessible à l'adresse <a href="https://www.snosan.fr/backend" target="_blank" rel="noopener noreferrer">www.snosan.fr/backend<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <p></p><div class="table-of-contents"><ul><li><a href="#modifier-la-structure-du-site">Modifier la structure du site</a><ul><li><a href="#ajouter-un-onglet-sur-le-site">Ajouter un onglet sur le site</a></li><li><a href="#ajouter-une-sous-categorie-a-un-onglet">Ajouter une sous-catégorie à un onglet</a></li><li><a href="#deplacer-un-onglet">Déplacer un onglet</a></li><li><a href="#supprimer-un-onglet-ou-une-sous-categorie">Supprimer un onglet ou une sous-catégorie</a></li><li><a href="#cacher-temporairement-un-onglet">Cacher temporairement un onglet</a></li></ul></li><li><a href="#articles">Articles</a><ul><li><a href="#ajouter-un-nouvel-article">Ajouter un nouvel article</a></li><li><a href="#publier-un-article">Publier un article</a></li><li><a href="#supprimer-un-article">Supprimer un article</a></li></ul></li><li><a href="#ecrire-du-contenu-dans-un-onglet-ou-sur-un-article">Écrire du contenu dans un onglet ou sur un article</a><ul><li><a href="#ajouter-des-images-ou-des-liens">Ajouter des images ou des liens</a></li><li><a href="#ajouter-des-graphiques-redash">Ajouter des graphiques Redash</a></li></ul></li></ul></div><p></p> <h2 id="modifier-la-structure-du-site"><a href="#modifier-la-structure-du-site" aria-hidden="true" class="header-anchor">#</a> Modifier la structure du site</h2> <p>La structure des onglets en haut du site web SNOSAN n'est pas figée. Vous avez la possibilité de la modifier.</p> <p><img src="http://image.noelshack.com/fichiers/2018/45/4/1541702756-capture-d-ecran-2018-11-08-a-19-45-44.png" alt="Onglets"></p> <h3 id="ajouter-un-onglet-sur-le-site"><a href="#ajouter-un-onglet-sur-le-site" aria-hidden="true" class="header-anchor">#</a> Ajouter un onglet sur le site</h3> <p>Voici la marche à suivre pour ajouter un nouvel onglet :</p> <ul><li>Cliquez en haut sur <code>Pages</code></li> <li>Cliquez sur <code>+ Add</code></li> <li>Nommez votre onglet</li> <li>Cliquez sur <code>Save</code>en dessous du nom</li></ul> <h3 id="ajouter-une-sous-categorie-a-un-onglet"><a href="#ajouter-une-sous-categorie-a-un-onglet" aria-hidden="true" class="header-anchor">#</a> Ajouter une sous-catégorie à un onglet</h3> <p>Vous pouvez également ajouter plusieurs sous-catégories pour vos onglets. Pour cela, il suffit de :</p> <ul><li>Passez votre souris sur l'onglet dans lequel vous souhaitez ajouter votre catégorie</li> <li>Cliquez ensuite sur <code>+ Add subpage</code></li> <li>Nommez votre catégorie</li> <li>Cliquez sur <code>Save</code> en dessous du nom</li></ul> <h3 id="deplacer-un-onglet"><a href="#deplacer-un-onglet" aria-hidden="true" class="header-anchor">#</a> Déplacer un onglet</h3> <p>Pour changer l'ordre des onglets :</p> <ul><li>Passez votre souris sur l'onglet que vous souhaitez déplacer</li> <li>Cliquez sur les 3 traits à droite et déplacez votre onglet à la position souhaitée en maintenant votre clique</li></ul> <div class="tip custom-block"><p class="custom-block-title">Ordre des onglets</p> <p>Déplacer l'onglet vers le haut le déplacera vers la gauche sur la page du site web.</p></div> <h3 id="supprimer-un-onglet-ou-une-sous-categorie"><a href="#supprimer-un-onglet-ou-une-sous-categorie" aria-hidden="true" class="header-anchor">#</a> Supprimer un onglet ou une sous-catégorie</h3> <ul><li>Cochez l'onglet à supprimer</li> <li>Cliquez sur l'icône de la poubelle en haut de la page</li></ul> <h3 id="cacher-temporairement-un-onglet"><a href="#cacher-temporairement-un-onglet" aria-hidden="true" class="header-anchor">#</a> Cacher temporairement un onglet</h3> <p>Pour qu'un onglet n'apparaisse plus sur le site pendant une certaine période :</p> <ul><li>Cliquez sur l'onglet concerné</li> <li>Cochez <code>Hidden</code>et <code>Hide in Navigation</code></li> <li>Cliquez sur <code>Save</code></li></ul> <p>L'onglet n’apparaîtra plus sur le site, vous pouvez vérifier en allant sur le site dans une fenêtre de navigation privée.
Pour réafficher votre onglet, il suffit de décochez les deux cases.</p> <h2 id="articles"><a href="#articles" aria-hidden="true" class="header-anchor">#</a> Articles</h2> <p>Un des objectifs du SNOSAN est de publier régulièrement des articles dans la section Actualités.</p> <h3 id="ajouter-un-nouvel-article"><a href="#ajouter-un-nouvel-article" aria-hidden="true" class="header-anchor">#</a> Ajouter un nouvel article</h3> <p>Voici la procédure pour créer un nouvel article :</p> <ul><li>Cliquez sur <code>Blog</code>en haut</li> <li>Cliquez sur <code>+ New post</code></li> <li>Nommez votre article</li> <li>Rédigez le contenu de l'article</li> <li>Cliquez sur <code>Save</code></li></ul> <p>Vous retrouvez ensuite tous vos articles en cliquant sur <code>Post</code>.</p> <h3 id="publier-un-article"><a href="#publier-un-article" aria-hidden="true" class="header-anchor">#</a> Publier un article</h3> <p>Une fois votre article enregistré, cela ne signifie pas qu'il est publié sur le site web. Pour le publier, les étapes suivantes sont nécessaires :</p> <ul><li>Cliquez sur votre article</li> <li>Cliquez sur <code>Manage</code></li> <li>Cochez <code>Published</code></li> <li>Choisir une date de publication</li> <li>Dans Exerpt, définissez un titre pour votre article</li> <li>Cliquez en dessous de Feature images et choisir une photo à associer à l'article</li> <li>Cliquez sur <code>Save</code></li></ul> <div class="tip custom-block"><p class="custom-block-title">Conseils pour la rédaction d'un article</p> <ul><li>Vérifier que chaque graphique possède un titre pertinent, une légende et des titres d'axes</li> <li>Chaque graphique présenté doit servir à appuyer le propos et être commenté</li> <li>La source des informations qui ne proviennent pas des données SECMAR doit être citée explicitement</li> <li>L'article doit raconter une histoire et comporter une conclusion</li> <li>Il est possible de citer d'autres articles en ajoutant un lien vers l'article mais sans copié-collé le contenu de l'article</li></ul></div> <h3 id="supprimer-un-article"><a href="#supprimer-un-article" aria-hidden="true" class="header-anchor">#</a> Supprimer un article</h3> <ul><li>Allez dans <code>Post</code></li> <li>Cochez l'article à supprimer</li> <li>Cliquez sur <code>Delete selected</code></li></ul> <p>Cependant, il est conseiller de dépublier un article en décochant la case <code>Published</code> plutôt que de le supprimer.</p> <h2 id="ecrire-du-contenu-dans-un-onglet-ou-sur-un-article"><a href="#ecrire-du-contenu-dans-un-onglet-ou-sur-un-article" aria-hidden="true" class="header-anchor">#</a> Écrire du contenu dans un onglet ou sur un article</h2> <p>Vous pouvez écrire du contenu directement dans les pages des onglets ou sur les articles. Il y a ensuite plusieurs manières de mettre en forme le contenu :</p> <ul><li>Utiliser la barre de menu de l'éditeur de texte
<img src="http://image.noelshack.com/fichiers/2018/45/4/1541699497-capture-d-ecran-2018-11-08-a-18-51-20.png" alt="Barre de menu de l'éditeur de texte des onglets"></li> <li>Cliquer sur <code></></code> dans la barre de menu de l'onglet pour écrire le contenu directement en HTML/CSS</li> <li>Écrire le contenu directement en Markdown ou HTML/CSS dans les articles</li></ul> <h3 id="ajouter-des-images-ou-des-liens"><a href="#ajouter-des-images-ou-des-liens" aria-hidden="true" class="header-anchor">#</a> Ajouter des images ou des liens</h3> <h4 id="avec-le-menu"><a href="#avec-le-menu" aria-hidden="true" class="header-anchor">#</a> Avec le menu</h4> <p>Vous pouvez ajouter des images ou des liens en cliquant sur les icônes correspondantes dans la barre de menu
<img src="http://image.noelshack.com/fichiers/2018/45/4/1541699497-capture-d-ecran-2018-11-08-a-18-51-20.png" alt></p> <h4 id="en-markdown"><a href="#en-markdown" aria-hidden="true" class="header-anchor">#</a> En Markdown</h4> <h5 id="faire-un-lien-vers-une-page-web"><a href="#faire-un-lien-vers-une-page-web" aria-hidden="true" class="header-anchor">#</a> Faire un lien vers une page web</h5> <p>Vous pouvez faire un lien vers une page web à l'aide de la syntaxe suivante :</p> <div class="language-markdown extra-class"><pre class="language-markdown"><code>Voici <span class="token url">[un lien vers une page](https://example.com/page)</span>.
</code></pre></div><h5 id="inclure-une-image"><a href="#inclure-une-image" aria-hidden="true" class="header-anchor">#</a> Inclure une image</h5> <p>Vous pouvez inclure une image déjà hébergée sur Internet à l'aide de la syntaxe suivante :</p> <div class="language-markdown extra-class"><pre class="language-markdown"><code><span class="token url"></span>.
</code></pre></div><p>Si votre image n'est pas encore sur Internet, vous pouvez utiliser un service proposant de mettre en ligne votre image et copier-coller l'adresse de votre image. Vous pouvez par exemple utiliser <a href="https://imgur.com/upload" target="_blank" rel="noopener noreferrer">imgur.com<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>.</p> <h3 id="ajouter-des-graphiques-redash"><a href="#ajouter-des-graphiques-redash" aria-hidden="true" class="header-anchor">#</a> Ajouter des graphiques Redash</h3> <p>Pour ajouter des graphiques Redash sur le site (dans les articles ou dans l'accidentalité en direct), vous avez besoin d'ajouter des iframes en HTML dans votre contenu. Pour cela :</p> <ul><li>Allez sur la requête Redash qui contient votre graphique</li> <li>Sélectionnez le graphique</li> <li>Cliquez sur <code>< > Embed</code></li> <li>Copiez ce qui s'affiche en rouge
<img src="http://image.noelshack.com/fichiers/2018/45/4/1541701765-capture-d-ecran-2018-11-08-a-19-28-54.png" alt="iframe"></li> <li>Collez directement dans les articles ou collez dans la page d'un onglet quand vous êtes en vue "code".</li></ul> <div class="tip custom-block"><p class="custom-block-title">Améliorer le visuel de l'iframe</p> <ul><li>Vous pouvez ajuster la largeur de votre iframe en modifiant la valeur du paramètre width="720" (un chiffre plus haut signifie un graphique plus large)</li> <li>Vous pouvez ajuster la hauteur de votre iframe en modifiant la valeur du paramètre height="530" un chiffre plus haut signifie un graphique plus haut)</li> <li>Ajoutez à la suite des autres le paramètre scrolling="no" permet d'avoir le graphique en entier sans défilement</li> <li>Ajoutez à la suite des autres le paramètre frameborder="0" permet de retirer la bordure noire extérieure</li></ul> <div class="language-html extra-class"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>iframe</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>https://redash.snosan.fr/embed/query/124/visualization/279?api_key=ZBP1RgyvtHgOcwkbiJyFDJx6PjSEoFLsqrwhxT3z<span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>500<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>600<span class="token punctuation">"</span></span> <span class="token attr-name">scrolling</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>no<span class="token punctuation">"</span></span> <span class="token attr-name">frameborder</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>iframe</span><span class="token punctuation">></span></span>
</code></pre></div></div></div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/snosan.html" class="prev">
Le SNOSAN
</a></span> <!----></p></div> </div> <!----></div></div>
<script src="/assets/js/4.7b387fda.js" defer></script><script src="/assets/js/14.a3f89f9d.js" defer></script><script src="/assets/js/app.723cabb4.js" defer></script>
</body>
</html>