Commit | Line | Data |
---|---|---|
1d184b4c BA |
1 | extends layout |
2 | ||
3 | block css | |
4 | link(rel="stylesheet", href="//fonts.googleapis.com/icon?family=Material+Icons") | |
5 | link(rel="stylesheet", href="/stylesheets/variant.css") | |
6 | ||
7 | block content | |
8 | .container#variantPage | |
9 | .row | |
10 | .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 | |
11 | h4.rulesTitle.text-center(v-on:click="displayRules=!displayRules") #{variant} Rules | |
12 | my-rules(v-show="displayRules") | |
13 | .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 | |
14 | my-game | |
15 | ||
16 | block javascripts | |
17 | script(src="/javascripts/utils/socket_url.js") | |
18 | script(src="/javascripts/utils/array.js") | |
19 | script(src="/javascripts/base_rules.js") | |
20 | script(src="/javascripts/variants/" + variant + ".js") | |
21 | script. | |
22 | const VariantRules = #{variant}Rules; | |
23 | const variant = "#{variant}"; | |
24 | script(src="/javascripts/components/rules.js") | |
25 | script(src="/javascripts/components/game.js") | |
26 | script. | |
27 | new Vue({ | |
28 | el: "#variantPage", | |
29 | data: { displayRules: false }, | |
30 | }); |