On the road to problems to complete website :)
[vchess.git] / views / variant.pug
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="display='rules'")
12 | #{variant} Rules
13 my-rules(v-show="display=='rules'")
14 .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
15 h4.rulesTitle.text-center(v-on:click="display='game'")
16 | #{variant} Game
17 my-game(v-show="display=='game'")
18 .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
19 h4.rulesTitle.text-center(v-on:click="display='problems'")
20 | #{variant} Problems
21 my-game(v-show="display=='problems'")
22
23 block javascripts
24 script(src="/javascripts/utils/misc.js")
25 script(src="/javascripts/utils/socket_url.js")
26 script(src="/javascripts/utils/array.js")
27 script(src="/javascripts/utils/md5.js")
28 script(src="/javascripts/base_rules.js")
29 script(src="/javascripts/variants/" + variant + ".js")
30 script.
31 const VariantRules = #{variant}Rules;
32 const V = VariantRules; //because this variable is often used
33 const variant = "#{variant}";
34 script(src="/javascripts/components/rules.js")
35 script(src="/javascripts/components/game.js")
36 script(src="/javascripts/components/problems.js")