2020-03-31 14:56:59 +00:00
<!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 -->
2020-03-31 21:12:50 +00:00
< link href = "https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel = "stylesheet" >
2020-03-31 14:56:59 +00:00
< link rel = "stylesheet" href = "css/normalize.css" >
< link rel = "stylesheet" href = "css/main.css" >
2020-03-31 21:12:50 +00:00
< link rel = "stylesheet" href = "css/circle.css" >
< link rel = "stylesheet" href = "css/roles.css" >
2020-03-31 14:56:59 +00:00
< 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]-->
2020-04-01 15:46:45 +00:00
< div class = "square" id = "townsquare" v-bind:class = "{ public: isPublic }" >
2020-04-01 10:34:02 +00:00
< ul class = "circle size-12" >
2020-03-31 14:56:59 +00:00
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token spy" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token baron" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token chef" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
2020-04-01 10:34:02 +00:00
< div class = "player dead" >
2020-03-31 21:12:50 +00:00
< div class = "token empath" > < / div >
2020-04-01 15:46:45 +00:00
< div class = "name" > Tot< / div >
2020-03-31 14:56:59 +00:00
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token imp" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
2020-04-01 15:46:45 +00:00
< div class = "player traveller" >
2020-03-31 21:12:50 +00:00
< div class = "token mayor" > < / div >
2020-04-01 15:46:45 +00:00
< div class = "name" > Traveller< / div >
2020-03-31 14:56:59 +00:00
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
2020-04-01 15:46:45 +00:00
< div class = "player traveller dead" >
2020-03-31 21:12:50 +00:00
< div class = "token recluse" > < / div >
2020-04-01 15:46:45 +00:00
< div class = "name" > Toter Traveller< / div >
2020-03-31 14:56:59 +00:00
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token butler" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
2020-04-01 15:46:45 +00:00
< div class = "player dead no-vote" >
2020-03-31 21:12:50 +00:00
< div class = "token virgin" > < / div >
2020-04-01 15:46:45 +00:00
< div class = "name" > Keine Stimme< / div >
2020-03-31 14:56:59 +00:00
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token ravenkeeper" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder fortuneteller" > Red Herring< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token washerwoman" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder drunk" > Drunk< / div >
2020-03-31 14:56:59 +00:00
< / li >
< li >
< div class = "player" >
2020-03-31 21:12:50 +00:00
< div class = "token undertaker" > < / div >
2020-03-31 14:56:59 +00:00
< div class = "name" > Steffen< / div >
< / div >
2020-03-31 21:12:50 +00:00
< div class = "reminder imp" > Dies< / div >
2020-03-31 14:56:59 +00:00
< / li >
< / ul >
2020-04-01 15:46:45 +00:00
< div class = "controls" >
< button v-on:click = "togglePublic" > Toggle< / button >
< / div >
2020-03-31 14:56:59 +00:00
< / div >
2020-04-01 15:46:45 +00:00
< script src = "//cdn.jsdelivr.net/npm/vue/dist/vue.js" > < / script >
< script src = "js/main.js" > < / script >
2020-03-31 14:56:59 +00:00
< / body >
< / html >
