65 lines
2.4 KiB
HTML
Executable File
65 lines
2.4 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/jquery.min.js"></script>
|
|
<script src="js/bwc.js"></script>
|
|
<script src="js/uikit.min.js"></script>
|
|
<script src="js/uikit-icons.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
|
|
<div class="uk-vertical-align uk-text-center">
|
|
<h1 class="uk-heading-line">
|
|
<span><img src="img/bwc.png" style="width:450px;" class="" /></span>
|
|
</h1>
|
|
<div class="uk-flex uk-flex-center">
|
|
<ul class="uk-subnav uk-subnav-pill uk-subnav-divider">
|
|
<li class="uk-active uk-first-column">
|
|
<a id="toggle_draw" href="#">Draw</a></li>
|
|
<li>
|
|
<a id="toggle_play" href="#">
|
|
<span class="uk-badge uk-badge-notification" style="padding: 2px 5px;">0</span>
|
|
|
|
Play
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="uk-grid" uk-grid>
|
|
<div id="draw_mode" class="uk-width-7-10 uk-row-first">
|
|
<div class="card-template uk-panel uk-height-1-1">
|
|
<h1>Draw Mode</h1>
|
|
</div>
|
|
</div>
|
|
<div id="play_mode" class="uk-width-7-10 uk-row-first">
|
|
<h1>Play Mode</h1>
|
|
</div>
|
|
<div class="uk-width-3-10">
|
|
<div class="uk-panel uk-panel-box uk-panel-box-secondary" style="padding-right:0px;">
|
|
<h3 class='uk-panel-title'><img style="height:2em;" src="/img/chat.png"/></h3>
|
|
<ul id="chatbox" class="uk-container uk-text-left uk-height-large" style="overflow-y:scroll;">
|
|
</ul>
|
|
<div class="uk-form-row uk-width-1-1">
|
|
<label class="uk-form-label">You are:</label>
|
|
<input class="uk-margin-left uk-form-blank uk-form-width-small uk-text-primary" id="username" value="unnamed">
|
|
</div>
|
|
<form class="uk-form uk-container uk-width-1-1" style="font-size:12px;">
|
|
<div class="uk-form-row uk-width-1-1">
|
|
<textarea id="message" class="uk-textarea uk-margin-small-right uk-width-7-10" type="text" placeholder=""></textarea>
|
|
<a type="submit" onClick="fire()" class="uk-margin uk-icon-button uk-icon-commenting-o uk-width-2-10"></a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|