| 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 | }); |