Skip to content

Instantly share code, notes, and snippets.

@sasrai
Created July 6, 2016 06:26
Show Gist options
  • Save sasrai/51dcecf84a854a0893c27bdd6129d2a0 to your computer and use it in GitHub Desktop.
Save sasrai/51dcecf84a854a0893c27bdd6129d2a0 to your computer and use it in GitHub Desktop.
Dynmap用のinactive.html作りなおしてみたった
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta content="width=device-width,user-scalable=no,maximum-scale=1" name="viewport" />
<title>Inactive dynmap</title>
<link href="https://cdn.rawgit.com/NKMR6194/Umi/v3.3.6-3/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<style type="text/css">
h1.title {
margin-top: 64pt;
color: #b3285a;
text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.7);
font-size: 48pt;
}
p.message {
margin-top: 32pt;
margin-bottom: 48pt;
}
img.logo {
opacity: 0.6;
}
button.back2dynmap {
padding-top: 24px;
padding-bottom: 24px;
}
</style>
<div class="container-fluid">
<img class="logo pull-right hidden-xs" src="dynmap.png" />
<h1 class="title col-sm-offset-1">
<strong>Inactive</strong>
</h1>
<p class="message col-sm-offset-1 col-sm-10 col-sm-offset-1">
一定時間更新されなかったため、Dynmapの更新を停止しています。<br />再度Dynmapへアクセスする場合は以下のボタン、もしくはブラウザの「戻る」から戻ってください。
</p>
<button class="btn btn-lg btn-block btn-success active back2dynmap">Back to Dynmap</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/purl/2.3.1/purl.min.js"></script>
<script src="https://cdn.rawgit.com/NKMR6194/Umi/v3.3.6-3/dist/js/bootstrap.min.js"></script>
<script>
function gotoDynmap(subpath, _baseurl) {
var baseurl = typeof _baseurl == "undefined" ? null : _baseurl;
var surl = purl();
var url = '';
if (baseurl != null) {
surl = purl(baseurl);
if (!surl.attr('protocol')) surl = purl('http://' + baseurl);
}
url = surl.attr('protocol') + '://' + surl.attr('host');
if (surl.attr('port') != 80 && surl.attr('port') != 443) url += ':' + surl.attr('port');
url += '/' + subpath;
location.assign(url);
}
function getSubpath() {
var params = purl().param();
if (params['src']) return params['src'];
if (params['s']) return params['s'];
if (params[Object.keys(params)[0]] == "") return Object.keys(params)[0];
return "";
}
$(function () {
$('.back2dynmap').on('click', function () {
gotoDynmap(getSubpath(), purl().param('server'));
});
});
</script>
</body>
</html>
@sasrai
Copy link
Author

sasrai commented Jul 6, 2016

サブディレクトリでdynmapをいっぱい動かしたい用にURLパラメータで転送先自由に設定できるようにしてみたった。
URLパラメータ無しの場合はサーバーのルートへGo。

ロゴ画像(dynmap.png)はおこのみでつけたりつけなかったりで。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment