add translate ability
This commit is contained in:
parent
69e1b8ca7b
commit
cbd2a4a75b
|
|
@ -121,440 +121,440 @@
|
|||
<div class="content-body">
|
||||
|
||||
|
||||
<header class="closed clearfix">
|
||||
<h1>
|
||||
<a class="geolink" href="https://www.openstreetmap.org/">
|
||||
<picture>
|
||||
<source srcset="https://www.openstreetmap.org//assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg"
|
||||
type="image/svg+xml">
|
||||
<img alt="Logo d’OpenStreetMap"
|
||||
class="logo"
|
||||
src="https://www.openstreetmap.org//assets/osm_logo-9391021d40a7acdafd2ac5d5622dfe0e469c61421fdb2975365c183f5edaa270.png"
|
||||
srcset="/assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg">
|
||||
</picture>
|
||||
OpenStreetMap
|
||||
</a>
|
||||
</h1>
|
||||
<a href="#" id="menu-icon"></a>
|
||||
<nav class="primary">
|
||||
<header class="closed clearfix">
|
||||
<h1>
|
||||
<a class="geolink" href="https://www.openstreetmap.org/">
|
||||
<picture>
|
||||
<source srcset="https://www.openstreetmap.org//assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg"
|
||||
type="image/svg+xml">
|
||||
<img alt="Logo d’OpenStreetMap"
|
||||
class="logo"
|
||||
src="https://www.openstreetmap.org//assets/osm_logo-9391021d40a7acdafd2ac5d5622dfe0e469c61421fdb2975365c183f5edaa270.png"
|
||||
srcset="/assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg">
|
||||
</picture>
|
||||
OpenStreetMap
|
||||
</a>
|
||||
</h1>
|
||||
<a href="#" id="menu-icon"></a>
|
||||
<nav class="primary">
|
||||
|
||||
<div class="btn-group">
|
||||
<div class="btn-group " id="edit_tab" title="Zoomez en avant pour modifier la carte">
|
||||
<a class="btn btn-outline-primary geolink editlink" data-editor="remote" id="editanchor"
|
||||
="https://www.openstreetmap.org/edit">Modifier</a>
|
||||
<button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split"
|
||||
data-bs-toggle="dropdown"
|
||||
type="button"></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="geolink editlink dropdown-item" data-editor="id" ="
|
||||
https://www.openstreetmap.org/edit?editor=id">Modifier
|
||||
avec iD (éditeur intégré au navigateur)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="geolink editlink dropdown-item" data-editor="remote"
|
||||
="https://www.openstreetmap.org/edit?editor=remote">Modifier avec Éditeur externe (JOSM,
|
||||
Potlatch,
|
||||
Merkaartor)</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn-group">
|
||||
<div class="btn-group " id="edit_tab" title="Zoomez en avant pour modifier la carte">
|
||||
<a class="btn btn-outline-primary geolink editlink" data-editor="remote" id="editanchor"
|
||||
="https://www.openstreetmap.org/edit">Modifier</a>
|
||||
<button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split"
|
||||
data-bs-toggle="dropdown"
|
||||
type="button"></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="geolink editlink dropdown-item" data-editor="id" ="
|
||||
https://www.openstreetmap.org/edit?editor=id">Modifier
|
||||
avec iD (éditeur intégré au navigateur)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="geolink editlink dropdown-item" data-editor="remote"
|
||||
="https://www.openstreetmap.org/edit?editor=remote">Modifier avec Éditeur externe
|
||||
(JOSM,
|
||||
Potlatch,
|
||||
Merkaartor)</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a class="btn btn-outline-primary geolink flex-grow-1 current_page_class(history_path)"
|
||||
id="history_tab" ="https://www.openstreetmap.org/history">Historique</a>
|
||||
<a class="btn btn-outline-primary geolink current_page_class(export_path)" id="export_tab"
|
||||
="https://www.openstreetmap.org/export">Exporter</a>
|
||||
</div>
|
||||
<a class="btn btn-outline-primary geolink flex-grow-1 current_page_class(history_path)"
|
||||
id="history_tab" ="https://www.openstreetmap.org/history">Historique</a>
|
||||
<a class="btn btn-outline-primary geolink current_page_class(export_path)" id="export_tab"
|
||||
="https://www.openstreetmap.org/export">Exporter</a>
|
||||
</div>
|
||||
</nav>
|
||||
<nav class="secondary">
|
||||
<ul class="mx-1 px-0">
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/diary">Journaux des utilisateurs</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/communities">Communautés</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item current">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/copyright">Droits d’auteur</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/help">Aide</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/about">À propos</a>
|
||||
</li>
|
||||
<li class="dropdown nav-item" id="compact-secondary-nav">
|
||||
<button class="dropdown-toggle nav-link btn" data-bs-toggle="dropdown" type="button">Plus
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
||||
</li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/diary">Journaux des
|
||||
utilisateurs</a></li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/communities">
|
||||
Communautés</a></li>
|
||||
<li class="current"><a class="dropdown-item" ="https://www.openstreetmap.org/copyright">
|
||||
Droits d’auteur</a></li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/help">Aide</a></li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/about">À propos</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="d-inline-flex dropdown user-menu logged-in clearfix">
|
||||
<button class="dropdown-toggle btn btn-outline-secondary px-2 py-1 flex-grow-1"
|
||||
data-bs-toggle="dropdown"
|
||||
type="button">
|
||||
<img alt="" class="user_thumbnail_tiny rounded-1"
|
||||
height="50"
|
||||
src="https://www.gravatar.com/avatar/c3b6c1aaf400b9240b9e361629f28b23.jpg?s=50&d=https%3A%2F%2Fwww.openstreetmap.org%2Fassets%2Favatar_large-54d681ddaf47c4181b05dbfae378dc0201b393bbad3ff0e68143c3d5f3880ace.png"
|
||||
width="50">
|
||||
</nav>
|
||||
<nav class="secondary">
|
||||
<ul class="mx-1 px-0">
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/diary">Journaux des utilisateurs</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/communities">Communautés</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item current">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/copyright">Droits d’auteur</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/help">Aide</a>
|
||||
</li>
|
||||
<li class="compact-hide nav-item ">
|
||||
<a class="nav-link" ="https://www.openstreetmap.org/about">À propos</a>
|
||||
</li>
|
||||
<li class="dropdown nav-item" id="compact-secondary-nav">
|
||||
<button class="dropdown-toggle nav-link btn" data-bs-toggle="dropdown" type="button">Plus
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/traces">Traces
|
||||
GPS</a>
|
||||
</li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/diary">Journaux
|
||||
des
|
||||
utilisateurs</a></li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/communities">
|
||||
Communautés</a></li>
|
||||
<li class="current"><a class="dropdown-item" ="https://www.openstreetmap.org/copyright">
|
||||
Droits d’auteur</a></li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/help">Aide</a>
|
||||
</li>
|
||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/about">À
|
||||
propos</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="d-inline-flex dropdown user-menu logged-in clearfix">
|
||||
<button class="dropdown-toggle btn btn-outline-secondary px-2 py-1 flex-grow-1"
|
||||
data-bs-toggle="dropdown"
|
||||
type="button">
|
||||
<img alt="" class="user_thumbnail_tiny rounded-1"
|
||||
height="50"
|
||||
src="https://www.gravatar.com/avatar/c3b6c1aaf400b9240b9e361629f28b23.jpg?s=50&d=https%3A%2F%2Fwww.openstreetmap.org%2Fassets%2Favatar_large-54d681ddaf47c4181b05dbfae378dc0201b393bbad3ff0e68143c3d5f3880ace.png"
|
||||
width="50">
|
||||
|
||||
<span class="user-button">
|
||||
<span class="user-button">
|
||||
<span class="username">
|
||||
tykayn
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/dashboard">Mon tableau de bord</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/messages/inbox">
|
||||
Mes messages
|
||||
<span class="count-number">0</span>
|
||||
</a> <a class="dropdown-item" ="https://www.openstreetmap.org/user/tykayn">Mon profil</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/account/edit">Mes options</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/preferences">Mes préférences</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/dashboard">Mon tableau de bord</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/messages/inbox">
|
||||
Mes messages
|
||||
<span class="count-number">0</span>
|
||||
</a> <a class="dropdown-item" ="https://www.openstreetmap.org/user/tykayn">Mon profil</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/account/edit">Mes options</a>
|
||||
<a class="dropdown-item" ="https://www.openstreetmap.org/preferences">Mes préférences</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
|
||||
<a class="geolink dropdown-item" data-method="post" rel="nofollow"
|
||||
="https://www.openstreetmap.org/logout?referer=%2Fcopyright">Se déconnecter</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div id="content_inner">
|
||||
<div class="content-inner">
|
||||
|
||||
<div dir="ltr" lang="fr">
|
||||
<div class="container-lg attr">
|
||||
<div class="row">
|
||||
<div class="col-sm-7 user-image"></div>
|
||||
<div class="col-sm-5 px-5 py-3 byosm">
|
||||
<p class="h5 text-white text-nowrap">
|
||||
<span>©</span>contributeurs<br> d’OpenStreetMap
|
||||
</p>
|
||||
</div>
|
||||
<a class="geolink dropdown-item" data-method="post" rel="nofollow"
|
||||
="https://www.openstreetmap.org/logout?referer=%2Fcopyright">Se déconnecter</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="px-5 py-4 bg-dark">
|
||||
<h1 id="head" class="text-white fw-light">
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-heart-5454846.svg">
|
||||
<span class="user-name">OpenStreetMap</span> la base de données cartographique ouverte, collaborative et mondiale
|
||||
</h1>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div id="content_inner">
|
||||
<div class="content-inner">
|
||||
|
||||
<div dir="ltr" lang="fr">
|
||||
<div class="container-lg attr">
|
||||
<div class="row">
|
||||
<div class="col-sm-7 user-image"></div>
|
||||
<div class="col-sm-5 px-5 py-3 byosm">
|
||||
<p class="h5 text-white text-nowrap">
|
||||
<span>©</span>contributeurs<br> d’OpenStreetMap
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="px-5 py-4 bg-dark">
|
||||
<h1 id="head" class="text-white fw-light">
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-heart-5454846.svg">
|
||||
<span class="user-name">OpenStreetMap</span> la base de données cartographique
|
||||
ouverte, collaborative et mondiale
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<article>
|
||||
<article>
|
||||
|
||||
<div class="heading-box">
|
||||
<div class="heading-box">
|
||||
|
||||
|
||||
<p>
|
||||
<div class="lang-selector">
|
||||
<!-- TODO -->
|
||||
This page is also available in
|
||||
<select class="btn" id="lang" name="lang">
|
||||
<option value="EN_en">English</option>
|
||||
<option value="FR_fr">Français</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
<div class="essai-translate wip" data-translate="main"></div>
|
||||
<ul class="allowances">
|
||||
<li>
|
||||
|
||||
<!-- noun-cc-share-573489-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-cc-share-573489.svg">
|
||||
Partager : copier, distribuer et utiliser la base de données
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<!-- noun-build-3136692-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-build-3136692.svg">
|
||||
Créer : produire des cartes (ou n’importe quoi d’autre !) à partir de la base de
|
||||
données
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<!-- noun-layer-1159947-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-layer-1159947.svg">
|
||||
Adapter : modifier, transformer et construire avec la base de données
|
||||
Et tout cela, pour un usage
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-artist-4516845.svg">
|
||||
<!-- noun-artist-4516845-->
|
||||
personnel tout autant que
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-dollar-1324742.svg">
|
||||
<!-- noun-dollar-1324742-->
|
||||
commercial
|
||||
Selon les conditions suivantes :
|
||||
<ul class="conditions">
|
||||
<li>
|
||||
|
||||
<!-- noun-contributions-4513764-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-contributions-4513764.svg">
|
||||
Attribution : vous devez créditer OpenStreetMap pour tout usage public ou
|
||||
travail
|
||||
dérivé de la base de données
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<!-- noun-refresh-1815798-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-refresh-1815798.svg">
|
||||
Partage sous les mêmes conditions : si vous faites un usage public de la
|
||||
base de
|
||||
données ou
|
||||
d’une version dérivée, les conditions de l’ODbL s’appliquent
|
||||
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<!-- noun-open-padlock-5336638-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-open-padlock-5336638.svg">
|
||||
Préserver l’ouverture : si vous redistribuez la base de données ou une
|
||||
version
|
||||
dérivée
|
||||
avec des mesures de protection (comme des DRM), vous devez alors également
|
||||
fournir une version
|
||||
sans ces
|
||||
mesures
|
||||
de protection
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- <h1 id="head">-->
|
||||
<!-- <img alt="icon" class="custom-icon icon-noun" src="img/noun-heart-5454846.svg">-->
|
||||
<!-- noun-heart-5454846-->
|
||||
<!-- OpenStreetMap : la base de données cartographique ouverte, collaborative et mondiale-->
|
||||
<!-- </h1>-->
|
||||
|
||||
<p>
|
||||
<div class="lang-selector">
|
||||
<!-- TODO -->
|
||||
This page is also available in
|
||||
<select class="btn" id="lang" name="lang">
|
||||
<option value="EN_en">English</option>
|
||||
<option value="FR_fr">Français</option>
|
||||
</select>
|
||||
</div>
|
||||
</p>
|
||||
Chacun est libre de contribuer et d’utiliser les données à condition de protéger et de
|
||||
contribuer à faire
|
||||
grandir
|
||||
OpenStreetMap.
|
||||
|
||||
Ceci est un résumé expliquant simplement (et en aucun cas un substitut à) la licence ODbL (en
|
||||
anglais).
|
||||
|
||||
OpenStreetMap® est disponible en données libres, sous licence de base de données ouverte Open
|
||||
Data Commons
|
||||
(ODbL)
|
||||
(ODbL) par la Fondation OpenStreetMap (OSMF).
|
||||
Vous êtes autorisé à :
|
||||
<ul class="allowances">
|
||||
<li>
|
||||
<div class="tabs-box">
|
||||
<div class="tabs-heading">
|
||||
|
||||
<!-- noun-cc-share-573489-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-cc-share-573489.svg">
|
||||
Partager : copier, distribuer et utiliser la base de données
|
||||
</li>
|
||||
<li>
|
||||
<!-- tabs:-->
|
||||
<span class="tab-choice active" data-activate-tab="#crediting-box">
|
||||
<!-- noun-contributions-4513764-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-contributions-4513764.svg">
|
||||
Créditer
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#contributors-box">
|
||||
<!-- noun-together-3266241-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-together-3266241.svg">
|
||||
Contributeurs
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#forbidden-imports-box">
|
||||
<!-- noun-import-1243585-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
||||
Imports interdits
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#brand-box">
|
||||
<!-- noun-thumb-5947085-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
||||
Marque OpenStreetMap®
|
||||
</span>
|
||||
|
||||
<!-- noun-build-3136692-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-build-3136692.svg">
|
||||
Créer : produire des cartes (ou n’importe quoi d’autre !) à partir de la base de données
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<!-- noun-layer-1159947-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-layer-1159947.svg">
|
||||
Adapter : modifier, transformer et construire avec la base de données
|
||||
Et tout cela, pour un usage
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-artist-4516845.svg">
|
||||
<!-- noun-artist-4516845-->
|
||||
personnel tout autant que
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-dollar-1324742.svg">
|
||||
<!-- noun-dollar-1324742-->
|
||||
commercial
|
||||
Selon les conditions suivantes :
|
||||
<ul class="conditions">
|
||||
<li>
|
||||
|
||||
</div>
|
||||
<div class="tabs-body">
|
||||
<div class="crediting-box tab-item active" id="crediting-box">
|
||||
<h2 id="crediting">
|
||||
<!-- noun-contributions-4513764-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-contributions-4513764.svg">
|
||||
Attribution : vous devez créditer OpenStreetMap pour tout usage public ou
|
||||
travail
|
||||
dérivé de la base de données
|
||||
Créditer
|
||||
</h2>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
Lorsque vous utilisez des données d’OpenStreetMap, vous devez effectuer les deux
|
||||
choses
|
||||
suivantes :
|
||||
|
||||
Donnez crédit à OpenStreetMap en affichant notre avis des droits d’auteur.
|
||||
Indiquez clairement que les données sont disponibles sous la Licence Open Database.
|
||||
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Licence/Attribution_Guidelines/fr">
|
||||
→ Voir tous les usages
|
||||
</a>
|
||||
<!-- NB : au lieu de renvoyer vers une page externe, ça mériterait de développer un outil qui couvre la majorité des cas-->
|
||||
<!-- d’usage, du type Choose a License-->
|
||||
|
||||
</div>
|
||||
<div class="contributors-box tab-item" id="contributors-box">
|
||||
|
||||
<h2 id="contributors">
|
||||
<!-- noun-together-3266241 -->
|
||||
|
||||
<!-- noun-refresh-1815798-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-refresh-1815798.svg">
|
||||
Partage sous les mêmes conditions : si vous faites un usage public de la base de
|
||||
données ou
|
||||
d’une version dérivée, les conditions de l’ODbL s’appliquent
|
||||
src="img/noun-together-3266241.svg">
|
||||
Contributeurs
|
||||
</h2>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
Les données d’OpenStreetMap sont créées par des milliers de personnes. Ces
|
||||
contributeurs
|
||||
peuvent
|
||||
être
|
||||
bénévoles
|
||||
ou
|
||||
professionnels.
|
||||
Nous incluons également des données publiées sous licence ouverte par des agences
|
||||
nationales de
|
||||
cartographie
|
||||
et
|
||||
d’autres sources de données ouvertes.
|
||||
<a href="https://wiki.openstreetmap.org/wiki/Contributors">
|
||||
→ Voir tous les contributeurs
|
||||
</a>
|
||||
<!-- (en anglais ; sur le wiki d’OpenStreetMap)-->
|
||||
|
||||
<!-- noun-open-padlock-5336638-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-open-padlock-5336638.svg">
|
||||
Préserver l’ouverture : si vous redistribuez la base de données ou une version
|
||||
dérivée
|
||||
avec des mesures de protection (comme des DRM), vous devez alors également
|
||||
fournir une version
|
||||
sans ces
|
||||
mesures
|
||||
de protection
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tabs-box">
|
||||
<div class="tabs-heading">
|
||||
|
||||
<!-- tabs:-->
|
||||
<span class="tab-choice active" data-activate-tab="#crediting-box">
|
||||
<!-- noun-contributions-4513764-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-contributions-4513764.svg">
|
||||
Créditer
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#contributors-box">
|
||||
<!-- noun-together-3266241-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-together-3266241.svg">
|
||||
Contributeurs
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#forbidden-imports-box">
|
||||
<!-- noun-import-1243585-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
||||
Imports interdits
|
||||
</span>
|
||||
<span class="tab-choice" data-activate-tab="#brand-box">
|
||||
<!-- noun-thumb-5947085-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
||||
Marque OpenStreetMap®
|
||||
</span>
|
||||
L’inclusion de données dans OpenStreetMap n’implique pas que les fournisseurs
|
||||
d’origine
|
||||
du
|
||||
contenu
|
||||
approuvent
|
||||
OpenStreetMap, ni qu’ils garantissent ou acceptent quelque responsabilité que ce
|
||||
soit.
|
||||
|
||||
</div>
|
||||
<div class="forbidden-imports-box tab-item" id="forbidden-imports-box">
|
||||
<h2 id="forbidden_imports">
|
||||
<!-- noun-import-1243585 -->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
||||
Imports interdits
|
||||
</h2>
|
||||
|
||||
Nous rappelons aux contributeurs d’OSM qu’ils ne doivent jamais ajouter de données
|
||||
provenant de
|
||||
sources
|
||||
protégées
|
||||
par le droit d’auteur (copyright) ou des droits voisins (par ex. Google Maps ou des
|
||||
cartes
|
||||
imprimées) sans
|
||||
autorisation explicite de la part des détenteurs de ces droits.
|
||||
|
||||
Si vous pensez que des données protégées par des droits d’auteur ont été ajoutées de
|
||||
manière
|
||||
inappropriée à
|
||||
la
|
||||
base
|
||||
de données OpenStreetMap :
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Takedown_procedure">
|
||||
→ Procédure de retrait (en anglais)
|
||||
</a>
|
||||
<a href="https://dmca.openstreetmap.org/">
|
||||
→ Page de signalement en ligne (en anglais)
|
||||
</a>
|
||||
</div>
|
||||
<div class="brand-box tab-item" id="brand-box">
|
||||
<h2>
|
||||
<!-- noun-thumb-5947085 -->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
||||
Marque OpenStreetMap®
|
||||
</h2>
|
||||
|
||||
Les termes OpenStreetMap et State of the Map ainsi que le logo en forme de loupe
|
||||
sont
|
||||
des
|
||||
marques déposées
|
||||
de la
|
||||
Fondation OpenStreetMap.
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Trademark_Policy">
|
||||
|
||||
→ Politique relative aux marques (en anglais)
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-body">
|
||||
<div class="crediting-box tab-item active" id="crediting-box">
|
||||
<h2 id="crediting">
|
||||
<!-- noun-contributions-4513764-->
|
||||
<img alt="icon" class="custom-icon icon-noun"
|
||||
src="img/noun-contributions-4513764.svg">
|
||||
Créditer
|
||||
</h2>
|
||||
|
||||
Lorsque vous utilisez des données d’OpenStreetMap, vous devez effectuer les deux choses
|
||||
suivantes :
|
||||
|
||||
Donnez crédit à OpenStreetMap en affichant notre avis des droits d’auteur.
|
||||
Indiquez clairement que les données sont disponibles sous la Licence Open Database.
|
||||
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Licence/Attribution_Guidelines/fr">
|
||||
→ Voir tous les usages
|
||||
</a>
|
||||
<!-- NB : au lieu de renvoyer vers une page externe, ça mériterait de développer un outil qui couvre la majorité des cas-->
|
||||
<!-- d’usage, du type Choose a License-->
|
||||
|
||||
</div>
|
||||
<div class="contributors-box tab-item" id="contributors-box">
|
||||
|
||||
<h2 id="contributors">
|
||||
<!-- noun-together-3266241 -->
|
||||
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-together-3266241.svg">
|
||||
Contributeurs
|
||||
</h2>
|
||||
|
||||
Les données d’OpenStreetMap sont créées par des milliers de personnes. Ces contributeurs
|
||||
peuvent
|
||||
être
|
||||
bénévoles
|
||||
ou
|
||||
professionnels.
|
||||
Nous incluons également des données publiées sous licence ouverte par des agences
|
||||
nationales de
|
||||
cartographie
|
||||
et
|
||||
d’autres sources de données ouvertes.
|
||||
<a href="https://wiki.openstreetmap.org/wiki/Contributors">
|
||||
→ Voir tous les contributeurs
|
||||
</a>
|
||||
<!-- (en anglais ; sur le wiki d’OpenStreetMap)-->
|
||||
|
||||
L’inclusion de données dans OpenStreetMap n’implique pas que les fournisseurs d’origine
|
||||
du
|
||||
contenu
|
||||
approuvent
|
||||
OpenStreetMap, ni qu’ils garantissent ou acceptent quelque responsabilité que ce soit.
|
||||
|
||||
</div>
|
||||
<div class="forbidden-imports-box tab-item" id="forbidden-imports-box">
|
||||
<h2 id="forbidden_imports">
|
||||
<!-- noun-import-1243585 -->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
||||
Imports interdits
|
||||
</h2>
|
||||
|
||||
Nous rappelons aux contributeurs d’OSM qu’ils ne doivent jamais ajouter de données
|
||||
provenant de
|
||||
sources
|
||||
protégées
|
||||
par le droit d’auteur (copyright) ou des droits voisins (par ex. Google Maps ou des
|
||||
cartes
|
||||
imprimées) sans
|
||||
autorisation explicite de la part des détenteurs de ces droits.
|
||||
|
||||
Si vous pensez que des données protégées par des droits d’auteur ont été ajoutées de
|
||||
manière
|
||||
inappropriée à
|
||||
la
|
||||
base
|
||||
de données OpenStreetMap :
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Takedown_procedure">
|
||||
→ Procédure de retrait (en anglais)
|
||||
</a>
|
||||
<a href="https://dmca.openstreetmap.org/">
|
||||
→ Page de signalement en ligne (en anglais)
|
||||
</a>
|
||||
</div>
|
||||
<div class="brand-box tab-item" id="brand-box">
|
||||
<h2>
|
||||
<!-- noun-thumb-5947085 -->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
||||
Marque OpenStreetMap®
|
||||
</h2>
|
||||
|
||||
Les termes OpenStreetMap et State of the Map ainsi que le logo en forme de loupe sont
|
||||
des
|
||||
marques déposées
|
||||
de la
|
||||
Fondation OpenStreetMap.
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Trademark_Policy">
|
||||
|
||||
→ Politique relative aux marques (en anglais)
|
||||
</a>
|
||||
</div>
|
||||
<div class="clarification-box">
|
||||
|
||||
<h2>
|
||||
<!-- noun-guideline-5892826-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-guideline-5892826.svg">
|
||||
Clarifications d’utilisation
|
||||
</h2>
|
||||
|
||||
La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité
|
||||
spécifiques
|
||||
d’utilisation
|
||||
des
|
||||
données : création d’une carte web ou imprimée, utilisation des données via une API,
|
||||
combinaison
|
||||
avec des
|
||||
bases
|
||||
des données tierces …
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Licence/Community_Guidelines/fr">
|
||||
→ Directives générales
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clarification-box">
|
||||
|
||||
<h2>
|
||||
<!-- noun-guideline-5892826-->
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-guideline-5892826.svg">
|
||||
Clarifications d’utilisation
|
||||
</h2>
|
||||
<div class="contact-box">
|
||||
|
||||
La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité
|
||||
spécifiques
|
||||
d’utilisation
|
||||
des
|
||||
données : création d’une carte web ou imprimée, utilisation des données via une API,
|
||||
combinaison
|
||||
avec des
|
||||
bases
|
||||
des données tierces …
|
||||
<a href="https://wiki.osmfoundation.org/wiki/Licence/Community_Guidelines/fr">
|
||||
→ Directives générales
|
||||
</a>
|
||||
</div>
|
||||
<h2>
|
||||
Contact
|
||||
</h2>
|
||||
|
||||
<div class="contact-box">
|
||||
Pour toute question relative à l’interprétation de l’ODbL, veuillez consulter un avocat.
|
||||
Vous pouvez contacter le legal working group, groupe de travail légal de la fondation.
|
||||
<a href="legal-questions@osmfoundation.org">
|
||||
→ legal-questions@osmfoundation.org
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
Contact
|
||||
</h2>
|
||||
<!-- noun-warning-170417-->
|
||||
<div class="warning-box">
|
||||
|
||||
Pour toute question relative à l’interprétation de l’ODbL, veuillez consulter un avocat.
|
||||
Vous pouvez contacter le legal working group, groupe de travail légal de la fondation.
|
||||
<a href="legal-questions@osmfoundation.org">
|
||||
→ legal-questions@osmfoundation.org
|
||||
</a>
|
||||
</div>
|
||||
<h2>
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-warning-170417.svg">
|
||||
Avertissement
|
||||
</h2>
|
||||
|
||||
<!-- noun-warning-170417-->
|
||||
<div class="warning-box">
|
||||
Cette page n’est pas une licence et n’a aucune valeur légale. C’est un résumé de <a
|
||||
href="https://opendatacommons.org/licenses/odbl/1-0/">
|
||||
l’ODbL 1.0
|
||||
</a>; une explication
|
||||
simplifiée du texte juridique complet. La licence ODbL n’existe qu’en anglais. Toute
|
||||
traduction
|
||||
de l’ODbL ne
|
||||
pourrait avoir une quelconque valeur légale. Veuillez vous référer à la licence
|
||||
<a href="https://opendatacommons.org/licenses/odbl/1-0/">
|
||||
ODbL 1.0
|
||||
</a>: seuls ses termes
|
||||
exacts
|
||||
ont une valeur légale.
|
||||
</div>
|
||||
|
||||
<h2>
|
||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-warning-170417.svg">
|
||||
Avertissement
|
||||
</h2>
|
||||
|
||||
Cette page n’est pas une licence et n’a aucune valeur légale. C’est un résumé de <a
|
||||
href="https://opendatacommons.org/licenses/odbl/1-0/">
|
||||
l’ODbL 1.0
|
||||
</a>; une explication
|
||||
simplifiée du texte juridique complet. La licence ODbL n’existe qu’en anglais. Toute traduction
|
||||
de l’ODbL ne
|
||||
pourrait avoir une quelconque valeur légale. Veuillez vous référer à la licence
|
||||
<a href="https://opendatacommons.org/licenses/odbl/1-0/">
|
||||
ODbL 1.0
|
||||
</a>: seuls ses termes
|
||||
exacts
|
||||
ont une valeur légale.
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="script.js"></script>
|
||||
<script src="script.js" type="application/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,105 @@
|
|||
let tab_choices = document.querySelectorAll('.tab-choice')
|
||||
let tabs_content = document.querySelectorAll('.tab-item')
|
||||
const translations = {
|
||||
'FR_fr': {
|
||||
'head': 'la base de données cartographique ouverte, collaborative et mondiale',
|
||||
'main': '\n' +
|
||||
' Chacun est libre de contribuer et d’utiliser les données à condition de protéger et de\n' +
|
||||
' contribuer à faire\n' +
|
||||
' grandir\n' +
|
||||
' OpenStreetMap.\n' +
|
||||
'\n' +
|
||||
' Ceci est un résumé expliquant simplement (et en aucun cas un substitut à) la licence ODbL (en\n' +
|
||||
' anglais).\n' +
|
||||
'\n' +
|
||||
' OpenStreetMap® est disponible en données libres, sous licence de base de données ouverte Open\n' +
|
||||
' Data Commons\n' +
|
||||
' (ODbL)\n' +
|
||||
' (ODbL) par la Fondation OpenStreetMap (OSMF).\n' +
|
||||
' Vous êtes autorisé à :\n' +
|
||||
' '
|
||||
},
|
||||
'EN_en': {
|
||||
'head': 'the open, collaborative, global cartographic database',
|
||||
'main': '\n' +
|
||||
' Everyone is free to contribute and use the data, provided that they protect and\n' +
|
||||
' contribute to the\n' +
|
||||
' grow\n' +
|
||||
' OpenStreetMap.\n' +
|
||||
'\n' +
|
||||
' This is a summary explaining simply (and in no way a substitute for) the ODbL license.\n' +
|
||||
' license.)\n' +
|
||||
'\n' +
|
||||
' OpenStreetMap® is available as free data, under the Open\n' +
|
||||
' Data Commons\n' +
|
||||
' (ODbL) open database license\n' +
|
||||
' (ODbL) by the OpenStreetMap Foundation (OSMF).\n' +
|
||||
' You are authorized to :'
|
||||
}
|
||||
}
|
||||
let defaultLang = 'FR_fr'
|
||||
// let defaultLang = 'EN_en'
|
||||
|
||||
console.log('tab_choices', tab_choices)
|
||||
tab_choices.forEach(element => {
|
||||
element.addEventListener('click', (event) => {
|
||||
console.log('clicked', event)
|
||||
let attribut = element.getAttribute('data-activate-tab')
|
||||
console.log('tab_choices', tab_choices)
|
||||
tabs_content.forEach(element => {
|
||||
element.classList.remove('active')
|
||||
window.addEventListener('load', (event) => {
|
||||
// console.log("La page est complètement chargée");
|
||||
let tab_choices = document.querySelectorAll('.tab-choice')
|
||||
let tabs_content = document.querySelectorAll('.tab-item')
|
||||
|
||||
/**
|
||||
* choix de tab, onglets
|
||||
*/
|
||||
tab_choices.forEach(element => {
|
||||
element.addEventListener('click', (event) => {
|
||||
console.log('clicked', event)
|
||||
let attribut = element.getAttribute('data-activate-tab')
|
||||
console.log('tab_choices', tab_choices)
|
||||
tabs_content.forEach(element => {
|
||||
element.classList.remove('active')
|
||||
})
|
||||
tab_choices.forEach(element => {
|
||||
element.classList.remove('active')
|
||||
})
|
||||
element.classList.add('active')
|
||||
document.querySelector(attribut).classList.add('active')
|
||||
})
|
||||
tab_choices.forEach(element => {
|
||||
element.classList.remove('active')
|
||||
})
|
||||
element.classList.add('active')
|
||||
document.querySelector(attribut).classList.add('active')
|
||||
})
|
||||
})
|
||||
|
||||
/**
|
||||
changement de langue
|
||||
*/
|
||||
let langSelector = document.querySelectorAll('#lang')
|
||||
console.log('langSelector', langSelector)
|
||||
langSelector[0].addEventListener('click', (event) => {
|
||||
console.log('event', event)
|
||||
currentLang = document.querySelector('#lang').value
|
||||
console.log('currentLang', currentLang)
|
||||
applyTranslation()
|
||||
|
||||
})
|
||||
|
||||
let currentLang = defaultLang
|
||||
let elementsToTranslate = []
|
||||
|
||||
let applyTranslation = () => {
|
||||
elementsToTranslate.forEach((elem) => {
|
||||
|
||||
let dataKey = elem.getAttribute('data-translate')
|
||||
let foundString = searchContentInJsonForCurrentLang(dataKey)
|
||||
if (foundString) {
|
||||
console.log('elem', elem)
|
||||
elem.innerHTML = (foundString)
|
||||
}
|
||||
})
|
||||
}
|
||||
let searchContentInJsonForCurrentLang = (key) => {
|
||||
console.log('translations[currentLang]', currentLang, translations[currentLang])
|
||||
return translations[currentLang][key]
|
||||
}
|
||||
let detectAllTranslatedParts = () => {
|
||||
elementsToTranslate = document.querySelectorAll('[data-translate]')
|
||||
console.log('elementsToTranslate', elementsToTranslate)
|
||||
}
|
||||
|
||||
detectAllTranslatedParts()
|
||||
applyTranslation()
|
||||
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -69,4 +69,9 @@ select {
|
|||
border-left: solid 3px #ccc;
|
||||
padding-left: 1em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.wip{
|
||||
border: dotted 2px #00e7eb;
|
||||
padding: 1em;
|
||||
}
|
||||
Loading…
Reference in New Issue