From: Benjamin Auder Date: Mon, 10 Dec 2018 09:35:20 +0000 (+0100) Subject: Improve style (larger modal boxes on index) X-Git-Url: https://git.auder.net/%7B%7B%20asset%28%27mixstore/css/static/doc/screen_timer.png?a=commitdiff_plain;h=38a412beadb103b51212c6d87f6fe85ed8ddd4a2;p=vchess.git Improve style (larger modal boxes on index) --- diff --git a/public/stylesheets/index.sass b/public/stylesheets/index.sass index e4f846ee..77ba9aec 100644 --- a/public/stylesheets/index.sass +++ b/public/stylesheets/index.sass @@ -16,12 +16,12 @@ .card > h3.section.red color: #cc3300 -#welcome +#welcome, #help max-height: 100vh max-width: 90vw @media screen and (max-width: 400px) - #welcome + #welcome, #help max-width: 100vw #welcome ul diff --git a/views/index.pug b/views/index.pug index f7d9d041..19b235b7 100644 --- a/views/index.pug +++ b/views/index.pug @@ -13,12 +13,14 @@ block content a(href="/demo.webm") Demo ! input#modal-help.modal(type="checkbox") div(role="dialog") - .card + #help.card label.modal-close(for="modal-help") - h3.blue.section Modes + h3.blue.section Tips p.section. - Each variant page offers two modes: against a human or computer opponent, - which is here to help learning the rules. + On a variant page, read the rules by clicking on the title "<Variant> rules". + Try playing against a human: click the leftmost "new game" button :) + ...then, while waiting you can play against a (rather weak) bot or a friend. + //On the index page, try typing the first letters of a variant. h3.blue.section Comments p.section. All games start with a random assymetric position. #[br]