From 8ed69b3b0a198ee74b6c117ada546a534cb7a36b Mon Sep 17 00:00:00 2001 From: Sorrel Bri Date: Sat, 3 Aug 2019 20:43:57 -0700 Subject: [PATCH] layout modal menu, add capture logic --- css/main.css | 26 ++++++++++++++++---------- index.html | 32 +++++++++++++++++++++++++++++--- js/main.js | 43 +++++++++++++++++++++++++++---------------- 3 files changed, 72 insertions(+), 29 deletions(-) diff --git a/css/main.css b/css/main.css index 1b817ed..157ce5c 100644 --- a/css/main.css +++ b/css/main.css @@ -8,16 +8,22 @@ body { width: vw; } -.full-screen { - /* positioning will be absolue */ - /* will take up whole screen */ - /* background will be ~0.5 opacity */ - /* grid-areas - "game-info *4" <-date, komi, handicap - "b-player-info*2 w-player-info*2" <- name, rank, rank-certainty - "record record record options" <- displays numbered record (stretch!), new game, get game record(stretch!) - pre-game record will display instructions - */ +.modal { + display: flex; + position: fixed; + z-index: 2; + display: none; + width: 100vw; + height: 100vh; + background-color: rgba(0,0,0,0.3); + align-items: center; + justify-content: center; +} + +#menu { + background-color: #fff; + padding: 1vmin; + } content { diff --git a/index.html b/index.html index 4fe74de..0adbc49 100644 --- a/index.html +++ b/index.html @@ -13,10 +13,36 @@ Browser Go -