add translate ability

This commit is contained in:
tykayn 2023-08-28 23:36:26 +02:00
parent 69e1b8ca7b
commit cbd2a4a75b
3 changed files with 494 additions and 403 deletions

View File

@ -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 dOpenStreetMap" <img alt="Logo dOpenStreetMap"
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 dauteur</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 dauteur</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 dauteur</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 dauteur</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&amp;d=https%3A%2F%2Fwww.openstreetmap.org%2Fassets%2Favatar_large-54d681ddaf47c4181b05dbfae378dc0201b393bbad3ff0e68143c3d5f3880ace.png"
src="https://www.gravatar.com/avatar/c3b6c1aaf400b9240b9e361629f28b23.jpg?s=50&amp;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> dOpenStreetMap
</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> dOpenStreetMap
</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 nimporte quoi dautre !) à 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
dune version dérivée, les conditions de lODbL sappliquent
</li>
<li>
<!-- noun-open-padlock-5336638-->
<img alt="icon" class="custom-icon icon-noun"
src="img/noun-open-padlock-5336638.svg">
Préserver louverture : 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 dutiliser 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 nimporte quoi dautre !) à 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 dOpenStreetMap, vous devez effectuer les deux
<li> choses
suivantes :
Donnez crédit à OpenStreetMap en affichant notre avis des droits dauteur.
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-->
<!-- dusage, 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>
dune version dérivée, les conditions de lODbL sappliquent
</li> Les données dOpenStreetMap 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
dautres sources de données ouvertes.
<a href="https://wiki.openstreetmap.org/wiki/Contributors">
→ Voir tous les contributeurs
</a>
<!-- (en anglais ; sur le wiki dOpenStreetMap)-->
<!-- noun-open-padlock-5336638--> Linclusion de données dans OpenStreetMap nimplique pas que les fournisseurs
<img alt="icon" class="custom-icon icon-noun" dorigine
src="img/noun-open-padlock-5336638.svg"> du
Préserver louverture : 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 quils 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 dOSM quils ne doivent jamais ajouter de données
provenant de
sources
<div class="tabs-box"> protégées
<div class="tabs-heading"> par le droit dauteur (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 dauteur 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 dOpenStreetMap, vous devez effectuer les deux choses
suivantes :
Donnez crédit à OpenStreetMap en affichant notre avis des droits dauteur.
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-->
<!-- dusage, 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 dOpenStreetMap 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
dautres sources de données ouvertes.
<a href="https://wiki.openstreetmap.org/wiki/Contributors">
→ Voir tous les contributeurs
</a>
<!-- (en anglais ; sur le wiki dOpenStreetMap)-->
Linclusion de données dans OpenStreetMap nimplique pas que les fournisseurs dorigine
du
contenu
approuvent
OpenStreetMap, ni quils 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 dOSM quils ne doivent jamais ajouter de données
provenant de
sources
protégées
par le droit dauteur (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 dauteur 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 dutilisation
</h2>
La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité
spécifiques
dutilisation
des
données : création dune 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 dutilisation
</h2>
La fondation OpenStreetMap détaille ses directives pour les nombreuses possibilité <h2>
spécifiques Contact
dutilisation </h2>
des
données : création dune 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 à linterprétation de lODbL, 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 à linterprétation de lODbL, 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 nest pas une licence et na aucune valeur légale. Cest un résumé de <a
<div class="warning-box"> href="https://opendatacommons.org/licenses/odbl/1-0/">
lODbL 1.0
</a>; une explication
simplifiée du texte juridique complet. La licence ODbL nexiste quen anglais. Toute
traduction
de lODbL 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 nest pas une licence et na aucune valeur légale. Cest un résumé de <a
href="https://opendatacommons.org/licenses/odbl/1-0/">
lODbL 1.0
</a>; une explication
simplifiée du texte juridique complet. La licence ODbL nexiste quen anglais. Toute traduction
de lODbL 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>

View File

@ -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 dutiliser 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()
})

View File

@ -69,4 +69,9 @@ select {
border-left: solid 3px #ccc; border-left: solid 3px #ccc;
padding-left: 1em; padding-left: 1em;
padding-top: 1em; padding-top: 1em;
}
.wip{
border: dotted 2px #00e7eb;
padding: 1em;
} }