mirror of https://github.com/bra1n/townsquare.git
124 lines
3.6 KiB
HTML
124 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Blood on the Clocktower Town Square</title>
|
|
<meta name="description" content="Virtual Blood on the Clocktower Town Square">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- <link rel="manifest" href="site.webmanifest">-->
|
|
<!-- <link rel="apple-touch-icon" href="icon.png">-->
|
|
<!-- Place favicon.ico in the root directory -->
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<link rel="stylesheet" href="css/circle.css">
|
|
<link rel="stylesheet" href="css/roles.css">
|
|
|
|
<meta name="theme-color" content="#000000">
|
|
</head>
|
|
|
|
<body>
|
|
<!--[if IE]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
|
|
<![endif]-->
|
|
|
|
<div class="square" id="townsquare" v-bind:class="{ public: isPublic }">
|
|
<ul class="circle size-12">
|
|
<li>
|
|
<div class="player">
|
|
<div class="token spy"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token baron"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token chef"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player dead">
|
|
<div class="token empath"></div>
|
|
<div class="name">Tot</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token imp"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player traveller">
|
|
<div class="token mayor"></div>
|
|
<div class="name">Traveller</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player traveller dead">
|
|
<div class="token recluse"></div>
|
|
<div class="name">Toter Traveller</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token butler"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player dead no-vote">
|
|
<div class="token virgin"></div>
|
|
<div class="name">Keine Stimme</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token ravenkeeper"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder fortuneteller">Red Herring</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token washerwoman"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder drunk">Drunk</div>
|
|
</li>
|
|
<li>
|
|
<div class="player">
|
|
<div class="token undertaker"></div>
|
|
<div class="name">Steffen</div>
|
|
</div>
|
|
<div class="reminder imp">Dies</div>
|
|
</li>
|
|
</ul>
|
|
<div class="controls">
|
|
<button v-on:click="togglePublic">Toggle</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|