99 lines
3.3 KiB
HTML
99 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>école de recherche graphique</title>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
|
|
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; user-scalable=no;"/>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<link rel="stylesheet" type="text/css" href="style.custom_map.css">
|
|
<style type="text/css">
|
|
#quit {
|
|
position:fixed;
|
|
top:15px;
|
|
right:15px;
|
|
visibility:visible;
|
|
}
|
|
@media (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1) {
|
|
script {
|
|
display:none !important;
|
|
}
|
|
#page {
|
|
display:none !important;
|
|
}
|
|
#wikiframediv {
|
|
right:0;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<link rel="icon" type="image/x-icon" href="/Favicon_V1.png">
|
|
</head>
|
|
<body>
|
|
<div id="vbody">
|
|
<div id="page">
|
|
<div id="handle"></div>
|
|
<svg id="svg"></svg>
|
|
<div id="cats">
|
|
<div class="body"></div>
|
|
<div class="placeholder"></div>
|
|
</div>
|
|
<div class="zoom-controls">
|
|
<div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
|
<a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a>
|
|
<a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">–</a>
|
|
</div>
|
|
</div>
|
|
<div id="specialclosediv">
|
|
<a id="specialclosebutton" href="#" title="Zoom in" role="button" aria-label="Zoom in">×</a>
|
|
</div>
|
|
<div id="specialselectdiv">
|
|
<select id="special">
|
|
<!--<option value="/m/special/recentnews">news</option>-->
|
|
<!--<option value="/m/special/ergtv/">erg tv !</option>-->
|
|
<option value="">Carte</option>
|
|
<option value="/m/special/recentfiles/">Nouveaux fichiers</option>
|
|
<option value="/m/special/recentchanges/">Modifications récentes</option>
|
|
<!--<option value="/m/special/jpo2021-live/">JPO 2021</option>-->
|
|
</select>
|
|
<a href="#" id="quit" class="button-style">fermer [x]</a>
|
|
</div>
|
|
<div id="specialiframediv"></div>
|
|
</div>
|
|
<div id="wikiframediv">
|
|
<iframe id="wikiframe" name="wikiframe" src="/mw"></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
var map = document.getElementById("page");
|
|
document.getElementById("quit").addEventListener("click", function() {
|
|
if(document.getElementById("quit").textContent === "fermer [x]") {
|
|
|
|
console.log("quit map");
|
|
document.getElementById("page").style.visibility = "hidden";
|
|
document.getElementById("wikiframediv").style.right = "0";
|
|
|
|
document.getElementById("quit").textContent = "🌐 carte";
|
|
document.getElementById("quit").style.setProperty('top', 'initial');
|
|
document.getElementById("quit").style.bottom = "15px";
|
|
}
|
|
else {
|
|
document.getElementById("page").style.visibility = "visible";
|
|
document.getElementById("wikiframediv").style.right = "60%";
|
|
|
|
document.getElementById("page").style.visibility = "visible";
|
|
document.getElementById("wikiframediv").style.right = "60%";
|
|
document.getElementById("quit").textContent = "fermer [x]";
|
|
document.getElementById("quit").style.setProperty('bottom', 'initial');
|
|
document.getElementById("quit").style.top = "15px";
|
|
}
|
|
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="dist/app.js"></script>
|
|
<script src="dist/index.js"></script>
|
|
</html>
|