Initial commit
This commit is contained in:
Ben
171
index.html
Normal file
171
index.html
Normal file
@@ -0,0 +1,171 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang='fr'>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<title>Où est mon bus ?</title>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'>
|
||||
<meta name='description' content=
|
||||
'Carte interactive basée sur OpenStreetMap des stations de bus de Rennes Métropole, avec affichage des horaires et des bus en temps réel.'>
|
||||
<meta name='keywords' content='Rennes, Open Data, Horaire, Bus, Métro, Horaires, Temps Réel, OpenStreepMap, Star, Keolis'>
|
||||
<meta name='author' content='Benoît Meunier et Karin Meunier'>
|
||||
<meta name='publisher' content='Benoît Meunier'>
|
||||
<meta name='copyright' content='Copyright 2015-2023 Benoît Meunier et Karin Meunier'>
|
||||
<link rel='apple-touch-icon' sizes='57x57' href='./apple-touch-icon-57x57.png'>
|
||||
<link rel='apple-touch-icon' sizes='60x60' href='./apple-touch-icon-60x60.png'>
|
||||
<link rel='apple-touch-icon' sizes='72x72' href='./apple-touch-icon-72x72.png'>
|
||||
<link rel='apple-touch-icon' sizes='76x76' href='./apple-touch-icon-76x76.png'>
|
||||
<link rel='apple-touch-icon' sizes='114x114' href='./apple-touch-icon-114x114.png'>
|
||||
<link rel='apple-touch-icon' sizes='120x120' href='./apple-touch-icon-120x120.png'>
|
||||
<link rel='apple-touch-icon' sizes='144x144' href='./apple-touch-icon-144x144.png'>
|
||||
<link rel='apple-touch-icon' sizes='152x152' href='./apple-touch-icon-152x152.png'>
|
||||
<link rel='apple-touch-icon' sizes='180x180' href='./apple-touch-icon-180x180.png'>
|
||||
<link rel='icon' type='image/png' href='./favicon-32x32.png' sizes='32x32'>
|
||||
<link rel='icon' type='image/png' href='./android-chrome-192x192.png' sizes='192x192'>
|
||||
<link rel='icon' type='image/png' href='./favicon-96x96.png' sizes='96x96'>
|
||||
<link rel='icon' type='image/png' href='./favicon-16x16.png' sizes='16x16'>
|
||||
<meta name='msapplication-TileColor' content='#da532c'>
|
||||
<meta name='msapplication-TileImage' content='./mstile-144x144.png'>
|
||||
<meta name='theme-color' content='#ffffff'>
|
||||
<link id='appcss' rel='stylesheet' href='./ouestmonbus.css'>
|
||||
<link rel='stylesheet' href='./css/metro.min.css'>
|
||||
<link rel='stylesheet' href='./css/metro-schemes.min.css'>
|
||||
<link rel='stylesheet' href='./css/metro-rtl.min.css'>
|
||||
<link rel='stylesheet' href='./css/metro-responsive.min.css'>
|
||||
<link rel='stylesheet' href='./css/metro-icons.min.css'>
|
||||
<link rel='stylesheet' href='./css/MarkerCluster.Default.css'>
|
||||
<link rel='stylesheet' href='./css/MarkerCluster.css'>
|
||||
<link rel='stylesheet' href='./css/leaflet.photon.css'>
|
||||
<link rel='stylesheet' href='./css/leaflet.css'>
|
||||
</head>
|
||||
<body>
|
||||
<div class='app-bar fixed-top darcula' data-role='appbar'>
|
||||
<ul class='app-bar-menu'>
|
||||
<li>
|
||||
<a href='javascript:void(0)' id='ouestmonbus_btn' class='bg-hover-green bg-emerald fg-white' data-hint-color=
|
||||
"fg-white" data-hint-background="bg-green" data-role="hint" data-hint="Nouveautés|de l'application"
|
||||
data-hint-mode="2"><img height="72" width="72" style="height: 3.125rem; width:3.125rem; display: inline-block;" src='./android-chrome-72x72.png' alt=
|
||||
'logo'></a>
|
||||
</li>
|
||||
<li class="bar_button">
|
||||
<a data-hint="Géolocalisation|positionnement automatique" data-hint-mode="2" data-hint-color="fg-white"
|
||||
data-hint-background="bg-cobalt" data-role="hint" class="bg-cobalt bg-hover-cyan" href='javascript:void(0)' id=
|
||||
'localise_btn'><span class='mif-location'></span></a>
|
||||
</li>
|
||||
<li class="bar_button">
|
||||
<a data-hint="Rechercher|un lieu sur la carte" data-hint-mode="2" data-hint-color="fg-white"
|
||||
data-hint-background="bg-orange" data-role="hint" class="bg-orange bg-hover-amber" href='javascript:void(0)'
|
||||
id='address_btn'><span class='mif-search'></span></a>
|
||||
</li>
|
||||
<li class="bar_button">
|
||||
<a data-hint="Infos trafic|chargement en cours" data-hint-mode="2" data-hint-color="fg-white"
|
||||
data-hint-background="bg-red" data-role="hint" class="bg-red bg-hover-lightRed" href='javascript:void(0)' id=
|
||||
'perturbations_btn'><span class='mif-info'></span></a>
|
||||
</li>
|
||||
<li class="bar_button">
|
||||
<a data-hint="Options|et paramétrage" data-hint-mode="2" data-hint-color="fg-white" data-hint-background=
|
||||
"bg-steel" data-role="hint" class="bg-steel bg-hover-lime" href='javascript:void(0)' id=
|
||||
'config_btn'><span class='mif-cogs'></span></a>
|
||||
</li>
|
||||
<li class="bar_button">
|
||||
<a data-hint="Aide|et informations" data-hint-mode="2" data-hint-color="fg-white" data-hint-background=
|
||||
"bg-yellow" data-role="hint" class="bg-yellow bg-hover-lime" href='javascript:void(0)' id=
|
||||
'about_btn'><span class='mif-question'></span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id='map' class='map-container'></div>
|
||||
<div id='progressbar'></div>
|
||||
<div class='app-container'>
|
||||
<div data-role='dialog' data-color='fg-white' data-background='bg-gray' data-close-button='true' id='about_dlg'
|
||||
class='padding10 dialogontop'>
|
||||
<div class='panel'>
|
||||
<div class='heading'>
|
||||
<span class='title'>A quoi ça sert ?</span>
|
||||
</div>
|
||||
<div style='padding: 0.5rem 0.5rem 0.5rem 0.5rem;' class='content' id='text_usage'></div>
|
||||
</div>
|
||||
<div class='marginup10 panel'>
|
||||
<div class='heading'>
|
||||
<span class='title'>Qui développe ce service ?</span>
|
||||
</div>
|
||||
<div style='padding: 0.5rem 0.5rem 0.5rem 0.5rem;' class='content' id='text_who_develop'></div>
|
||||
</div>
|
||||
<div class='marginup10 align-right'><span id='version'></span></div>
|
||||
</div>
|
||||
<div data-role='dialog' id='ouestmonbus_news_dlg' data-width="23rem" data-background='bg-gray' data-color=
|
||||
'fg-white' class='padding10 dialogontop' data-close-button='yes'>
|
||||
<div class='panel'>
|
||||
<div class='heading'>
|
||||
<span class='title'>Nouveautés</span>
|
||||
</div>
|
||||
<div style='padding: 0.5rem 0.5rem 0.5rem 0.5rem;' class='content' id='app_news'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role='dialog' data-windows-style='true' id='localisation_failed_dlg' data-background='bg-gray'
|
||||
data-color='fg-white' class='padding10 dialogontop' data-close-button='yes'>
|
||||
<div class='padding10'>
|
||||
<b>Impossible de vous localiser</b><br>
|
||||
<br>
|
||||
Votre appareil ou votre navigateur n'est pas configuré pour vous permettre d'être localisé.<br>
|
||||
Utilisez la saisie d'un lieu au clavier.
|
||||
</div><button id='localisation_failed_dlg_close' class='button place-right'>OK</button>
|
||||
</div>
|
||||
<div data-role='dialog' data-windows-style='true' id='localisation_nothere_dlg' data-background='bg-gray'
|
||||
data-color='fg-white' class='padding10 dialogontop' data-close-button='yes'>
|
||||
<div class='padding10'>
|
||||
<b>Impossible de vous localiser</b><br>
|
||||
<br>
|
||||
Votre appareil ou votre navigateur indique que vous n'êtes pas dans Rennes Métropole.<br>
|
||||
Utilisez la saisie d'un lieu au clavier.
|
||||
</div><button id='localisation_nothere_dlg_close' class='button place-right'>OK</button>
|
||||
</div>
|
||||
<div data-role='dialog' data-windows-style='true' id='api_time_failure_dlg' data-background='bg-red' data-color=
|
||||
'fg-white' class='padding10 dialogontop' data-close-button='yes'>
|
||||
<b>Problème technique: l'heure remontée par le service OpenData Keolis indique un décalage de plus de 30
|
||||
minutes.<br>
|
||||
Les données ne sont plus en temps réel.</b>
|
||||
</div>
|
||||
<div data-role='dialog' id='trafic_dlg' data-width="23rem" data-color='fg-black' data-background='bg-gray'
|
||||
data-close-button='true' class='padding10 dialogontop'>
|
||||
<div id='trafic_dlg_content' class='bg-white' style='overflow-y:scroll;'></div>
|
||||
</div>
|
||||
<div data-role='dialog' id='config_dlg' data-width="23rem" data-color='fg-black' data-background='bg-gray' class=
|
||||
'padding10 dialogontop'>
|
||||
<div class='padding10 bg-white'>
|
||||
<div class="panel">
|
||||
<div class='heading'>
|
||||
<span class='title'>Planifier un trajet</span>
|
||||
</div>
|
||||
<div class="bg-white" style="line-height: 1.5em;">
|
||||
<br>
|
||||
<span>Afficher toutes les stations</span> <label class="switch place-right"><input id=
|
||||
"all_stations_checkbox" type="checkbox"> <span class="check place-right"></span></label><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='marginup10'>
|
||||
<button id='config_valid_btn' class="button place-right">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src='./js/loglevel.min.js'></script>
|
||||
<script src='./js/jquery.min.js'></script>
|
||||
<script src='./js/metro.min.js'></script>
|
||||
<script src='./js/leaflet.min.js'></script>
|
||||
<script src='./js/leaflet.geometryutil.js'></script>
|
||||
<script src='./js/leaflet.markercluster.min.js'></script>
|
||||
<script src='./js/Leaflet.MovingMarker.js'></script>
|
||||
<script src='./js/leaflet.photon.js'></script>
|
||||
<script src='./js/moment.min.js'></script>
|
||||
<script src='./js/underscore.min.js'></script>
|
||||
<script src='./js/mobile-detect.min.js'></script>
|
||||
<script src='./js/progressbar.min.js'></script>
|
||||
<script src='./js/marked.min.js'></script>
|
||||
<script id='appscript' src='./ouestmonbus.js?%VERSION%'></script>
|
||||
<script>
|
||||
|
||||
var app = new OuestmonbusApp();
|
||||
app.init();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user