X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=views%2Fvariant.pug;h=9400ba585b42ab6b99c8bad8a917be3df174fd8a;hb=a5d5668613d9a3d04c9a4f8b69122d02b7322137;hp=a3b846f77d1ea7f5b9b805c22f831ff37e68c442;hpb=d449ae46d69980f18c96dbd5a87135d257dcb19d;p=vchess.git diff --git a/views/variant.pug b/views/variant.pug index a3b846f7..9400ba58 100644 --- a/views/variant.pug +++ b/views/variant.pug @@ -12,32 +12,26 @@ block content input#drawer-control.drawer(type="checkbox") #menuBar label.drawer-close(for="drawer-control") - a#homeLink.conditional-jump(href="/") + a#homeLink(href="/") i.material-icons home .info-container - a.conditional-jump(href="#rules" @click="setDisplay('rules')") + a(href="#rules" @click="setDisplay('rules')") | Rules - a.conditional-jump(href="#play" @click="setDisplay('game')") + a(href="#play" @click="setDisplay('play')") | Play! - a.conditional-jump(href="#problems" @click="setDisplay('problems')") + a(href="#problems" @click="setDisplay('problems')") | Problems - #flagMenu.conditional-jump( + #flagMenu.clickable( onClick="document.getElementById('modalLang').checked=true") img(src="/images/flags/" + lang + ".svg") - #helpMenu.conditional-jump( + #helpMenu.clickable( onClick="document.getElementById('modalHelp').checked=true") .info-container p Help .row - .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2( - v-show="display=='rules'") - my-rules - .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2( - v-show="display=='game'") - my-game(v-bind:problem="problem") - .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2( - v-show="display=='problems'") - my-problems(v-on:show-problem="showProblem($event)") + my-rules(v-show="display=='rules'") + my-game(v-show="display=='play'" v-bind:problem="problem") + my-problems(v-show="display=='problems'" v-on:show-problem="showProblem($event)") // (Some) Modals: include modal-help.pug include modal-lang.pug