From 8908d042b7b6513ed74db117bb1b110dfb7dd60c Mon Sep 17 00:00:00 2001 From: Juraj Michalek Date: Thu, 25 Dec 2014 19:18:27 +0000 Subject: [PATCH] add level selector --- css/level-selector.css | 45 +++++++++++++++++++++++++++++++++ index.html | 22 ++++++++++++++-- js/level-selector-controller.js | 30 ++++++++++++++++++++++ js/pexeso-controller.js | 15 ++++++++--- 4 files changed, 106 insertions(+), 6 deletions(-) create mode 100644 css/level-selector.css create mode 100644 js/level-selector-controller.js diff --git a/css/level-selector.css b/css/level-selector.css new file mode 100644 index 0000000..571d988 --- /dev/null +++ b/css/level-selector.css @@ -0,0 +1,45 @@ +#levelSelector { + max-width: 24em; + margin-left:auto; + margin-right:auto; +} + +.levelItem { + width: 3em; + height: 2em; + border: 1px solid gray; + text-align: center; + font-size: 1.5em; + font-weight: bold; + color: white; + margin-left: 0.5em; + margin-bottom: 0.4em; + float: left; + padding-top: 1em; + cursor: pointer; + background:rgba(0,0,0,0.5); +} + +.locked { + padding-top: 0.3em; + padding-bottom: 0.8em; + color: yellow; +} + +.clearfix{zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} +.clearfix:after{clear:both;} + +#infoGraphics { + width: 100%; + text-align: center; +} + + +#badges { + text-align: center; + vertical-align: top; + position: fixed; + left: 0px; + right: 0px; + bottom: 0px; +} diff --git a/index.html b/index.html index 45afe5d..47f036b 100644 --- a/index.html +++ b/index.html @@ -5,17 +5,35 @@ PF2015 + + + + - -
+ +
+

How to play:

+
+ +
+

Select level:

+
+
{{level.text}}
+
+
+
+
+ + +