Files
map/index.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="custom_delo.css">A
<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">&ndash;</a>
</div>
</div>
<div id="specialclosediv">
<a id="specialclosebutton" href="#" title="Zoom in" role="button" aria-label="Zoom in">&times;</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>