60 lines
2.1 KiB
HTML
Executable File
60 lines
2.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html dir="ltr" class="uk-height-1-1 uk-notouch" lang="en-us">
|
|
<head>
|
|
<title>Blank White Cards</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="css/uikit.min.css" />
|
|
<link rel="stylesheet" href="css/uikit.docs.min.css" />
|
|
<link rel="stylesheet" href="css/bwc.css" />
|
|
<script src="js/uikit.min.js"></script>
|
|
<script src="js/uikit-icons.min.js"></script>
|
|
</head>
|
|
|
|
<body class="uk-height-1-1">
|
|
<div class="uk-vertical-align uk-text-center">
|
|
<h1 class="uk-heading-line">
|
|
<img src="img/bwc.png" style="max-width:70vw" />
|
|
</h1>
|
|
|
|
<div class="uk-vertical-align-middle" style="">
|
|
<img src="img/logo.png" style="height:300px;margin-bottom:5em;"/>
|
|
<form class="uk-panel uk-form-horizontal" method="get" action="/game">
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label"><img class="" src="img/username.png"/></label>
|
|
<div class="uk-form-controls">
|
|
<input class="uk-form-large uk-input" style="border-style:dashed !important;" type="text" id="username" name="username" placeholder="">
|
|
</div>
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<input type="submit" class="uk-button uk-button-primary uk-button-large" value="Join the game"/>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function parseQuery(queryString) {
|
|
var query = {};
|
|
var pairs = (queryString[0] === '?' ? queryString.substr(1) : queryString).split('&');
|
|
for (var i = 0; i < pairs.length; i++) {
|
|
var pair = pairs[i].split('=');
|
|
query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
|
|
}
|
|
return query;
|
|
}
|
|
var qs = window.location.href.replace(window.location.origin,"").replace(window.location.pathname,"");
|
|
|
|
var parsed = parseQuery(qs.replace(/^\?/,""));
|
|
if(parsed.error == "username"){
|
|
UIkit.notification({
|
|
message: "That username is already taken. Try another.",
|
|
status: 'danger',
|
|
pos: 'top-center',
|
|
timeout: 3000
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|