add translate ability
This commit is contained in:
tykayn
parent
69e1b8ca7b
commit
cbd2a4a75b
|
|
@ -121,440 +121,440 @@
|
||||||
<div class="content-body">
|
<div class="content-body">
|
||||||
|
|
||||||
|
|
||||||
<header class="closed clearfix">
|
<header class="closed clearfix">
|
||||||
<h1>
|
<h1>
|
||||||
<a class="geolink" href="https://www.openstreetmap.org/">
|
<a class="geolink" href="https://www.openstreetmap.org/">
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="https://www.openstreetmap.org//assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg"
|
<source srcset="https://www.openstreetmap.org//assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg"
|
||||||
type="image/svg+xml">
|
type="image/svg+xml">
|
||||||
<img alt="Logo d’OpenStreetMap"
|
<img alt="Logo d’OpenStreetMap"
|
||||||
class="logo"
|
class="logo"
|
||||||
src="https://www.openstreetmap.org//assets/osm_logo-9391021d40a7acdafd2ac5d5622dfe0e469c61421fdb2975365c183f5edaa270.png"
|
src="https://www.openstreetmap.org//assets/osm_logo-9391021d40a7acdafd2ac5d5622dfe0e469c61421fdb2975365c183f5edaa270.png"
|
||||||
srcset="/assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg">
|
srcset="/assets/osm_logo-4afddaae0230a5a46687fdc751ed256dfdccde144118cb02a7d7960f207a4b92.svg">
|
||||||
</picture>
|
</picture>
|
||||||
OpenStreetMap
|
OpenStreetMap
|
||||||
</a>
|
</a>
|
||||||
</h1>
|
</h1>
|
||||||
<a href="#" id="menu-icon"></a>
|
<a href="#" id="menu-icon"></a>
|
||||||
<nav class="primary">
|
<nav class="primary">
|
||||||
|
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<div class="btn-group " id="edit_tab" title="Zoomez en avant pour modifier la carte">
|
<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"
|
<a class="btn btn-outline-primary geolink editlink" data-editor="remote" id="editanchor"
|
||||||
="https://www.openstreetmap.org/edit">Modifier</a>
|
="https://www.openstreetmap.org/edit">Modifier</a>
|
||||||
<button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split"
|
<button class="btn btn-outline-primary dropdown-toggle dropdown-toggle-split"
|
||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
type="button"></button>
|
type="button"></button>
|
||||||
<ul class="dropdown-menu">
|
<ul class="dropdown-menu">
|
||||||
<li>
|
<li>
|
||||||
<a class="geolink editlink dropdown-item" data-editor="id" ="
|
<a class="geolink editlink dropdown-item" data-editor="id" ="
|
||||||
https://www.openstreetmap.org/edit?editor=id">Modifier
|
https://www.openstreetmap.org/edit?editor=id">Modifier
|
||||||
avec iD (éditeur intégré au navigateur)</a>
|
avec iD (éditeur intégré au navigateur)</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="geolink editlink dropdown-item" data-editor="remote"
|
<a class="geolink editlink dropdown-item" data-editor="remote"
|
||||||
="https://www.openstreetmap.org/edit?editor=remote">Modifier avec Éditeur externe (JOSM,
|
="https://www.openstreetmap.org/edit?editor=remote">Modifier avec Éditeur externe
|
||||||
Potlatch,
|
(JOSM,
|
||||||
Merkaartor)</a>
|
Potlatch,
|
||||||
</li>
|
Merkaartor)</a>
|
||||||
</ul>
|
</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>
|
</div>
|
||||||
<a class="btn btn-outline-primary geolink flex-grow-1 current_page_class(history_path)"
|
</nav>
|
||||||
id="history_tab" ="https://www.openstreetmap.org/history">Historique</a>
|
<nav class="secondary">
|
||||||
<a class="btn btn-outline-primary geolink current_page_class(export_path)" id="export_tab"
|
<ul class="mx-1 px-0">
|
||||||
="https://www.openstreetmap.org/export">Exporter</a>
|
<li class="compact-hide nav-item ">
|
||||||
</div>
|
<a class="nav-link" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
||||||
</nav>
|
</li>
|
||||||
<nav class="secondary">
|
<li class="compact-hide nav-item ">
|
||||||
<ul class="mx-1 px-0">
|
<a class="nav-link" ="https://www.openstreetmap.org/diary">Journaux des utilisateurs</a>
|
||||||
<li class="compact-hide nav-item ">
|
</li>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
<li class="compact-hide nav-item ">
|
||||||
</li>
|
<a class="nav-link" ="https://www.openstreetmap.org/communities">Communautés</a>
|
||||||
<li class="compact-hide nav-item ">
|
</li>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/diary">Journaux des utilisateurs</a>
|
<li class="compact-hide nav-item current">
|
||||||
</li>
|
<a class="nav-link" ="https://www.openstreetmap.org/copyright">Droits d’auteur</a>
|
||||||
<li class="compact-hide nav-item ">
|
</li>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/communities">Communautés</a>
|
<li class="compact-hide nav-item ">
|
||||||
</li>
|
<a class="nav-link" ="https://www.openstreetmap.org/help">Aide</a>
|
||||||
<li class="compact-hide nav-item current">
|
</li>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/copyright">Droits d’auteur</a>
|
<li class="compact-hide nav-item ">
|
||||||
</li>
|
<a class="nav-link" ="https://www.openstreetmap.org/about">À propos</a>
|
||||||
<li class="compact-hide nav-item ">
|
</li>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/help">Aide</a>
|
<li class="dropdown nav-item" id="compact-secondary-nav">
|
||||||
</li>
|
<button class="dropdown-toggle nav-link btn" data-bs-toggle="dropdown" type="button">Plus
|
||||||
<li class="compact-hide nav-item ">
|
</button>
|
||||||
<a class="nav-link" ="https://www.openstreetmap.org/about">À propos</a>
|
<ul class="dropdown-menu">
|
||||||
</li>
|
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/traces">Traces
|
||||||
<li class="dropdown nav-item" id="compact-secondary-nav">
|
GPS</a>
|
||||||
<button class="dropdown-toggle nav-link btn" data-bs-toggle="dropdown" type="button">Plus
|
</li>
|
||||||
</button>
|
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/diary">Journaux
|
||||||
<ul class="dropdown-menu">
|
des
|
||||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/traces">Traces GPS</a>
|
utilisateurs</a></li>
|
||||||
</li>
|
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/communities">
|
||||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/diary">Journaux des
|
Communautés</a></li>
|
||||||
utilisateurs</a></li>
|
<li class="current"><a class="dropdown-item" ="https://www.openstreetmap.org/copyright">
|
||||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/communities">
|
Droits d’auteur</a></li>
|
||||||
Communautés</a></li>
|
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/help">Aide</a>
|
||||||
<li class="current"><a class="dropdown-item" ="https://www.openstreetmap.org/copyright">
|
</li>
|
||||||
Droits d’auteur</a></li>
|
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/about">À
|
||||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/help">Aide</a></li>
|
propos</a>
|
||||||
<li class=""><a class="dropdown-item" ="https://www.openstreetmap.org/about">À propos</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
<div class="d-inline-flex dropdown user-menu logged-in clearfix">
|
||||||
<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"
|
||||||
<button class="dropdown-toggle btn btn-outline-secondary px-2 py-1 flex-grow-1"
|
data-bs-toggle="dropdown"
|
||||||
data-bs-toggle="dropdown"
|
type="button">
|
||||||
type="button">
|
<img alt="" class="user_thumbnail_tiny rounded-1"
|
||||||
<img alt="" class="user_thumbnail_tiny rounded-1"
|
height="50"
|
||||||
height="50"
|
src="https://www.gravatar.com/avatar/c3b6c1aaf400b9240b9e361629f28b23.jpg?s=50&d=https%3A%2F%2Fwww.openstreetmap.org%2Fassets%2Favatar_large-54d681ddaf47c4181b05dbfae378dc0201b393bbad3ff0e68143c3d5f3880ace.png"
|
||||||
src="https://www.gravatar.com/avatar/c3b6c1aaf400b9240b9e361629f28b23.jpg?s=50&d=https%3A%2F%2Fwww.openstreetmap.org%2Fassets%2Favatar_large-54d681ddaf47c4181b05dbfae378dc0201b393bbad3ff0e68143c3d5f3880ace.png"
|
width="50">
|
||||||
width="50">
|
|
||||||
|
|
||||||
<span class="user-button">
|
<span class="user-button">
|
||||||
<span class="username">
|
<span class="username">
|
||||||
tykayn
|
tykayn
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu dropdown-menu-end">
|
<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/dashboard">Mon tableau de bord</a>
|
||||||
<a class="dropdown-item" ="https://www.openstreetmap.org/messages/inbox">
|
<a class="dropdown-item" ="https://www.openstreetmap.org/messages/inbox">
|
||||||
Mes messages
|
Mes messages
|
||||||
<span class="count-number">0</span>
|
<span class="count-number">0</span>
|
||||||
</a> <a class="dropdown-item" ="https://www.openstreetmap.org/user/tykayn">Mon profil</a>
|
</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/account/edit">Mes options</a>
|
||||||
<a class="dropdown-item" ="https://www.openstreetmap.org/preferences">Mes préférences</a>
|
<a class="dropdown-item" ="https://www.openstreetmap.org/preferences">Mes préférences</a>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
|
|
||||||
<a class="geolink dropdown-item" data-method="post" rel="nofollow"
|
<a class="geolink dropdown-item" data-method="post" rel="nofollow"
|
||||||
="https://www.openstreetmap.org/logout?referer=%2Fcopyright">Se déconnecter</a>
|
="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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="px-5 py-4 bg-dark">
|
</nav>
|
||||||
<h1 id="head" class="text-white fw-light">
|
</header>
|
||||||
<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 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>
|
||||||
</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>
|
</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
|
<div class="tabs-box">
|
||||||
Data Commons
|
<div class="tabs-heading">
|
||||||
(ODbL)
|
|
||||||
(ODbL) par la Fondation OpenStreetMap (OSMF).
|
|
||||||
Vous êtes autorisé à :
|
|
||||||
<ul class="allowances">
|
|
||||||
<li>
|
|
||||||
|
|
||||||
<!-- noun-cc-share-573489-->
|
<!-- tabs:-->
|
||||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-cc-share-573489.svg">
|
<span class="tab-choice active" data-activate-tab="#crediting-box">
|
||||||
Partager : copier, distribuer et utiliser la base de données
|
<!-- noun-contributions-4513764-->
|
||||||
</li>
|
<img alt="icon" class="custom-icon icon-noun" src="img/noun-contributions-4513764.svg">
|
||||||
<li>
|
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-->
|
<!-- noun-contributions-4513764-->
|
||||||
<img alt="icon" class="custom-icon icon-noun"
|
<img alt="icon" class="custom-icon icon-noun"
|
||||||
src="img/noun-contributions-4513764.svg">
|
src="img/noun-contributions-4513764.svg">
|
||||||
Attribution : vous devez créditer OpenStreetMap pour tout usage public ou
|
Créditer
|
||||||
travail
|
</h2>
|
||||||
dérivé de la base de données
|
|
||||||
|
|
||||||
</li>
|
Lorsque vous utilisez des données d’OpenStreetMap, vous devez effectuer les deux
|
||||||
<li>
|
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"
|
<img alt="icon" class="custom-icon icon-noun"
|
||||||
src="img/noun-refresh-1815798.svg">
|
src="img/noun-together-3266241.svg">
|
||||||
Partage sous les mêmes conditions : si vous faites un usage public de la base de
|
Contributeurs
|
||||||
données ou
|
</h2>
|
||||||
d’une version dérivée, les conditions de l’ODbL s’appliquent
|
|
||||||
|
|
||||||
</li>
|
Les données d’OpenStreetMap sont créées par des milliers de personnes. Ces
|
||||||
<li>
|
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-->
|
L’inclusion de données dans OpenStreetMap n’implique pas que les fournisseurs
|
||||||
<img alt="icon" class="custom-icon icon-noun"
|
d’origine
|
||||||
src="img/noun-open-padlock-5336638.svg">
|
du
|
||||||
Préserver l’ouverture : si vous redistribuez la base de données ou une version
|
contenu
|
||||||
dérivée
|
approuvent
|
||||||
avec des mesures de protection (comme des DRM), vous devez alors également
|
OpenStreetMap, ni qu’ils garantissent ou acceptent quelque responsabilité que ce
|
||||||
fournir une version
|
soit.
|
||||||
sans ces
|
|
||||||
mesures
|
</div>
|
||||||
de protection
|
<div class="forbidden-imports-box tab-item" id="forbidden-imports-box">
|
||||||
</li>
|
<h2 id="forbidden_imports">
|
||||||
</ul>
|
<!-- noun-import-1243585 -->
|
||||||
</li>
|
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
||||||
</ul>
|
Imports interdits
|
||||||
|
</h2>
|
||||||
|
|
||||||
</div>
|
Nous rappelons aux contributeurs d’OSM qu’ils ne doivent jamais ajouter de données
|
||||||
|
provenant de
|
||||||
|
sources
|
||||||
<div class="tabs-box">
|
protégées
|
||||||
<div class="tabs-heading">
|
par le droit d’auteur (copyright) ou des droits voisins (par ex. Google Maps ou des
|
||||||
|
cartes
|
||||||
<!-- tabs:-->
|
imprimées) sans
|
||||||
<span class="tab-choice active" data-activate-tab="#crediting-box">
|
autorisation explicite de la part des détenteurs de ces droits.
|
||||||
<!-- noun-contributions-4513764-->
|
|
||||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-contributions-4513764.svg">
|
Si vous pensez que des données protégées par des droits d’auteur ont été ajoutées de
|
||||||
Créditer
|
manière
|
||||||
</span>
|
inappropriée à
|
||||||
<span class="tab-choice" data-activate-tab="#contributors-box">
|
la
|
||||||
<!-- noun-together-3266241-->
|
base
|
||||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-together-3266241.svg">
|
de données OpenStreetMap :
|
||||||
Contributeurs
|
<a href="https://wiki.osmfoundation.org/wiki/Takedown_procedure">
|
||||||
</span>
|
→ Procédure de retrait (en anglais)
|
||||||
<span class="tab-choice" data-activate-tab="#forbidden-imports-box">
|
</a>
|
||||||
<!-- noun-import-1243585-->
|
<a href="https://dmca.openstreetmap.org/">
|
||||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-import-1243585.svg">
|
→ Page de signalement en ligne (en anglais)
|
||||||
Imports interdits
|
</a>
|
||||||
</span>
|
</div>
|
||||||
<span class="tab-choice" data-activate-tab="#brand-box">
|
<div class="brand-box tab-item" id="brand-box">
|
||||||
<!-- noun-thumb-5947085-->
|
<h2>
|
||||||
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
<!-- noun-thumb-5947085 -->
|
||||||
Marque OpenStreetMap®
|
<img alt="icon" class="custom-icon icon-noun" src="img/noun-thumb-5947085.svg">
|
||||||
</span>
|
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>
|
||||||
<div class="tabs-body">
|
<div class="clarification-box">
|
||||||
<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>
|
|
||||||
|
|
||||||
|
<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>
|
|
||||||
<div class="clarification-box">
|
|
||||||
|
|
||||||
<h2>
|
<div class="contact-box">
|
||||||
<!-- 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é
|
<h2>
|
||||||
spécifiques
|
Contact
|
||||||
d’utilisation
|
</h2>
|
||||||
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 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>
|
<!-- noun-warning-170417-->
|
||||||
Contact
|
<div class="warning-box">
|
||||||
</h2>
|
|
||||||
|
|
||||||
Pour toute question relative à l’interprétation de l’ODbL, veuillez consulter un avocat.
|
<h2>
|
||||||
Vous pouvez contacter le legal working group, groupe de travail légal de la fondation.
|
<img alt="icon" class="custom-icon icon-noun" src="img/noun-warning-170417.svg">
|
||||||
<a href="legal-questions@osmfoundation.org">
|
Avertissement
|
||||||
→ legal-questions@osmfoundation.org
|
</h2>
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- noun-warning-170417-->
|
Cette page n’est pas une licence et n’a aucune valeur légale. C’est un résumé de <a
|
||||||
<div class="warning-box">
|
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>
|
</article>
|
||||||
<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>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script src="script.js"></script>
|
<script src="script.js" type="application/javascript"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,105 @@
|
||||||
let tab_choices = document.querySelectorAll('.tab-choice')
|
const translations = {
|
||||||
let tabs_content = document.querySelectorAll('.tab-item')
|
'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)
|
window.addEventListener('load', (event) => {
|
||||||
tab_choices.forEach(element => {
|
// console.log("La page est complètement chargée");
|
||||||
element.addEventListener('click', (event) => {
|
let tab_choices = document.querySelectorAll('.tab-choice')
|
||||||
console.log('clicked', event)
|
let tabs_content = document.querySelectorAll('.tab-item')
|
||||||
let attribut = element.getAttribute('data-activate-tab')
|
|
||||||
console.log('tab_choices', tab_choices)
|
/**
|
||||||
tabs_content.forEach(element => {
|
* choix de tab, onglets
|
||||||
element.classList.remove('active')
|
*/
|
||||||
|
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()
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -70,3 +70,8 @@ select {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wip{
|
||||||
|
border: dotted 2px #00e7eb;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue