40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<title>BinBin</title>
|
|
<link rel="icon" href="favicon.ico?v=2">
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css?family=Saira+Condensed:300,400" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></script>
|
|
<script src="https://use.fontawesome.com/c8d5486cd8.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
</body>
|
|
<script>
|
|
var prefix = (screen.width <= 699) ? "mobile" : "desktop";
|
|
var scripts = {
|
|
"desktop": ["visualizer", "desktop"],
|
|
"mobile": ["mobile"]
|
|
};
|
|
var l = document.createElement("link");
|
|
l.rel = "stylesheet";
|
|
l.href = "./"+prefix+"/"+prefix+".css";
|
|
document.getElementsByTagName("head")[0].appendChild(l);
|
|
$.ajax({
|
|
type:"GET",
|
|
url:window.location.origin + "/"+prefix+"/"+prefix+".html",
|
|
success: function(d){
|
|
document.getElementsByTagName("body")[0].outerHTML = d;
|
|
for(var i = 0; i < scripts[prefix].length; i++) {
|
|
var s = document.createElement("script");
|
|
s.src = "./"+prefix+"/"+scripts[prefix][i]+".js";
|
|
document.getElementsByTagName("html")[0].appendChild(s);
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</html>
|