diff --git a/INSTALL b/INSTALL new file mode 100644 index 0000000..a6d89cc --- /dev/null +++ b/INSTALL @@ -0,0 +1,102 @@ +TABLE OF CONTENTS +================= +* Installation + - Getting the offline mode up and running + - Getting the online mode up and running +* Settings + - Number of Leds + - Show labels + - Easter Egg + - Change leds image and theme + +Installation +============ + +Getting the offline mode up and running +--------------------------------------- + +Installing the basic Fun with Binary in offline mode is relatively easy. + +1. Unpack the tarball you downloaded on your Web server. Usually a + command like this will work: + + tar zxf funwithbinary-*.tar.gz + + ...which will make a funwithbinary-x.y.z subdirectory in your current + directory. (If you don't have shell access on your Web server, you + may have to unpack the tarball on your local computer and FTP the + files to the server.) + +2. Move the tarball to a directory of your choosing in your Web root + directory. Usually something like this will work: + + mv funwithbinary-x.y.z /var/www/funwithbinary + + This will often make your Fun with Binary copy available in the funwithbinary + path of your server, like "http://example.net/funwithbinary". If you know how + to configure virtual hosts on your web server, you can try setting up + "http://funwithbinary.example.net/" or the like. + +3. You should now be able to navigate to your funwithbinary site's main + directory and play :) + +Getting the online mode up and running +-------------------------------------- + +Installing the basic Fun with Binary in offline mode is relatively easy. + +1. Unpack the tarball you downloaded on your computer. Usually a + command like this will work: + + tar zxf funwithbinary-*.tar.gz + + ...which will make a funwithbinary-x.y.z subdirectory in your current + directory. + +2. Minify the style.css with https://css.github.io/csso/csso.html and replace + the line after in the index.html with the result inside the tags + + +3. In the script.js file enable the online mode in the Game Settings section, + by changing "ONLINE_MODE = false; " to "ONLINE_MODE = true;" + +4. Minify the script.js with http://lisperator.net/uglifyjs/ and replace the + line after in the index.html with the result inside the tags + + +5. Make the resulting HTM usable with the following tool: + https://github.com/CytronTechnologies/ESP8266-WiFi-Module/raw/master/convertHtml/convertHtml.jar + +6. Upload the resulting code to the arduino board + +7. You should now be able to play :) + +Settings +======== + +Number of Leds +-------------- + +You can change the number of leds by editing the N_LEDS constant in the +Game Settings section of the script.js file. If you are using the Online Mode +you should also change the constant of the same name in the section of same name +in the server.ino file as well as adjust the LED GPIO array. + +Show labels +----------- + +You can change the default value of this option by editing the "show_labels" +variable in the Game Settings section of the script.js file. You can also +completely disable this feature by changing the value of HAVE_LABELS constant. + +Easter Egg +---------- + +You can disable the easter egg by editing the EASTER_EGG constant in the +Game Settings section of the script.js file. + +Change leds image and theme +--------------------------- + +You can change the LED_OFF and LED_ON paths in the Game Settings section of the +script.js file. diff --git a/README.md b/README.md index 20e1562..97e602d 100644 --- a/README.md +++ b/README.md @@ -11,39 +11,29 @@ Further information about Fun with Binary can be found in the project home page: ## Getting Started -Fun with Binary is divided in three components, the Client, the Server, the Output. +Fun with Binary has two different modes: +- Online: Which has a little body to make everything more interactive. +- Offline: Which is more independent and can be used right away without any further technicality by accessing: [https://www.diogo.site/projects/fun_with_binary/offlinev2.html](https://www.diogo.site/projects/fun_with_binary/offlinev2.html) ### Prerequisites -### Server +### Offline Mode -For the server you need a webserver with PHP support (it can be localhost). +There are no special prerequisites for the offline mode. -### Client +### Online Mode -You can run it in the same server's webserver, although a ready to use live client was made avaiable in the folowing address: +At least: Arduino Uno with ESP8266-01, 6 leds (and 6 resistors), wires, breadboard. -``` -http://diogo.site/projects/fun_with_binary/client/ -``` - -Despite that, it might be interesting to convert it in an actual mobile app :) - -### Output - -For the Arduino based output you obviously need an arduino, 6 leds (from which three of them must be red and the other three of another color). - -## Built With - -* [Ratchet](https://github.com/twbs/ratchet) - The mobile targeted web framework used in the client +Some instruction of how to build it can be found on my blog post about this project: [https://blog.diogo.site/posts/fun-with-binary](https://blog.diogo.site/posts/fun-with-binary) ## Versioning -I use [SemVer](http://semver.org/) for versioning. For the versions available, see the tags on this repository. +I use [SemVer](http://semver.org/) for versioning. For the versions available, see the tags on this repository. ## Authors -* **Diogo Cordeiro** - *Initial work* - [Fun with Binary](https://gitlab.com/up201705417/fun-with-binary) +* **Diogo Cordeiro** ## License @@ -69,8 +59,22 @@ License along with this program, in the file "COPYING". If not, see of using the software, and if you do not wish to share your modifications, *YOU MAY NOT INSTALL FUN WITH BINARY*. -Additional library software has been made available (and were referenced -in the "Built With" section). All of it is Free Software and can be -distributed under liberal terms, but those terms may differ in detail -from the AGPL's particulars. See each package's license file in their -official repository for additional terms. +Additional library software has been made available. All of it is Free Software +and can be distributed under liberal terms, but those terms may differ in detail +from the AGPL's particulars. See each package's license file in their official +repository for additional terms. + +## New this version + +This is version 2.0 of Fun with Binary and includes the following (key) changes +from the previous one: + +- Client <-> Server <-> Arduino was replaced by a Client <-> Arduino structure +- ESP8266 is now required for Access Point purposes +- Both modes have become PHP independent (mostly relevant in the offline one) + +The last release, 2.0, gave us these improvements: + +- Significant visual improvement +- 2 Powers Label switch functionality +- Offline mode is now lighter and more portable (no computer with webserver required anymore) diff --git a/app/input-frontend/css/app.css b/app/input-frontend/css/app.css deleted file mode 100644 index fd8cd5d..0000000 --- a/app/input-frontend/css/app.css +++ /dev/null @@ -1,5 +0,0 @@ -.slider, -.slider img { - margin-bottom: 0; - height: 150px; -} diff --git a/app/input-frontend/css/ratchet-theme-android.css b/app/input-frontend/css/ratchet-theme-android.css deleted file mode 100644 index 2a63f90..0000000 --- a/app/input-frontend/css/ratchet-theme-android.css +++ /dev/null @@ -1,622 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */ - -body { - font-family: "Roboto", sans-serif; - font-size: 18px; - line-height: 22px; - color: #222; -} - -a { - color: #33b5e5; -} -a:active { - color: #1a9bcb; -} - -.content { - background-color: #f2f2f2; -} - -.bar-nav ~ .content { - padding-top: 50px; -} - -.bar-header-secondary ~ .content { - padding-top: 100px; -} - -.bar-tab ~ .content { - padding-top: 50px; - padding-bottom: 0; -} - -.bar-footer ~ .content { - padding-bottom: 50px; -} - -.bar-footer-secondary ~ .content { - padding-bottom: 100px; -} - -.btn { - padding: 8px 15px; - font-size: 14px; - color: #222; - background-color: #cecece; - border: 0; - border-radius: 2px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25); -} -.btn:active, .btn.active { - color: #222; - background-color: #999; - border: 0; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); -} - -.btn-primary { - color: #fff; - background-color: #33b5e5; - border: 0; -} -.btn-primary:active, .btn-primary.active { - color: #fff; - background-color: #1a9bcb; - border: 0; -} - -.btn-positive { - color: #fff; - background-color: #9c0; - border: 0; -} -.btn-positive:active, .btn-positive.active { - color: #fff; - background-color: #739900; - border: 0; -} - -.btn-negative { - color: #fff; - background-color: #f44; - border: 0; -} -.btn-negative:active, .btn-negative.active { - color: #fff; - background-color: #f11; - border: 0; -} - -.btn-outlined { - background-color: transparent; - border: 1px solid #999; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-outlined.btn-primary { - color: #33b5e5; - border: 1px solid #33b5e5; -} -.btn-outlined.btn-primary:active { - background-color: #33b5e5; - border: 1px solid #33b5e5; -} -.btn-outlined.btn-positive { - color: #9c0; - border: 1px solid #9c0; -} -.btn-outlined.btn-positive:active { - background-color: #9c0; - border: 1px solid #9c0; -} -.btn-outlined.btn-negative { - color: #f44; - border: 1px solid #f44; -} -.btn-outlined.btn-negative:active { - background-color: #f44; - border: 1px solid #f44; -} -.btn-outlined:active { - background-color: #999; - border: 1px solid #999; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { - color: #fff; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link { - color: #33b5e5; - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link:active, .btn-link.active { - color: #1a9bcb; - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-block { - padding: 15px 0; - font-size: 18px; -} - -.btn .badge { - background-color: rgba(0, 0, 0, .15); -} -.btn .badge.badge-inverted { - background-color: transparent; -} -.btn:active .badge { - color: #fff; -} - -.bar { - height: 50px; - background-color: #ddd; - border-bottom: 1px solid #b1b1b1; - -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07); - box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07); -} -.bar.bar-header-secondary { - top: 50px; -} -.bar.bar-footer-secondary { - bottom: 50px; -} -.bar.bar-footer-secondary-tab { - bottom: 50px; -} -.bar .bar-footer, -.bar .bar-footer-secondary, -.bar .bar-footer-secondary-tab { - border-top: 1px solid #b1b1b1; - border-bottom: 0; - -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; -} - -.bar-tab { - top: 0; - bottom: auto; - height: 50px; - border-top: 0; -} -.bar-tab .tab-item { - color: #929292; -} -.bar-tab .tab-item.active { - color: #33b5e5; - -webkit-box-shadow: inset 0 -2px 0 #33b5e5; - box-shadow: inset 0 -2px 0 #33b5e5; -} -.bar-tab .tab-item:active { - color: #929292; - background-color: #78c6e3; -} -.bar-tab .tab-item .icon { - top: 3px; - padding-top: 0; - padding-bottom: 0; -} - -.title { - position: static; - padding-left: 15px; - font-size: 18px; - line-height: 49px; - text-align: left; -} - -.bar .btn { - top: 7px; - padding-top: 10px; - padding-bottom: 10px; -} -.bar .btn-link { - top: 0; - padding: 0; - font-size: 18px; - line-height: 49px; - color: #33b5e5; -} -.bar .btn-link:active, .bar .btn-link.active { - color: #1a9bcb; -} -.bar .btn-link .icon { - top: 2px; - padding: 0; -} -.bar .btn-block { - top: 4px; -} - -.bar .segmented-control { - top: 7px; -} - -.bar .icon { - padding-top: 13px; - padding-bottom: 13px; -} -.bar .title .icon { - padding: 0; -} -.bar .title .icon.icon-caret { - top: 10px; - color: #777; -} - -.bar input[type="search"] { - height: 35px; -} - -.badge.badge-inverted { - color: #999; - background-color: transparent; -} - -.badge-primary { - color: #fff; - background-color: #33b5e5; -} -.badge-primary.badge-inverted { - color: #33b5e5; - background-color: transparent; -} - -.badge-positive { - color: #fff; - background-color: #9c0; -} -.badge-positive.badge-inverted { - color: #9c0; - background-color: transparent; -} - -.badge-negative { - color: #fff; - background-color: #f44; -} -.badge-negative.badge-inverted { - color: #f44; - background-color: transparent; -} - -.card { - background-color: transparent; - border-color: #d9d9d9; - border-radius: 2px; -} - -.table-view { - background-color: transparent; -} -.table-view .table-view-cell { - border-bottom: 1px solid #d9d9d9; -} -.table-view .table-view-cell:last-child { - background-image: none; -} -.table-view .table-view-cell > a:not(.btn):active { - color: inherit; - background-color: #e0e0e0; -} -.table-view .table-view-cell > a:not(.btn):active .icon { - color: #fff; -} -.table-view .table-view-divider { - padding-top: 25px; - font-size: 12px; - font-weight: bold; - text-transform: uppercase; - background-color: transparent; - border-top: 0; - border-bottom: 2px solid #a9a9a9; -} - -.table-view-cell .navigate-left > .btn, -.table-view-cell .navigate-left > .badge, -.table-view-cell .navigate-left > .toggle, -.table-view-cell .navigate-right > .btn, -.table-view-cell .navigate-right > .badge, -.table-view-cell .navigate-right > .toggle, -.table-view-cell .push-left > .btn, -.table-view-cell .push-left > .badge, -.table-view-cell .push-left > .toggle, -.table-view-cell .push-right > .btn, -.table-view-cell .push-right > .badge, -.table-view-cell .push-right > .toggle, -.table-view-cell > a .navigate-left > .btn, -.table-view-cell > a .navigate-left > .badge, -.table-view-cell > a .navigate-left > .toggle, -.table-view-cell > a .navigate-right > .btn, -.table-view-cell > a .navigate-right > .badge, -.table-view-cell > a .navigate-right > .toggle, -.table-view-cell > a .push-left > .btn, -.table-view-cell > a .push-left > .badge, -.table-view-cell > a .push-left > .toggle, -.table-view-cell > a .push-right > .btn, -.table-view-cell > a .push-right > .badge, -.table-view-cell > a .push-right > .toggle { - right: 15px; -} - -select, -textarea, -input[type="text"], -input[type="search"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="tel"], -input[type="color"], -.input-group { - height: 40px; - padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, .2); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); - box-shadow: 0 1px 1px rgba(0, 0, 0, .1); -} - -input[type="search"] { - border-radius: 2px; -} - -select, -textarea, -.input-group { - height: auto; -} - -.input-group { - padding: 0; - border: 0; -} - -.input-group input { - border: 0; - border-bottom: 1px solid #d9d9d9; - -webkit-box-shadow: none; - box-shadow: none; -} - -.input-group input:last-child { - background-image: none; -} - -.input-row { - height: 40px; - border-bottom: 1px solid #d9d9d9; -} - -.input-row label { - padding-top: 10px; - padding-bottom: 10px; -} - -.input-row label + input { - background-image: none; - border-bottom: 0; -} - -.segmented-control { - font-size: 14px; - background-color: #cecece; - border: 0; - border-radius: 2px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25); - box-shadow: 0 1px 1px rgba(0, 0, 0, .25); -} -.segmented-control .control-item { - padding-top: 10px; - padding-bottom: 10px; - color: #222; - border-left: 1px solid #999; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2); -} -.segmented-control .control-item:first-child { - border-left-width: 0; -} -.segmented-control .control-item:active, .segmented-control .control-item.active { - background-color: #999; -} - -.segmented-control-primary { - border: 0; -} -.segmented-control-primary .control-item { - color: #fff; - border-color: inherit; -} -.segmented-control-primary .control-item:active, .segmented-control-primary .control-item.active { - color: #fff; - background-color: #33b5e5; -} - -.segmented-control-positive { - border: 0; -} -.segmented-control-positive .control-item { - color: #fff; - border-color: inherit; -} -.segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active { - color: #fff; - background-color: #9c0; -} - -.segmented-control-negative { - border: 0; -} -.segmented-control-negative .control-item { - color: #fff; - border-color: inherit; -} -.segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active { - color: #fff; - background-color: #f44; -} - -.popover { - top: 47px; - left: 15px; - width: 200px; - margin-left: 0; - border: 1px solid #9b9b9b; - border-radius: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); - box-shadow: 0 0 3px rgba(0, 0, 0, .2); - -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out; - transition: transform .1s ease-in-out, opacity .2s ease-in-out; - -webkit-transform: scale(.75); - -ms-transform: scale(.75); - transform: scale(.75); -} -.popover:before { - display: none; -} -.popover.visible { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); -} - -.backdrop { - background-color: transparent; -} - -.popover .bar { - border-radius: 0; -} -.popover .bar-nav ~ .table-view { - padding-top: 50px; -} - -.popover .table-view { - border-radius: 12px; -} - -.toggle { - width: 104px; - height: 28px; - background-color: #d7d7d7; - border: 2px solid #d7d7d7; - border-radius: 0; -} -.toggle .toggle-handle { - top: 0; - left: 0; - width: 50px; - height: 24px; - background-color: #bebebe; - border: 1px solid #b5b5b5; - border-radius: 2px; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1); -} -.toggle:before { - top: 1px; - right: auto; - left: 11px; - z-index: 3; - color: #fff; -} -.toggle.active { - background-color: #d7d7d7; - border: 2px solid #d7d7d7; -} -.toggle.active .toggle-handle { - margin-right: 2px; - background-color: #33b5e5; - border-color: #33b5e5; - -webkit-transform: translate3d(50px, 0, 0); - -ms-transform: translate3d(50px, 0, 0); - transform: translate3d(50px, 0, 0); -} -.toggle.active:before { - right: 14px; - left: auto; - color: #fff; -} - -.navigate-left:after, -.push-left:after { - content: ''; -} - -.navigate-right:after, -.push-right:after { - content: ''; -} - -.icon-caret:before { - content: '\e800'; -} - -.icon-down:before, -.icon-down-nav:before { - content: '\e801'; -} - -.icon-download:before { - content: '\e802'; -} - -.icon-left:before, -.icon-left-nav:before { - content: '\e803'; -} - -.icon-more-vertical:before { - content: '\e804'; -} - -.icon-more:before { - content: '\e805'; -} - -.icon-right:before, -.icon-right-nav:before { - content: '\e806'; -} - -.icon-search:before { - content: '\e807'; -} - -.icon-share:before { - content: '\e808'; -} - -.icon-up:before, -.icon-up-nav:before { - content: '\e809'; -} diff --git a/app/input-frontend/css/ratchet-theme-android.min.css b/app/input-frontend/css/ratchet-theme-android.min.css deleted file mode 100644 index 45ab350..0000000 --- a/app/input-frontend/css/ratchet-theme-android.min.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */body{font-family:Roboto,sans-serif;font-size:18px;line-height:22px;color:#222}a{color:#33b5e5}a:active{color:#1a9bcb}.content{background-color:#f2f2f2}.bar-nav~.content{padding-top:50px}.bar-header-secondary~.content{padding-top:100px}.bar-tab~.content{padding-top:50px;padding-bottom:0}.bar-footer~.content{padding-bottom:50px}.bar-footer-secondary~.content{padding-bottom:100px}.btn{padding:8px 15px;font-size:14px;color:#222;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px rgba(0,0,0,.25)}.btn.active,.btn:active{color:#222;background-color:#999;border:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary{color:#fff;background-color:#33b5e5;border:0}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#1a9bcb;border:0}.btn-positive{color:#fff;background-color:#9c0;border:0}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#739900;border:0}.btn-negative{color:#fff;background-color:#f44;border:0}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#f11;border:0}.btn-outlined{background-color:transparent;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-primary{color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-primary:active{background-color:#33b5e5;border:1px solid #33b5e5}.btn-outlined.btn-positive{color:#9c0;border:1px solid #9c0}.btn-outlined.btn-positive:active{background-color:#9c0;border:1px solid #9c0}.btn-outlined.btn-negative{color:#f44;border:1px solid #f44}.btn-outlined.btn-negative:active{background-color:#f44;border:1px solid #f44}.btn-outlined:active{background-color:#999;border:1px solid #999;-webkit-box-shadow:none;box-shadow:none}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-link{color:#33b5e5;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{color:#1a9bcb;background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-block{padding:15px 0;font-size:18px}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{height:50px;background-color:#ddd;border-bottom:1px solid #b1b1b1;-webkit-box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);box-shadow:inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07)}.bar.bar-header-secondary{top:50px}.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{bottom:50px}.bar .bar-footer,.bar .bar-footer-secondary,.bar .bar-footer-secondary-tab{border-top:1px solid #b1b1b1;border-bottom:0;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab{top:0;bottom:auto;height:50px;border-top:0}.bar-tab .tab-item{color:#929292}.bar-tab .tab-item.active{color:#33b5e5;-webkit-box-shadow:inset 0 -2px 0 #33b5e5;box-shadow:inset 0 -2px 0 #33b5e5}.bar-tab .tab-item:active{color:#929292;background-color:#78c6e3}.bar-tab .tab-item .icon{top:3px;padding-top:0;padding-bottom:0}.title{position:static;padding-left:15px;font-size:18px;line-height:49px;text-align:left}.bar .btn{top:7px;padding-top:10px;padding-bottom:10px}.bar .btn-link{top:0;padding:0;font-size:18px;line-height:49px;color:#33b5e5}.bar .btn-link.active,.bar .btn-link:active{color:#1a9bcb}.bar .btn-link .icon{top:2px;padding:0}.bar .btn-block{top:4px}.bar .segmented-control{top:7px}.bar .icon{padding-top:13px;padding-bottom:13px}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:10px;color:#777}.bar input[type=search]{height:35px}.badge.badge-inverted{color:#999;background-color:transparent}.badge-primary{color:#fff;background-color:#33b5e5}.badge-primary.badge-inverted{color:#33b5e5;background-color:transparent}.badge-positive{color:#fff;background-color:#9c0}.badge-positive.badge-inverted{color:#9c0;background-color:transparent}.badge-negative{color:#fff;background-color:#f44}.badge-negative.badge-inverted{color:#f44;background-color:transparent}.card{background-color:transparent;border-color:#d9d9d9;border-radius:2px}.table-view{background-color:transparent}.table-view .table-view-cell{border-bottom:1px solid #d9d9d9}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit;background-color:#e0e0e0}.table-view .table-view-cell>a:not(.btn):active .icon{color:#fff}.table-view .table-view-divider{padding-top:25px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:transparent;border-top:0;border-bottom:2px solid #a9a9a9}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:15px}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}input[type=search]{border-radius:2px}.input-group,select,textarea{height:auto}.input-group{padding:0;border:0}.input-group input{border:0;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none}.input-group input:last-child{background-image:none}.input-row{height:40px;border-bottom:1px solid #d9d9d9}.input-row label{padding-top:10px;padding-bottom:10px}.input-row label+input{background-image:none;border-bottom:0}.segmented-control{font-size:14px;background-color:#cecece;border:0;border-radius:2px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:0 1px 1px rgba(0,0,0,.25)}.segmented-control .control-item{padding-top:10px;padding-bottom:10px;color:#222;border-left:1px solid #999;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2)}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item.active,.segmented-control .control-item:active{background-color:#999}.segmented-control-primary{border:0}.segmented-control-primary .control-item{color:#fff;border-color:inherit}.segmented-control-primary .control-item.active,.segmented-control-primary .control-item:active{color:#fff;background-color:#33b5e5}.segmented-control-positive{border:0}.segmented-control-positive .control-item{color:#fff;border-color:inherit}.segmented-control-positive .control-item.active,.segmented-control-positive .control-item:active{color:#fff;background-color:#9c0}.segmented-control-negative{border:0}.segmented-control-negative .control-item{color:#fff;border-color:inherit}.segmented-control-negative .control-item.active,.segmented-control-negative .control-item:active{color:#fff;background-color:#f44}.popover{top:47px;left:15px;width:200px;margin-left:0;border:1px solid #9b9b9b;border-radius:0;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .1s ease-in-out,opacity .2s ease-in-out;-moz-transition:-moz-transform .1s ease-in-out,opacity .2s ease-in-out;transition:transform .1s ease-in-out,opacity .2s ease-in-out;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.popover:before{display:none}.popover.visible{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.backdrop{background-color:transparent}.popover .bar{border-radius:0}.popover .bar-nav~.table-view{padding-top:50px}.popover .table-view{border-radius:12px}.toggle{width:104px;height:28px;background-color:#d7d7d7;border:2px solid #d7d7d7;border-radius:0}.toggle .toggle-handle{top:0;left:0;width:50px;height:24px;background-color:#bebebe;border:1px solid #b5b5b5;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.1)}.toggle:before{top:1px;right:auto;left:11px;z-index:3;color:#fff}.toggle.active{background-color:#d7d7d7;border:2px solid #d7d7d7}.toggle.active .toggle-handle{margin-right:2px;background-color:#33b5e5;border-color:#33b5e5;-webkit-transform:translate3d(50px,0,0);-ms-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.toggle.active:before{right:14px;left:auto;color:#fff}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{content:''}.icon-caret:before{content:'\e800'}.icon-down-nav:before,.icon-down:before{content:'\e801'}.icon-download:before{content:'\e802'}.icon-left-nav:before,.icon-left:before{content:'\e803'}.icon-more-vertical:before{content:'\e804'}.icon-more:before{content:'\e805'}.icon-right-nav:before,.icon-right:before{content:'\e806'}.icon-search:before{content:'\e807'}.icon-share:before{content:'\e808'}.icon-up-nav:before,.icon-up:before{content:'\e809'} \ No newline at end of file diff --git a/app/input-frontend/css/ratchet-theme-ios.css b/app/input-frontend/css/ratchet-theme-ios.css deleted file mode 100644 index 58f1455..0000000 --- a/app/input-frontend/css/ratchet-theme-ios.css +++ /dev/null @@ -1,471 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */ - -a { - color: #007aff; -} -a:active { - color: #0062cc; -} - -.content { - background-color: #efeff4; -} - -.h5, h5, -.h6, h6, -p { - color: #8f8f94; -} - -.h5, h5, -.h6, h6 { - font-weight: normal; - text-transform: uppercase; -} - -.btn { - color: #929292; - background-color: rgba(247, 247, 247, .98); - border: 1px solid #929292; - -webkit-transition: all; - -moz-transition: all; - transition: all; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - transition-timing-function: linear; - -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; - transition-duration: .2s; -} -.btn:active, .btn.active { - color: #fff; - background-color: #929292; -} - -.btn-primary { - color: #fff; - background-color: #007aff; - border: 1px solid #007aff; -} -.btn-primary:active, .btn-primary.active { - background-color: #0062cc; - border: 1px solid #0062cc; -} - -.btn-positive { - color: #fff; - background-color: #4cd964; - border: 1px solid #4cd964; -} -.btn-positive:active, .btn-positive.active { - background-color: #2ac845; - border: 1px solid #2ac845; -} - -.btn-negative { - color: #fff; - background-color: #dd524d; - border: 1px solid #dd524d; -} -.btn-negative:active, .btn-negative.active { - background-color: #cf2d28; - border: 1px solid #cf2d28; -} - -.btn-outlined { - background-color: transparent; -} -.btn-outlined.btn-primary { - color: #007aff; -} -.btn-outlined.btn-positive { - color: #4cd964; -} -.btn-outlined.btn-negative { - color: #dd524d; -} -.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { - color: #fff; -} - -.btn-link { - color: #007aff; - background-color: transparent; - border: none; -} -.btn-link:active, .btn-link.active { - color: #0062cc; - background-color: transparent; -} - -.btn .badge { - background-color: rgba(0, 0, 0, .15); -} -.btn .badge.badge-inverted { - background-color: transparent; -} -.btn:active .badge { - color: #fff; -} - -.bar { - background-color: rgba(247, 247, 247, .98); - border-bottom: 0; - -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); - box-shadow: 0 0 1px rgba(0, 0, 0, .85); -} -.bar.bar-header-secondary { - top: 44px; -} -.bar.bar-footer-secondary { - bottom: 44px; -} -.bar.bar-footer-secondary-tab { - bottom: 50px; -} -.bar.bar-footer, .bar.bar-footer-secondary, .bar.bar-footer-secondary-tab { - border-top: 0; -} - -.bar-tab { - border-top: 0; -} - -.tab-item { - color: #929292; -} -.tab-item.active, .tab-item:active { - color: #007aff; -} - -.bar-nav .btn-link { - color: #007aff; -} -.bar-nav .btn-link:active { - color: #007aff; - opacity: .6; -} - -.badge.badge-inverted { - color: #929292; - background-color: transparent; -} - -.badge-primary { - color: #fff; - background-color: #007aff; -} -.badge-primary.badge-inverted { - color: #007aff; - background-color: transparent; -} - -.badge-positive { - color: #fff; - background-color: #4cd964; -} -.badge-positive.badge-inverted { - color: #4cd964; - background-color: transparent; -} - -.badge-negative { - color: #fff; - background-color: #dd524d; -} -.badge-negative.badge-inverted { - color: #dd524d; - background-color: transparent; -} - -.card .table-view { - background-image: none; -} - -.card .table-view-cell:last-child { - background-image: none; -} - -.table-view { - background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 0 100%, 0 0; - border-top: 0; - border-bottom: 0; -} -.table-view .table-view-cell { - background-image: url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 15px 100%; - border-bottom: 0; -} -.table-view .table-view-cell:last-child { - background-image: none; -} -.table-view .table-view-cell > a:not(.btn):active { - color: inherit; -} -.table-view .table-view-divider { - background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 0 100%, 0 0; - border-top: 0; - border-bottom: 0; -} - -select, -textarea, -input[type="text"], -input[type="search"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="tel"], -input[type="color"], -.input-group { - height: 40px; - padding: 10px 15px; - border: 1px solid rgba(0, 0, 0, .2); -} - -input[type="search"] { - height: 34px; - text-align: center; - background-color: rgba(0, 0, 0, .1); - border: 0; - border-radius: 6px; -} - -input[type="search"]:focus { - text-align: left; -} - -select, -textarea, -.input-group { - height: auto; -} - -.input-group { - padding: 0; - background-image: url("data:image/svg+xml;utf8,"), url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 0 100%, 0 0; - border: 0; -} - -.input-group input { - background-image: url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 15px 100%; - border: 0; -} - -.input-group input:last-child { - background-image: none; -} - -.input-row { - background-image: url("data:image/svg+xml;utf8,"); - background-repeat: no-repeat; - background-position: 15px 100%; - border-bottom: 0; -} - -.input-row:last-child, -.input-row label + input { - background-image: none; -} - -.segmented-control { - background-color: transparent; - border: 1px solid #929292; -} -.segmented-control .control-item { - color: #929292; - border-color: #929292; - -webkit-transition: background-color .1s linear; - -moz-transition: background-color .1s linear; - transition: background-color .1s linear; -} -.segmented-control .control-item:active { - background-color: #ebebeb; -} -.segmented-control .control-item.active { - color: #fff; - background-color: #929292; -} - -.segmented-control-primary { - border: 1px solid #007aff; -} -.segmented-control-primary .control-item { - color: #007aff; - border-color: inherit; -} -.segmented-control-primary .control-item:active { - background-color: #b3d7ff; -} -.segmented-control-primary .control-item.active { - color: #fff; - background-color: #007aff; -} - -.segmented-control-positive { - border: 1px solid #4cd964; -} -.segmented-control-positive .control-item { - color: #4cd964; - border-color: inherit; -} -.segmented-control-positive .control-item:active { - background-color: #dff8e3; -} -.segmented-control-positive .control-item.active { - color: #fff; - background-color: #4cd964; -} - -.segmented-control-negative { - border: 1px solid #dd524d; -} -.segmented-control-negative .control-item { - color: #dd524d; - border-color: inherit; -} -.segmented-control-negative .control-item:active { - background-color: #fae4e3; -} -.segmented-control-negative .control-item.active { - color: #fff; - background-color: #dd524d; -} - -.popover { - border-radius: 12px; - -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; - transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out; -} -.popover:before { - border-bottom: 15px solid rgba(247, 247, 247, .98); -} - -.popover .bar { - -webkit-box-shadow: none; - box-shadow: none; -} - -.popover .bar-nav { - border-bottom: 1px solid rgba(0, 0, 0, .15); -} - -.popover .table-view { - background-image: none; - border-radius: 12px; -} - -.modal { - -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - transition-timing-function: cubic-bezier(.1, .5, .1, 1); -} -.modal.active { - -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - transition-timing-function: cubic-bezier(.1, .5, .1, 1); -} - -.toggle { - width: 47px; - border: 2px solid #e6e6e6; - -webkit-box-shadow: inset 0 0 0 0 #e1e1e1; - box-shadow: inset 0 0 0 0 #e1e1e1; - -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: box-shadow, border; - -moz-transition-property: box-shadow, border; - transition-property: box-shadow, border; -} -.toggle .toggle-handle { - border: 1px solid rgba(0, 0, 0, .2); - -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08); - box-shadow: 0 3px 3px rgba(0, 0, 0, .08); - -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; -} -.toggle:before { - display: none; -} -.toggle.active { - background-color: transparent; - border: 2px solid #4cd964; - -webkit-box-shadow: inset 0 0 0 13px #4cd964; - box-shadow: inset 0 0 0 13px #4cd964; -} -.toggle.active .toggle-handle { - -webkit-transform: translate3d(17px, 0, 0); - -ms-transform: translate3d(17px, 0, 0); - transform: translate3d(17px, 0, 0); -} -.toggle.active .toggle-handle { - border-color: #4cd964; -} - -.content.fade { - -webkit-transition: opacity .2s ease-in-out; - -moz-transition: opacity .2s ease-in-out; - transition: opacity .2s ease-in-out; -} -.content.sliding { - -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1); - transition-timing-function: cubic-bezier(.1, .5, .1, 1); -} -.content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) { - -webkit-animation-name: fadeOverlay; - -moz-animation-name: fadeOverlay; - animation-name: fadeOverlay; - -webkit-animation-duration: .4s; - -moz-animation-duration: .4s; - animation-duration: .4s; -} -.content.sliding.right:not([class*="sliding-in"]) { - -webkit-animation-direction: reverse; - -moz-animation-direction: reverse; - animation-direction: reverse; -} -.content.sliding.left { - -webkit-transform: translate3d(-20%, 0, 0); - -ms-transform: translate3d(-20%, 0, 0); - transform: translate3d(-20%, 0, 0); -} - -@-webkit-keyframes fadeOverlay { - from { - -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent; - box-shadow: 0 0 10px transparent, -320px 0 0 transparent; - } - - to { - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); - box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1); - } -} diff --git a/app/input-frontend/css/ratchet-theme-ios.min.css b/app/input-frontend/css/ratchet-theme-ios.min.css deleted file mode 100644 index 9ebd687..0000000 --- a/app/input-frontend/css/ratchet-theme-ios.min.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}} \ No newline at end of file diff --git a/app/input-frontend/css/ratchet.css b/app/input-frontend/css/ratchet.css deleted file mode 100644 index 4e36d9c..0000000 --- a/app/input-frontend/css/ratchet.css +++ /dev/null @@ -1,1434 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */ - -/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -a { - background: transparent; -} - -a:active, -a:hover { - outline: 0; -} - -abbr[title] { - border-bottom: 1px dotted; -} - -b, -strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -h1 { - margin: .67em 0; - font-size: 2em; -} - -mark { - color: #000; - background: #ff0; -} - -small { - font-size: 80%; -} - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sup { - top: -.5em; -} - -sub { - bottom: -.25em; -} - -img { - border: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 1em 40px; -} - -hr { - height: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -pre { - overflow: auto; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -button, -input, -optgroup, -select, -textarea { - margin: 0; - font: inherit; - color: inherit; -} - -button { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} - -input { - line-height: normal; -} - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -fieldset { - padding: .35em .625em .75em; - margin: 0 2px; - border: 1px solid #c0c0c0; -} - -legend { - padding: 0; - border: 0; -} - -textarea { - overflow: auto; -} - -optgroup { - font-weight: bold; -} - -table { - border-spacing: 0; - border-collapse: collapse; -} - -td, -th { - padding: 0; -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -body { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - font-family: "Helvetica Neue", Helvetica, sans-serif; - font-size: 17px; - line-height: 21px; - color: #000; - background-color: #fff; -} - -a { - color: #428bca; - text-decoration: none; - - -webkit-tap-highlight-color: transparent; -} -a:active { - color: #3071a9; -} - -.content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - -webkit-overflow-scrolling: touch; - background-color: #fff; -} - -.content > * { - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} - -.bar-nav ~ .content { - padding-top: 44px; -} - -.bar-header-secondary ~ .content { - padding-top: 88px; -} - -.bar-footer ~ .content { - padding-bottom: 44px; -} - -.bar-footer-secondary ~ .content { - padding-bottom: 88px; -} - -.bar-tab ~ .content { - padding-bottom: 50px; -} - -.bar-footer-secondary-tab ~ .content { - padding-bottom: 94px; -} - -.content-padded { - margin: 10px; -} - -.pull-left { - float: left; -} - -.pull-right { - float: right; -} - -.clearfix:before, .clearfix:after { - display: table; - content: " "; -} -.clearfix:after { - clear: both; -} - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 10px; - line-height: 1; -} - -h1, .h1 { - font-size: 36px; -} - -h2, .h2 { - font-size: 30px; -} - -h3, .h3 { - font-size: 24px; -} - -h4, .h4 { - font-size: 18px; -} - -h5, .h5 { - margin-top: 20px; - font-size: 14px; -} - -h6, .h6 { - margin-top: 20px; - font-size: 12px; -} - -p { - margin-top: 0; - margin-bottom: 10px; - font-size: 14px; - color: #777; -} - -.btn { - position: relative; - display: inline-block; - padding: 6px 8px 7px; - margin-bottom: 0; - font-size: 12px; - font-weight: 400; - line-height: 1; - color: #333; - text-align: center; - white-space: nowrap; - vertical-align: top; - cursor: pointer; - background-color: white; - border: 1px solid #ccc; - border-radius: 3px; -} -.btn:active, .btn.active { - color: inherit; - background-color: #ccc; -} -.btn:disabled, .btn.disabled { - opacity: .6; -} - -.btn-primary { - color: #fff; - background-color: #428bca; - border: 1px solid #428bca; -} -.btn-primary:active, .btn-primary.active { - color: #fff; - background-color: #3071a9; - border: 1px solid #3071a9; -} - -.btn-positive { - color: #fff; - background-color: #5cb85c; - border: 1px solid #5cb85c; -} -.btn-positive:active, .btn-positive.active { - color: #fff; - background-color: #449d44; - border: 1px solid #449d44; -} - -.btn-negative { - color: #fff; - background-color: #d9534f; - border: 1px solid #d9534f; -} -.btn-negative:active, .btn-negative.active { - color: #fff; - background-color: #c9302c; - border: 1px solid #c9302c; -} - -.btn-outlined { - background-color: transparent; -} -.btn-outlined.btn-primary { - color: #428bca; -} -.btn-outlined.btn-positive { - color: #5cb85c; -} -.btn-outlined.btn-negative { - color: #d9534f; -} -.btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { - color: #fff; -} - -.btn-link { - padding-top: 6px; - padding-bottom: 6px; - color: #428bca; - background-color: transparent; - border: 0; -} -.btn-link:active, .btn-link.active { - color: #3071a9; - background-color: transparent; -} - -.btn-block { - display: block; - width: 100%; - padding: 15px 0; - margin-bottom: 10px; - font-size: 18px; -} - -input[type="submit"], -input[type="reset"], -input[type="button"] { - width: 100%; -} - -.btn .badge { - margin: -2px -4px -2px 4px; - font-size: 12px; - background-color: rgba(0, 0, 0, .15); -} - -.btn .badge-inverted, -.btn:active .badge-inverted { - background-color: transparent; -} - -.btn-primary:active .badge-inverted, -.btn-positive:active .badge-inverted, -.btn-negative:active .badge-inverted { - color: #fff; -} - -.btn-block .badge { - position: absolute; - right: 0; - margin-right: 10px; -} - -.btn .icon { - font-size: inherit; -} - -.bar { - position: fixed; - right: 0; - left: 0; - z-index: 10; - height: 44px; - padding-right: 10px; - padding-left: 10px; - background-color: white; - border-bottom: 1px solid #ddd; - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.bar-header-secondary { - top: 44px; -} - -.bar-footer { - bottom: 0; -} - -.bar-footer-secondary { - bottom: 44px; -} - -.bar-footer-secondary-tab { - bottom: 50px; -} - -.bar-footer, -.bar-footer-secondary, -.bar-footer-secondary-tab { - border-top: 1px solid #ddd; - border-bottom: 0; -} - -.bar-nav { - top: 0; -} - -.title { - position: absolute; - display: block; - width: 100%; - padding: 0; - margin: 0 -10px; - font-size: 17px; - font-weight: 500; - line-height: 44px; - color: #000; - text-align: center; - white-space: nowrap; -} - -.title a { - color: inherit; -} - -.bar-tab { - bottom: 0; - display: table; - width: 100%; - height: 50px; - padding: 0; - table-layout: fixed; - border-top: 1px solid #ddd; - border-bottom: 0; -} -.bar-tab .tab-item { - display: table-cell; - width: 1%; - height: 50px; - color: #929292; - text-align: center; - vertical-align: middle; -} -.bar-tab .tab-item.active, .bar-tab .tab-item:active { - color: #428bca; -} -.bar-tab .tab-item .icon { - top: 3px; - width: 24px; - height: 24px; - padding-top: 0; - padding-bottom: 0; -} -.bar-tab .tab-item .icon ~ .tab-label { - display: block; - font-size: 11px; -} - -.bar .btn { - position: relative; - top: 7px; - z-index: 20; - padding: 6px 12px 7px; - margin-top: 0; - font-weight: 400; -} -.bar .btn.pull-right { - margin-left: 10px; -} -.bar .btn.pull-left { - margin-right: 10px; -} - -.bar .btn-link { - top: 0; - padding: 0; - font-size: 16px; - line-height: 44px; - color: #428bca; - border: 0; -} -.bar .btn-link:active, .bar .btn-link.active { - color: #3071a9; -} - -.bar .btn-block { - top: 6px; - padding: 7px 0; - margin-bottom: 0; - font-size: 16px; -} - -.bar .btn-nav.pull-left { - margin-left: -5px; -} -.bar .btn-nav.pull-left .icon-left-nav { - margin-right: -3px; -} -.bar .btn-nav.pull-right { - margin-right: -5px; -} -.bar .btn-nav.pull-right .icon-right-nav { - margin-left: -3px; -} - -.bar .icon { - position: relative; - z-index: 20; - padding-top: 10px; - padding-bottom: 10px; - font-size: 24px; -} -.bar .btn .icon { - top: 3px; - padding: 0; -} -.bar .title .icon { - padding: 0; -} -.bar .title .icon.icon-caret { - top: 4px; - margin-left: -5px; -} - -.bar input[type="search"] { - height: 29px; - margin: 6px 0; -} - -.bar .segmented-control { - top: 7px; - margin: 0 auto; -} - -.badge { - display: inline-block; - padding: 2px 9px 3px; - font-size: 12px; - line-height: 1; - color: #333; - background-color: rgba(0, 0, 0, .15); - border-radius: 100px; -} -.badge.badge-inverted { - padding: 0 5px 0 0; - background-color: transparent; -} - -.badge-primary { - color: #fff; - background-color: #428bca; -} -.badge-primary.badge-inverted { - color: #428bca; -} - -.badge-positive { - color: #fff; - background-color: #5cb85c; -} -.badge-positive.badge-inverted { - color: #5cb85c; -} - -.badge-negative { - color: #fff; - background-color: #d9534f; -} -.badge-negative.badge-inverted { - color: #d9534f; -} - -.card { - margin: 10px; - overflow: hidden; - background-color: white; - border: 1px solid #ddd; - border-radius: 6px; -} - -.card .table-view { - margin-bottom: 0; - border-top: 0; - border-bottom: 0; -} -.card .table-view .table-view-divider:first-child { - top: 0; - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} -.card .table-view .table-view-divider:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.card .table-view-cell:last-child { - border-bottom: 0; -} - -.table-view { - padding-left: 0; - margin-top: 0; - margin-bottom: 15px; - list-style: none; - background-color: #fff; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; -} - -.table-view-cell { - position: relative; - padding: 11px 65px 11px 15px; - overflow: hidden; - border-bottom: 1px solid #ddd; -} -.table-view-cell:last-child { - border-bottom: 0; -} -.table-view-cell > a:not(.btn) { - position: relative; - display: block; - padding: inherit; - margin: -11px -65px -11px -15px; - overflow: hidden; - color: inherit; -} -.table-view-cell > a:not(.btn):active { - background-color: #eee; -} -.table-view-cell p { - margin-bottom: 0; -} - -.table-view-divider { - padding-top: 6px; - padding-bottom: 6px; - padding-left: 15px; - margin-top: -1px; - margin-left: 0; - font-weight: 500; - color: #999; - background-color: #fafafa; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; -} - -.table-view .media, -.table-view .media-body { - overflow: hidden; -} - -.table-view .media-object.pull-left { - margin-right: 10px; -} -.table-view .media-object.pull-right { - margin-left: 10px; -} - -.table-view-cell > .btn, -.table-view-cell > .badge, -.table-view-cell > .toggle, -.table-view-cell > a > .btn, -.table-view-cell > a > .badge, -.table-view-cell > a > .toggle { - position: absolute; - top: 50%; - right: 15px; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); -} -.table-view-cell .navigate-left > .btn, -.table-view-cell .navigate-left > .badge, -.table-view-cell .navigate-left > .toggle, -.table-view-cell .navigate-right > .btn, -.table-view-cell .navigate-right > .badge, -.table-view-cell .navigate-right > .toggle, -.table-view-cell .push-left > .btn, -.table-view-cell .push-left > .badge, -.table-view-cell .push-left > .toggle, -.table-view-cell .push-right > .btn, -.table-view-cell .push-right > .badge, -.table-view-cell .push-right > .toggle, -.table-view-cell > a .navigate-left > .btn, -.table-view-cell > a .navigate-left > .badge, -.table-view-cell > a .navigate-left > .toggle, -.table-view-cell > a .navigate-right > .btn, -.table-view-cell > a .navigate-right > .badge, -.table-view-cell > a .navigate-right > .toggle, -.table-view-cell > a .push-left > .btn, -.table-view-cell > a .push-left > .badge, -.table-view-cell > a .push-left > .toggle, -.table-view-cell > a .push-right > .btn, -.table-view-cell > a .push-right > .badge, -.table-view-cell > a .push-right > .toggle { - right: 35px; -} - -.content > .table-view:first-child { - margin-top: 15px; -} - -input, -textarea, -button, -select { - font-family: "Helvetica Neue", Helvetica, sans-serif; - font-size: 17px; -} - -select, -textarea, -input[type="text"], -input[type="search"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="tel"], -input[type="color"] { - width: 100%; - height: 35px; - -webkit-appearance: none; - padding: 0 15px; - margin-bottom: 15px; - line-height: 21px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 3px; - outline: none; -} - -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0 10px; - font-size: 16px; - border-radius: 20px; -} - -input[type="search"]:focus { - text-align: left; -} - -textarea { - height: auto; -} - -select { - height: auto; - font-size: 14px; - background-color: #f8f8f8; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); -} - -.input-group { - background-color: #fff; -} - -.input-group input, -.input-group textarea { - margin-bottom: 0; - background-color: transparent; - border-top: 0; - border-right: 0; - border-left: 0; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; -} - -.input-row { - height: 35px; - overflow: hidden; - border-bottom: 1px solid #ddd; -} - -.input-row label { - float: left; - width: 35%; - padding: 8px 15px; - font-family: "Helvetica Neue", Helvetica, sans-serif; - line-height: 1.1; -} - -.input-row input { - float: right; - width: 65%; - padding-left: 0; - margin-bottom: 0; - border: 0; -} - -.segmented-control { - position: relative; - display: table; - overflow: hidden; - font-size: 12px; - font-weight: 400; - background-color: white; - border: 1px solid #ccc; - border-radius: 3px; -} -.segmented-control .control-item { - display: table-cell; - width: 1%; - padding-top: 6px; - padding-bottom: 7px; - overflow: hidden; - line-height: 1; - color: #333; - text-align: center; - text-overflow: ellipsis; - white-space: nowrap; - border-left: 1px solid #ccc; -} -.segmented-control .control-item:first-child { - border-left-width: 0; -} -.segmented-control .control-item:active { - background-color: #eee; -} -.segmented-control .control-item.active { - background-color: #ccc; -} - -.segmented-control-primary { - border-color: #428bca; -} -.segmented-control-primary .control-item { - color: #428bca; - border-color: inherit; -} -.segmented-control-primary .control-item:active { - background-color: #cde1f1; -} -.segmented-control-primary .control-item.active { - color: #fff; - background-color: #428bca; -} - -.segmented-control-positive { - border-color: #5cb85c; -} -.segmented-control-positive .control-item { - color: #5cb85c; - border-color: inherit; -} -.segmented-control-positive .control-item:active { - background-color: #d8eed8; -} -.segmented-control-positive .control-item.active { - color: #fff; - background-color: #5cb85c; -} - -.segmented-control-negative { - border-color: #d9534f; -} -.segmented-control-negative .control-item { - color: #d9534f; - border-color: inherit; -} -.segmented-control-negative .control-item:active { - background-color: #f9e2e2; -} -.segmented-control-negative .control-item.active { - color: #fff; - background-color: #d9534f; -} - -.control-content { - display: none; -} -.control-content.active { - display: block; -} - -.popover { - position: fixed; - top: 55px; - left: 50%; - z-index: 20; - display: none; - width: 280px; - margin-left: -140px; - background-color: white; - border-radius: 6px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); - box-shadow: 0 0 15px rgba(0, 0, 0, .1); - opacity: 0; - -webkit-transition: all .25s linear; - -moz-transition: all .25s linear; - transition: all .25s linear; - -webkit-transform: translate3d(0, -15px, 0); - -ms-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); -} -.popover:before { - position: absolute; - top: -15px; - left: 50%; - width: 0; - height: 0; - margin-left: -15px; - content: ''; - border-right: 15px solid transparent; - border-bottom: 15px solid white; - border-left: 15px solid transparent; -} -.popover.visible { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.popover .bar ~ .table-view { - padding-top: 44px; -} - -.backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 15; - background-color: rgba(0, 0, 0, .3); -} - -.popover .btn-block { - margin-bottom: 5px; -} -.popover .btn-block:last-child { - margin-bottom: 0; -} - -.popover .bar-nav { - border-bottom: 1px solid #ddd; - border-top-left-radius: 12px; - border-top-right-radius: 12px; - -webkit-box-shadow: none; - box-shadow: none; -} - -.popover .table-view { - max-height: 300px; - margin-bottom: 0; - overflow: auto; - -webkit-overflow-scrolling: touch; - background-color: #fff; - border-top: 0; - border-bottom: 0; - border-radius: 6px; -} - -.modal { - position: fixed; - top: 0; - z-index: 11; - width: 100%; - min-height: 100%; - overflow: hidden; - background-color: #fff; - opacity: 0; - -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; - -moz-transition: -moz-transform .25s, opacity 1ms .25s; - transition: transform .25s, opacity 1ms .25s; - -webkit-transform: translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); -} -.modal.active { - height: 100%; - opacity: 1; - -webkit-transition: -webkit-transform .25s; - -moz-transition: -moz-transform .25s; - transition: transform .25s; - -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} - -.slider { - width: 100%; -} - -.slider { - overflow: hidden; - background-color: #000; -} -.slider .slide-group { - position: relative; - font-size: 0; - white-space: nowrap; - -webkit-transition: all 0s linear; - -moz-transition: all 0s linear; - transition: all 0s linear; -} -.slider .slide-group .slide { - display: inline-block; - width: 100%; - height: 100%; - font-size: 14px; - vertical-align: top; -} - -.toggle { - position: relative; - display: block; - width: 74px; - height: 30px; - background-color: #fff; - border: 2px solid #ddd; - border-radius: 20px; - -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; -} -.toggle .toggle-handle { - position: absolute; - top: -1px; - left: -1px; - z-index: 2; - width: 28px; - height: 28px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 100px; - -webkit-transition-duration: .2s; - -moz-transition-duration: .2s; - transition-duration: .2s; - -webkit-transition-property: -webkit-transform, border, width; - -moz-transition-property: -moz-transform, border, width; - transition-property: transform, border, width; -} -.toggle:before { - position: absolute; - top: 3px; - right: 11px; - font-size: 13px; - color: #999; - text-transform: uppercase; - content: "Off"; -} -.toggle.active { - background-color: #5cb85c; - border: 2px solid #5cb85c; -} -.toggle.active .toggle-handle { - border-color: #5cb85c; - -webkit-transform: translate3d(44px, 0, 0); - -ms-transform: translate3d(44px, 0, 0); - transform: translate3d(44px, 0, 0); -} -.toggle.active:before { - right: auto; - left: 15px; - color: #fff; - content: "On"; -} -.toggle input[type="checkbox"] { - display: none; -} - -.content.fade { - left: 0; - opacity: 0; -} -.content.fade.in { - opacity: 1; -} -.content.sliding { - z-index: 2; - -webkit-transition: -webkit-transform .4s; - -moz-transition: -moz-transform .4s; - transition: transform .4s; - -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.content.sliding.left { - z-index: 1; - -webkit-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); -} -.content.sliding.right { - z-index: 3; - -webkit-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); -} - -.navigate-left:after, -.navigate-right:after, -.push-left:after, -.push-right:after { - position: absolute; - top: 50%; - display: inline-block; - font-family: Ratchicons; - font-size: inherit; - line-height: 1; - color: #bbb; - text-decoration: none; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - - -webkit-font-smoothing: antialiased; -} - -.navigate-left:after, -.push-left:after { - left: 15px; - content: '\e822'; -} - -.navigate-right:after, -.push-right:after { - right: 15px; - content: '\e826'; -} - -@font-face { - font-family: Ratchicons; - font-style: normal; - font-weight: normal; - - src: url("../fonts/ratchicons.eot"); - src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg"); -} -.icon { - display: inline-block; - font-family: Ratchicons; - font-size: 24px; - line-height: 1; - text-decoration: none; - - -webkit-font-smoothing: antialiased; -} - -.icon-back:before { - content: '\e80a'; -} - -.icon-bars:before { - content: '\e80e'; -} - -.icon-caret:before { - content: '\e80f'; -} - -.icon-check:before { - content: '\e810'; -} - -.icon-close:before { - content: '\e811'; -} - -.icon-code:before { - content: '\e812'; -} - -.icon-compose:before { - content: '\e813'; -} - -.icon-download:before { - content: '\e815'; -} - -.icon-edit:before { - content: '\e829'; -} - -.icon-forward:before { - content: '\e82a'; -} - -.icon-gear:before { - content: '\e821'; -} - -.icon-home:before { - content: '\e82b'; -} - -.icon-info:before { - content: '\e82c'; -} - -.icon-list:before { - content: '\e823'; -} - -.icon-more-vertical:before { - content: '\e82e'; -} - -.icon-more:before { - content: '\e82f'; -} - -.icon-pages:before { - content: '\e824'; -} - -.icon-pause:before { - content: '\e830'; -} - -.icon-person:before { - content: '\e832'; -} - -.icon-play:before { - content: '\e816'; -} - -.icon-plus:before { - content: '\e817'; -} - -.icon-refresh:before { - content: '\e825'; -} - -.icon-search:before { - content: '\e819'; -} - -.icon-share:before { - content: '\e81a'; -} - -.icon-sound:before { - content: '\e827'; -} - -.icon-sound2:before { - content: '\e828'; -} - -.icon-sound3:before { - content: '\e80b'; -} - -.icon-sound4:before { - content: '\e80c'; -} - -.icon-star-filled:before { - content: '\e81b'; -} - -.icon-star:before { - content: '\e81c'; -} - -.icon-stop:before { - content: '\e81d'; -} - -.icon-trash:before { - content: '\e81e'; -} - -.icon-up-nav:before { - content: '\e81f'; -} - -.icon-up:before { - content: '\e80d'; -} - -.icon-right-nav:before { - content: '\e818'; -} - -.icon-right:before { - content: '\e826'; -} - -.icon-down-nav:before { - content: '\e814'; -} - -.icon-down:before { - content: '\e820'; -} - -.icon-left-nav:before { - content: '\e82d'; -} - -.icon-left:before { - content: '\e822'; -} diff --git a/app/input-frontend/css/ratchet.min.css b/app/input-frontend/css/ratchet.min.css deleted file mode 100644 index 7801e0a..0000000 --- a/app/input-frontend/css/ratchet.min.css +++ /dev/null @@ -1,9 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{position:fixed;top:0;right:0;bottom:0;left:0;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#428bca;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{color:#3071a9}.content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.content>*{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.bar-nav~.content{padding-top:44px}.bar-header-secondary~.content{padding-top:88px}.bar-footer~.content{padding-bottom:44px}.bar-footer-secondary~.content{padding-bottom:88px}.bar-tab~.content{padding-bottom:50px}.bar-footer-secondary-tab~.content{padding-bottom:94px}.content-padded{margin:10px}.pull-left{float:left}.pull-right{float:right}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px;line-height:1}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{margin-top:20px;font-size:14px}.h6,h6{margin-top:20px;font-size:12px}p{margin-top:0;margin-bottom:10px;font-size:14px;color:#777}.btn{position:relative;display:inline-block;padding:6px 8px 7px;margin-bottom:0;font-size:12px;font-weight:400;line-height:1;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px}.btn.active,.btn:active{color:inherit;background-color:#ccc}.btn.disabled,.btn:disabled{opacity:.6}.btn-primary{color:#fff;background-color:#428bca;border:1px solid #428bca}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#3071a9;border:1px solid #3071a9}.btn-positive{color:#fff;background-color:#5cb85c;border:1px solid #5cb85c}.btn-positive.active,.btn-positive:active{color:#fff;background-color:#449d44;border:1px solid #449d44}.btn-negative{color:#fff;background-color:#d9534f;border:1px solid #d9534f}.btn-negative.active,.btn-negative:active{color:#fff;background-color:#c9302c;border:1px solid #c9302c}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#428bca}.btn-outlined.btn-positive{color:#5cb85c}.btn-outlined.btn-negative{color:#d9534f}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{padding-top:6px;padding-bottom:6px;color:#428bca;background-color:transparent;border:0}.btn-link.active,.btn-link:active{color:#3071a9;background-color:transparent}.btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}input[type=button],input[type=reset],input[type=submit]{width:100%}.btn .badge{margin:-2px -4px -2px 4px;font-size:12px;background-color:rgba(0,0,0,.15)}.btn .badge-inverted,.btn:active .badge-inverted{background-color:transparent}.btn-negative:active .badge-inverted,.btn-positive:active .badge-inverted,.btn-primary:active .badge-inverted{color:#fff}.btn-block .badge{position:absolute;right:0;margin-right:10px}.btn .icon{font-size:inherit}.bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:#fff;border-bottom:1px solid #ddd;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bar-header-secondary{top:44px}.bar-footer{bottom:0}.bar-footer-secondary{bottom:44px}.bar-footer-secondary-tab{bottom:50px}.bar-footer,.bar-footer-secondary,.bar-footer-secondary-tab{border-top:1px solid #ddd;border-bottom:0}.bar-nav{top:0}.title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.title a{color:inherit}.bar-tab{bottom:0;display:table;width:100%;height:50px;padding:0;table-layout:fixed;border-top:1px solid #ddd;border-bottom:0}.bar-tab .tab-item{display:table-cell;width:1%;height:50px;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#428bca}.bar-tab .tab-item .icon{top:3px;width:24px;height:24px;padding-top:0;padding-bottom:0}.bar-tab .tab-item .icon~.tab-label{display:block;font-size:11px}.bar .btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.bar .btn.pull-right{margin-left:10px}.bar .btn.pull-left{margin-right:10px}.bar .btn-link{top:0;padding:0;font-size:16px;line-height:44px;color:#428bca;border:0}.bar .btn-link.active,.bar .btn-link:active{color:#3071a9}.bar .btn-block{top:6px;padding:7px 0;margin-bottom:0;font-size:16px}.bar .btn-nav.pull-left{margin-left:-5px}.bar .btn-nav.pull-left .icon-left-nav{margin-right:-3px}.bar .btn-nav.pull-right{margin-right:-5px}.bar .btn-nav.pull-right .icon-right-nav{margin-left:-3px}.bar .icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.bar .btn .icon{top:3px;padding:0}.bar .title .icon{padding:0}.bar .title .icon.icon-caret{top:4px;margin-left:-5px}.bar input[type=search]{height:29px;margin:6px 0}.bar .segmented-control{top:7px;margin:0 auto}.badge{display:inline-block;padding:2px 9px 3px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.badge.badge-inverted{padding:0 5px 0 0;background-color:transparent}.badge-primary{color:#fff;background-color:#428bca}.badge-primary.badge-inverted{color:#428bca}.badge-positive{color:#fff;background-color:#5cb85c}.badge-positive.badge-inverted{color:#5cb85c}.badge-negative{color:#fff;background-color:#d9534f}.badge-negative.badge-inverted{color:#d9534f}.card{margin:10px;overflow:hidden;background-color:#fff;border:1px solid #ddd;border-radius:6px}.card .table-view{margin-bottom:0;border-top:0;border-bottom:0}.card .table-view .table-view-divider:first-child{top:0;border-top-left-radius:6px;border-top-right-radius:6px}.card .table-view .table-view-divider:last-child{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.card .table-view-cell:last-child{border-bottom:0}.table-view{padding-left:0;margin-top:0;margin-bottom:15px;list-style:none;background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view-cell{position:relative;padding:11px 65px 11px 15px;overflow:hidden;border-bottom:1px solid #ddd}.table-view-cell:last-child{border-bottom:0}.table-view-cell>a:not(.btn){position:relative;display:block;padding:inherit;margin:-11px -65px -11px -15px;overflow:hidden;color:inherit}.table-view-cell>a:not(.btn):active{background-color:#eee}.table-view-cell p{margin-bottom:0}.table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.table-view .media,.table-view .media-body{overflow:hidden}.table-view .media-object.pull-left{margin-right:10px}.table-view .media-object.pull-right{margin-left:10px}.table-view-cell>.badge,.table-view-cell>.btn,.table-view-cell>.toggle,.table-view-cell>a>.badge,.table-view-cell>a>.btn,.table-view-cell>a>.toggle{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.table-view-cell .navigate-left>.badge,.table-view-cell .navigate-left>.btn,.table-view-cell .navigate-left>.toggle,.table-view-cell .navigate-right>.badge,.table-view-cell .navigate-right>.btn,.table-view-cell .navigate-right>.toggle,.table-view-cell .push-left>.badge,.table-view-cell .push-left>.btn,.table-view-cell .push-left>.toggle,.table-view-cell .push-right>.badge,.table-view-cell .push-right>.btn,.table-view-cell .push-right>.toggle,.table-view-cell>a .navigate-left>.badge,.table-view-cell>a .navigate-left>.btn,.table-view-cell>a .navigate-left>.toggle,.table-view-cell>a .navigate-right>.badge,.table-view-cell>a .navigate-right>.btn,.table-view-cell>a .navigate-right>.toggle,.table-view-cell>a .push-left>.badge,.table-view-cell>a .push-left>.btn,.table-view-cell>a .push-left>.toggle,.table-view-cell>a .push-right>.badge,.table-view-cell>a .push-right>.btn,.table-view-cell>a .push-right>.toggle{right:35px}.content>.table-view:first-child{margin-top:15px}button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:35px;-webkit-appearance:none;padding:0 15px;margin-bottom:15px;line-height:21px;background-color:#fff;border:1px solid #ddd;border-radius:3px;outline:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:16px;border-radius:20px}input[type=search]:focus{text-align:left}textarea{height:auto}select{height:auto;font-size:14px;background-color:#f8f8f8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.input-group{background-color:#fff}.input-group input,.input-group textarea{margin-bottom:0;background-color:transparent;border-top:0;border-right:0;border-left:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.input-row{height:35px;overflow:hidden;border-bottom:1px solid #ddd}.input-row label{float:left;width:35%;padding:8px 15px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.input-row input{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.segmented-control{position:relative;display:table;overflow:hidden;font-size:12px;font-weight:400;background-color:#fff;border:1px solid #ccc;border-radius:3px}.segmented-control .control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ccc}.segmented-control .control-item:first-child{border-left-width:0}.segmented-control .control-item:active{background-color:#eee}.segmented-control .control-item.active{background-color:#ccc}.segmented-control-primary{border-color:#428bca}.segmented-control-primary .control-item{color:#428bca;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#cde1f1}.segmented-control-primary .control-item.active{color:#fff;background-color:#428bca}.segmented-control-positive{border-color:#5cb85c}.segmented-control-positive .control-item{color:#5cb85c;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#d8eed8}.segmented-control-positive .control-item.active{color:#fff;background-color:#5cb85c}.segmented-control-negative{border-color:#d9534f}.segmented-control-negative .control-item{color:#d9534f;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#f9e2e2}.segmented-control-negative .control-item.active{color:#fff;background-color:#d9534f}.control-content{display:none}.control-content.active{display:block}.popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-15px;content:'';border-right:15px solid transparent;border-bottom:15px solid #fff;border-left:15px solid transparent}.popover.visible{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.popover .bar~.table-view{padding-top:44px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.popover .btn-block{margin-bottom:5px}.popover .btn-block:last-child{margin-bottom:0}.popover .bar-nav{border-bottom:1px solid #ddd;border-top-left-radius:12px;border-top-right-radius:12px;-webkit-box-shadow:none;box-shadow:none}.popover .table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff;border-top:0;border-bottom:0;border-radius:6px}.modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.modal.active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slider{width:100%;overflow:hidden;background-color:#000}.slider .slide-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;transition:all 0s linear}.slider .slide-group .slide{display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.toggle{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;-moz-transition-property:background-color,border;transition-property:background-color,border}.toggle .toggle-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.toggle.active{background-color:#5cb85c;border:2px solid #5cb85c}.toggle.active .toggle-handle{border-color:#5cb85c;-webkit-transform:translate3d(44px,0,0);-ms-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.toggle.active:before{right:auto;left:15px;color:#fff;content:"On"}.toggle input[type=checkbox]{display:none}.content.fade{left:0;opacity:0}.content.fade.in{opacity:1}.content.sliding{z-index:2;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content.sliding.left{z-index:1;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.content.sliding.right{z-index:3;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after{position:absolute;top:50%;display:inline-block;font-family:Ratchicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.navigate-left:after,.push-left:after{left:15px;content:'\e822'}.navigate-right:after,.push-right:after{right:15px;content:'\e826'}@font-face{font-family:Ratchicons;font-style:normal;font-weight:400;src:url(../fonts/ratchicons.eot);src:url(../fonts/ratchicons.eot?#iefix) format("embedded-opentype"),url(../fonts/ratchicons.woff) format("woff"),url(../fonts/ratchicons.ttf) format("truetype"),url(../fonts/ratchicons.svg#svgFontName) format("svg")}.icon{display:inline-block;font-family:Ratchicons;font-size:24px;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.icon-back:before{content:'\e80a'}.icon-bars:before{content:'\e80e'}.icon-caret:before{content:'\e80f'}.icon-check:before{content:'\e810'}.icon-close:before{content:'\e811'}.icon-code:before{content:'\e812'}.icon-compose:before{content:'\e813'}.icon-download:before{content:'\e815'}.icon-edit:before{content:'\e829'}.icon-forward:before{content:'\e82a'}.icon-gear:before{content:'\e821'}.icon-home:before{content:'\e82b'}.icon-info:before{content:'\e82c'}.icon-list:before{content:'\e823'}.icon-more-vertical:before{content:'\e82e'}.icon-more:before{content:'\e82f'}.icon-pages:before{content:'\e824'}.icon-pause:before{content:'\e830'}.icon-person:before{content:'\e832'}.icon-play:before{content:'\e816'}.icon-plus:before{content:'\e817'}.icon-refresh:before{content:'\e825'}.icon-search:before{content:'\e819'}.icon-share:before{content:'\e81a'}.icon-sound:before{content:'\e827'}.icon-sound2:before{content:'\e828'}.icon-sound3:before{content:'\e80b'}.icon-sound4:before{content:'\e80c'}.icon-star-filled:before{content:'\e81b'}.icon-star:before{content:'\e81c'}.icon-stop:before{content:'\e81d'}.icon-trash:before{content:'\e81e'}.icon-up-nav:before{content:'\e81f'}.icon-up:before{content:'\e80d'}.icon-right-nav:before{content:'\e818'}.icon-right:before{content:'\e826'}.icon-down-nav:before{content:'\e814'}.icon-down:before{content:'\e820'}.icon-left-nav:before{content:'\e82d'}.icon-left:before{content:'\e822'} \ No newline at end of file diff --git a/app/input-frontend/fonts/ratchicons.eot b/app/input-frontend/fonts/ratchicons.eot deleted file mode 100644 index 536e572..0000000 Binary files a/app/input-frontend/fonts/ratchicons.eot and /dev/null differ diff --git a/app/input-frontend/fonts/ratchicons.svg b/app/input-frontend/fonts/ratchicons.svg deleted file mode 100644 index 3abf5dd..0000000 --- a/app/input-frontend/fonts/ratchicons.svg +++ /dev/null @@ -1,61 +0,0 @@ - - - -Copyright (C) 2014 by original authors @ fontello.com - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/app/input-frontend/fonts/ratchicons.ttf b/app/input-frontend/fonts/ratchicons.ttf deleted file mode 100644 index 927eb58..0000000 Binary files a/app/input-frontend/fonts/ratchicons.ttf and /dev/null differ diff --git a/app/input-frontend/fonts/ratchicons.woff b/app/input-frontend/fonts/ratchicons.woff deleted file mode 100644 index 25f1e75..0000000 Binary files a/app/input-frontend/fonts/ratchicons.woff and /dev/null differ diff --git a/app/input-frontend/index.html b/app/input-frontend/index.html deleted file mode 100644 index 4736d62..0000000 --- a/app/input-frontend/index.html +++ /dev/null @@ -1,164 +0,0 @@ - - - - - - Fun with Binary - - - - - - - - - - - - - -
- -

- Have fun with Binary -

-
- -
- - - -
- - - - - - - - -
- - -

Made with love by Diogo Cordeiro

-
- - - - - - - diff --git a/app/input-frontend/js/ratchet.js b/app/input-frontend/js/ratchet.js deleted file mode 100644 index 3dde418..0000000 --- a/app/input-frontend/js/ratchet.js +++ /dev/null @@ -1,10 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */ -!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";var a,b=function(){},c=20,d=sessionStorage,e={},f={slideIn:"slide-out",slideOut:"slide-in",fade:"fade"},g={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},h=function(a,b){o.id=a.id,b&&(a=k(a.id)),d[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url),e[a.id]=document.body.cloneNode(!0)},i=function(){var a=o.id,b=JSON.parse(d.cacheForwardStack||"[]"),e=JSON.parse(d.cacheBackStack||"[]");for(e.push(a);b.length;)delete d[b.shift()];for(;e.length>c;)delete d[e.shift()];window.history.pushState(null,"",d[o.id].url),d.cacheForwardStack=JSON.stringify(b),d.cacheBackStack=JSON.stringify(e)},j=function(a,b){var c="forward"===b,e=JSON.parse(d.cacheForwardStack||"[]"),f=JSON.parse(d.cacheBackStack||"[]"),g=c?f:e,h=c?e:f;o.id&&g.push(o.id),h.pop(),d.cacheForwardStack=JSON.stringify(e),d.cacheBackStack=JSON.stringify(f)},k=function(a){return JSON.parse(d[a]||null)||{}},l=function(b){var c=t(b.target);if(!(!c||b.which>1||b.metaKey||b.ctrlKey||a||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},m=function(a){var b=l(a);b&&(a.preventDefault(),o({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},n=function(a){var b,c,h,i,l,m,n,p,q=a.state;if(q&&d[q]){if(l=o.id]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title");var g="innerText"in e.title?"innerText":"textContent";return e.title=e.title&&e.title[g].trim(),b.transition?e=v(e,".content",d):e.contents=d,e};window.addEventListener("touchstart",function(){a=!1}),window.addEventListener("touchmove",function(){a=!0}),window.addEventListener("touchend",m),window.addEventListener("click",function(a){l(a)&&a.preventDefault()}),window.addEventListener("popstate",n),window.PUSH=o}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},o=function(){if("webkitTransform"in c.style){var a=c.style.webkitTransform.match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)}},p=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](o()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},q=function(f){if(c=n(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,p(0),c.style["-webkit-transition-duration"]=0}},r=function(h){h.touches.length>1||!c||(d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+o(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style.webkitTransform="translate3d("+f+"px,0,0)"))},s=function(a){c&&!l&&(p(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style["-webkit-transition-duration"]=".2s",c.style.webkitTransform="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",q),window.addEventListener("touchmove",r),window.addEventListener("touchend",s)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=e(c.target)){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(e){if(e=e.originalEvent||e,!(e.touches.length>1)&&d){var f=d.querySelector(".toggle-handle"),g=e.touches[0],h=d.clientWidth,i=f.clientWidth,j=h-i;if(b=!0,c=g.pageX-a.pageX,!(Math.abs(c)c)return f.style.webkitTransform="translate3d(0,0,0)";if(c>j)return f.style.webkitTransform="translate3d("+j+"px,0,0)";f.style.webkitTransform="translate3d("+c+"px,0,0)",d.classList[c>h/2-i/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var e=d.querySelector(".toggle-handle"),f=d.clientWidth,g=e.clientWidth,h=f-g,i=!b&&!d.classList.contains("active")||b&&c>f/2-g/2;e.style.webkitTransform=i?"translate3d("+h+"px,0,0)":"translate3d(0,0,0)",d.classList[i?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:i},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}(); \ No newline at end of file diff --git a/app/input-frontend/js/ratchet.min.js b/app/input-frontend/js/ratchet.min.js deleted file mode 100644 index 307e250..0000000 --- a/app/input-frontend/js/ratchet.min.js +++ /dev/null @@ -1,944 +0,0 @@ -/*! - * ===================================================== - * Ratchet v2.0.2 (http://goratchet.com) - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * - * v2.0.2 designed by @connors. - * ===================================================== - */ -/* ======================================================================== - * Ratchet: modals.js v2.0.2 - * http://goratchet.com/components#modals - * ======================================================================== - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -!(function () { - 'use strict'; - - var findModals = function (target) { - var i; - var modals = document.querySelectorAll('a'); - - for (; target && target !== document; target = target.parentNode) { - for (i = modals.length; i--;) { - if (modals[i] === target) { - return target; - } - } - } - }; - - var getModal = function (event) { - var modalToggle = findModals(event.target); - if (modalToggle && modalToggle.hash) { - return document.querySelector(modalToggle.hash); - } - }; - - window.addEventListener('click', function (event) { - var modal = getModal(event); - if (modal) { - if (modal && modal.classList.contains('modal')) { - modal.classList.toggle('active'); - } - event.preventDefault(); // prevents rewriting url (apps can still use hash values in url) - } - }); -}()); - -/* ======================================================================== - * Ratchet: popovers.js v2.0.2 - * http://goratchet.com/components#popovers - * ======================================================================== - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -!(function () { - 'use strict'; - - var popover; - - var findPopovers = function (target) { - var i; - var popovers = document.querySelectorAll('a'); - - for (; target && target !== document; target = target.parentNode) { - for (i = popovers.length; i--;) { - if (popovers[i] === target) { - return target; - } - } - } - }; - - var onPopoverHidden = function () { - popover.style.display = 'none'; - popover.removeEventListener('webkitTransitionEnd', onPopoverHidden); - }; - - var backdrop = (function () { - var element = document.createElement('div'); - - element.classList.add('backdrop'); - - element.addEventListener('touchend', function () { - popover.addEventListener('webkitTransitionEnd', onPopoverHidden); - popover.classList.remove('visible'); - popover.parentNode.removeChild(backdrop); - }); - - return element; - }()); - - var getPopover = function (e) { - var anchor = findPopovers(e.target); - - if (!anchor || !anchor.hash || (anchor.hash.indexOf('/') > 0)) { - return; - } - - try { - popover = document.querySelector(anchor.hash); - } - catch (error) { - popover = null; - } - - if (popover === null) { - return; - } - - if (!popover || !popover.classList.contains('popover')) { - return; - } - - return popover; - }; - - var showHidePopover = function (e) { - var popover = getPopover(e); - - if (!popover) { - return; - } - - popover.style.display = 'block'; - popover.offsetHeight; - popover.classList.add('visible'); - - popover.parentNode.appendChild(backdrop); - }; - - window.addEventListener('touchend', showHidePopover); - -}()); - -/* ======================================================================== - * Ratchet: push.js v2.0.2 - * http://goratchet.com/components#push - * ======================================================================== - * inspired by @defunkt's jquery.pjax.js - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -/* global _gaq: true */ - -!(function () { - 'use strict'; - - var noop = function () {}; - - - // Pushstate caching - // ================== - - var isScrolling; - var maxCacheLength = 20; - var cacheMapping = sessionStorage; - var domCache = {}; - var transitionMap = { - slideIn : 'slide-out', - slideOut : 'slide-in', - fade : 'fade' - }; - - var bars = { - bartab : '.bar-tab', - barnav : '.bar-nav', - barfooter : '.bar-footer', - barheadersecondary : '.bar-header-secondary' - }; - - var cacheReplace = function (data, updates) { - PUSH.id = data.id; - if (updates) { - data = getCached(data.id); - } - cacheMapping[data.id] = JSON.stringify(data); - window.history.replaceState(data.id, data.title, data.url); - domCache[data.id] = document.body.cloneNode(true); - }; - - var cachePush = function () { - var id = PUSH.id; - - var cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'); - var cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); - - cacheBackStack.push(id); - - while (cacheForwardStack.length) { - delete cacheMapping[cacheForwardStack.shift()]; - } - while (cacheBackStack.length > maxCacheLength) { - delete cacheMapping[cacheBackStack.shift()]; - } - - window.history.pushState(null, '', cacheMapping[PUSH.id].url); - - cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); - cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); - }; - - var cachePop = function (id, direction) { - var forward = direction === 'forward'; - var cacheForwardStack = JSON.parse(cacheMapping.cacheForwardStack || '[]'); - var cacheBackStack = JSON.parse(cacheMapping.cacheBackStack || '[]'); - var pushStack = forward ? cacheBackStack : cacheForwardStack; - var popStack = forward ? cacheForwardStack : cacheBackStack; - - if (PUSH.id) { - pushStack.push(PUSH.id); - } - popStack.pop(); - - cacheMapping.cacheForwardStack = JSON.stringify(cacheForwardStack); - cacheMapping.cacheBackStack = JSON.stringify(cacheBackStack); - }; - - var getCached = function (id) { - return JSON.parse(cacheMapping[id] || null) || {}; - }; - - var getTarget = function (e) { - var target = findTarget(e.target); - - if (!target || - e.which > 1 || - e.metaKey || - e.ctrlKey || - isScrolling || - location.protocol !== target.protocol || - location.host !== target.host || - !target.hash && /#/.test(target.href) || - target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '') || - target.getAttribute('data-ignore') === 'push') { return; } - - return target; - }; - - - // Main event handlers (touchend, popstate) - // ========================================== - - var touchend = function (e) { - var target = getTarget(e); - - if (!target) { - return; - } - - e.preventDefault(); - - PUSH({ - url : target.href, - hash : target.hash, - timeout : target.getAttribute('data-timeout'), - transition : target.getAttribute('data-transition') - }); - }; - - var popstate = function (e) { - var key; - var barElement; - var activeObj; - var activeDom; - var direction; - var transition; - var transitionFrom; - var transitionFromObj; - var id = e.state; - - if (!id || !cacheMapping[id]) { - return; - } - - direction = PUSH.id < id ? 'forward' : 'back'; - - cachePop(id, direction); - - activeObj = getCached(id); - activeDom = domCache[id]; - - if (activeObj.title) { - document.title = activeObj.title; - } - - if (direction === 'back') { - transitionFrom = JSON.parse(direction === 'back' ? cacheMapping.cacheForwardStack : cacheMapping.cacheBackStack); - transitionFromObj = getCached(transitionFrom[transitionFrom.length - 1]); - } else { - transitionFromObj = activeObj; - } - - if (direction === 'back' && !transitionFromObj.id) { - return (PUSH.id = id); - } - - transition = direction === 'back' ? transitionMap[transitionFromObj.transition] : transitionFromObj.transition; - - if (!activeDom) { - return PUSH({ - id : activeObj.id, - url : activeObj.url, - title : activeObj.title, - timeout : activeObj.timeout, - transition : transition, - ignorePush : true - }); - } - - if (transitionFromObj.transition) { - activeObj = extendWithDom(activeObj, '.content', activeDom.cloneNode(true)); - for (key in bars) { - if (bars.hasOwnProperty(key)) { - barElement = document.querySelector(bars[key]); - if (activeObj[key]) { - swapContent(activeObj[key], barElement); - } else if (barElement) { - barElement.parentNode.removeChild(barElement); - } - } - } - } - - swapContent( - (activeObj.contents || activeDom).cloneNode(true), - document.querySelector('.content'), - transition - ); - - PUSH.id = id; - - document.body.offsetHeight; // force reflow to prevent scroll - }; - - - // Core PUSH functionality - // ======================= - - var PUSH = function (options) { - var key; - var xhr = PUSH.xhr; - - options.container = options.container || options.transition ? document.querySelector('.content') : document.body; - - for (key in bars) { - if (bars.hasOwnProperty(key)) { - options[key] = options[key] || document.querySelector(bars[key]); - } - } - - if (xhr && xhr.readyState < 4) { - xhr.onreadystatechange = noop; - xhr.abort(); - } - - xhr = new XMLHttpRequest(); - xhr.open('GET', options.url, true); - xhr.setRequestHeader('X-PUSH', 'true'); - - xhr.onreadystatechange = function () { - if (options._timeout) { - clearTimeout(options._timeout); - } - if (xhr.readyState === 4) { - xhr.status === 200 ? success(xhr, options) : failure(options.url); - } - }; - - if (!PUSH.id) { - cacheReplace({ - id : +new Date(), - url : window.location.href, - title : document.title, - timeout : options.timeout, - transition : null - }); - } - - if (options.timeout) { - options._timeout = setTimeout(function () { xhr.abort('timeout'); }, options.timeout); - } - - xhr.send(); - - if (xhr.readyState && !options.ignorePush) { - cachePush(); - } - }; - - - // Main XHR handlers - // ================= - - var success = function (xhr, options) { - var key; - var barElement; - var data = parseXHR(xhr, options); - - if (!data.contents) { - return locationReplace(options.url); - } - - if (data.title) { - document.title = data.title; - } - - if (options.transition) { - for (key in bars) { - if (bars.hasOwnProperty(key)) { - barElement = document.querySelector(bars[key]); - if (data[key]) { - swapContent(data[key], barElement); - } else if (barElement) { - barElement.parentNode.removeChild(barElement); - } - } - } - } - - swapContent(data.contents, options.container, options.transition, function () { - cacheReplace({ - id : options.id || +new Date(), - url : data.url, - title : data.title, - timeout : options.timeout, - transition : options.transition - }, options.id); - triggerStateChange(); - }); - - if (!options.ignorePush && window._gaq) { - _gaq.push(['_trackPageview']); // google analytics - } - if (!options.hash) { - return; - } - }; - - var failure = function (url) { - throw new Error('Could not get: ' + url); - }; - - - // PUSH helpers - // ============ - - var swapContent = function (swap, container, transition, complete) { - var enter; - var containerDirection; - var swapDirection; - - if (!transition) { - if (container) { - container.innerHTML = swap.innerHTML; - } else if (swap.classList.contains('content')) { - document.body.appendChild(swap); - } else { - document.body.insertBefore(swap, document.querySelector('.content')); - } - } else { - enter = /in$/.test(transition); - - if (transition === 'fade') { - container.classList.add('in'); - container.classList.add('fade'); - swap.classList.add('fade'); - } - - if (/slide/.test(transition)) { - swap.classList.add('sliding-in', enter ? 'right' : 'left'); - swap.classList.add('sliding'); - container.classList.add('sliding'); - } - - container.parentNode.insertBefore(swap, container); - } - - if (!transition) { - complete && complete(); - } - - if (transition === 'fade') { - container.offsetWidth; // force reflow - container.classList.remove('in'); - var fadeContainerEnd = function () { - container.removeEventListener('webkitTransitionEnd', fadeContainerEnd); - swap.classList.add('in'); - swap.addEventListener('webkitTransitionEnd', fadeSwapEnd); - }; - var fadeSwapEnd = function () { - swap.removeEventListener('webkitTransitionEnd', fadeSwapEnd); - container.parentNode.removeChild(container); - swap.classList.remove('fade'); - swap.classList.remove('in'); - complete && complete(); - }; - container.addEventListener('webkitTransitionEnd', fadeContainerEnd); - - } - - if (/slide/.test(transition)) { - var slideEnd = function () { - swap.removeEventListener('webkitTransitionEnd', slideEnd); - swap.classList.remove('sliding', 'sliding-in'); - swap.classList.remove(swapDirection); - container.parentNode.removeChild(container); - complete && complete(); - }; - - container.offsetWidth; // force reflow - swapDirection = enter ? 'right' : 'left'; - containerDirection = enter ? 'left' : 'right'; - container.classList.add(containerDirection); - swap.classList.remove(swapDirection); - swap.addEventListener('webkitTransitionEnd', slideEnd); - } - }; - - var triggerStateChange = function () { - var e = new CustomEvent('push', { - detail: { state: getCached(PUSH.id) }, - bubbles: true, - cancelable: true - }); - - window.dispatchEvent(e); - }; - - var findTarget = function (target) { - var i; - var toggles = document.querySelectorAll('a'); - - for (; target && target !== document; target = target.parentNode) { - for (i = toggles.length; i--;) { - if (toggles[i] === target) { - return target; - } - } - } - }; - - var locationReplace = function (url) { - window.history.replaceState(null, '', '#'); - window.location.replace(url); - }; - - var extendWithDom = function (obj, fragment, dom) { - var i; - var result = {}; - - for (i in obj) { - if (obj.hasOwnProperty(i)) { - result[i] = obj[i]; - } - } - - Object.keys(bars).forEach(function (key) { - var el = dom.querySelector(bars[key]); - if (el) { - el.parentNode.removeChild(el); - } - result[key] = el; - }); - - result.contents = dom.querySelector(fragment); - - return result; - }; - - var parseXHR = function (xhr, options) { - var head; - var body; - var data = {}; - var responseText = xhr.responseText; - - data.url = options.url; - - if (!responseText) { - return data; - } - - if (/]*>([\s\S.]*)<\/head>/i)[0]; - body.innerHTML = responseText.match(/]*>([\s\S.]*)<\/body>/i)[0]; - } else { - head = body = document.createElement('div'); - head.innerHTML = responseText; - } - - data.title = head.querySelector('title'); - var text = 'innerText' in data.title ? 'innerText' : 'textContent'; - data.title = data.title && data.title[text].trim(); - - if (options.transition) { - data = extendWithDom(data, '.content', body); - } else { - data.contents = body; - } - - return data; - }; - - - // Attach PUSH event handlers - // ========================== - - window.addEventListener('touchstart', function () { isScrolling = false; }); - window.addEventListener('touchmove', function () { isScrolling = true; }); - window.addEventListener('touchend', touchend); - window.addEventListener('click', function (e) { if (getTarget(e)) {e.preventDefault();} }); - window.addEventListener('popstate', popstate); - window.PUSH = PUSH; - -}()); - -/* ======================================================================== - * Ratchet: segmented-controllers.js v2.0.2 - * http://goratchet.com/components#segmentedControls - * ======================================================================== - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -!(function () { - 'use strict'; - - var getTarget = function (target) { - var i; - var segmentedControls = document.querySelectorAll('.segmented-control .control-item'); - - for (; target && target !== document; target = target.parentNode) { - for (i = segmentedControls.length; i--;) { - if (segmentedControls[i] === target) { - return target; - } - } - } - }; - - window.addEventListener('touchend', function (e) { - var activeTab; - var activeBodies; - var targetBody; - var targetTab = getTarget(e.target); - var className = 'active'; - var classSelector = '.' + className; - - if (!targetTab) { - return; - } - - activeTab = targetTab.parentNode.querySelector(classSelector); - - if (activeTab) { - activeTab.classList.remove(className); - } - - targetTab.classList.add(className); - - if (!targetTab.hash) { - return; - } - - targetBody = document.querySelector(targetTab.hash); - - if (!targetBody) { - return; - } - - activeBodies = targetBody.parentNode.querySelectorAll(classSelector); - - for (var i = 0; i < activeBodies.length; i++) { - activeBodies[i].classList.remove(className); - } - - targetBody.classList.add(className); - }); - - window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} }); -}()); - -/* ======================================================================== - * Ratchet: sliders.js v2.0.2 - * http://goratchet.com/components#sliders - * ======================================================================== - Adapted from Brad Birdsall's swipe - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -!(function () { - 'use strict'; - - var pageX; - var pageY; - var slider; - var deltaX; - var deltaY; - var offsetX; - var lastSlide; - var startTime; - var resistance; - var sliderWidth; - var slideNumber; - var isScrolling; - var scrollableArea; - - var getSlider = function (target) { - var i; - var sliders = document.querySelectorAll('.slider > .slide-group'); - - for (; target && target !== document; target = target.parentNode) { - for (i = sliders.length; i--;) { - if (sliders[i] === target) { - return target; - } - } - } - }; - - var getScroll = function () { - if ('webkitTransform' in slider.style) { - var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/); - var ret = translate3d ? translate3d[1] : 0; - return parseInt(ret, 10); - } - }; - - var setSlideNumber = function (offset) { - var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round'; - slideNumber = Math[round](getScroll() / (scrollableArea / slider.children.length)); - slideNumber += offset; - slideNumber = Math.min(slideNumber, 0); - slideNumber = Math.max(-(slider.children.length - 1), slideNumber); - }; - - var onTouchStart = function (e) { - slider = getSlider(e.target); - - if (!slider) { - return; - } - - var firstItem = slider.querySelector('.slide'); - - scrollableArea = firstItem.offsetWidth * slider.children.length; - isScrolling = undefined; - sliderWidth = slider.offsetWidth; - resistance = 1; - lastSlide = -(slider.children.length - 1); - startTime = +new Date(); - pageX = e.touches[0].pageX; - pageY = e.touches[0].pageY; - deltaX = 0; - deltaY = 0; - - setSlideNumber(0); - - slider.style['-webkit-transition-duration'] = 0; - }; - - var onTouchMove = function (e) { - if (e.touches.length > 1 || !slider) { - return; // Exit if a pinch || no slider - } - - deltaX = e.touches[0].pageX - pageX; - deltaY = e.touches[0].pageY - pageY; - pageX = e.touches[0].pageX; - pageY = e.touches[0].pageY; - - if (typeof isScrolling === 'undefined') { - isScrolling = Math.abs(deltaY) > Math.abs(deltaX); - } - - if (isScrolling) { - return; - } - - offsetX = (deltaX / resistance) + getScroll(); - - e.preventDefault(); - - resistance = slideNumber === 0 && deltaX > 0 ? (pageX / sliderWidth) + 1.25 : - slideNumber === lastSlide && deltaX < 0 ? (Math.abs(pageX) / sliderWidth) + 1.25 : 1; - - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; - }; - - var onTouchEnd = function (e) { - if (!slider || isScrolling) { - return; - } - - setSlideNumber( - (+new Date()) - startTime < 1000 && Math.abs(deltaX) > 15 ? (deltaX < 0 ? -1 : 1) : 0 - ); - - offsetX = slideNumber * sliderWidth; - - slider.style['-webkit-transition-duration'] = '.2s'; - slider.style.webkitTransform = 'translate3d(' + offsetX + 'px,0,0)'; - - e = new CustomEvent('slide', { - detail: { slideNumber: Math.abs(slideNumber) }, - bubbles: true, - cancelable: true - }); - - slider.parentNode.dispatchEvent(e); - }; - - window.addEventListener('touchstart', onTouchStart); - window.addEventListener('touchmove', onTouchMove); - window.addEventListener('touchend', onTouchEnd); - -}()); - -/* ======================================================================== - * Ratchet: toggles.js v2.0.2 - * http://goratchet.com/components#toggles - * ======================================================================== - Adapted from Brad Birdsall's swipe - * Copyright 2014 Connor Sears - * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE) - * ======================================================================== */ - -!(function () { - 'use strict'; - - var start = {}; - var touchMove = false; - var distanceX = false; - var toggle = false; - - var findToggle = function (target) { - var i; - var toggles = document.querySelectorAll('.toggle'); - - for (; target && target !== document; target = target.parentNode) { - for (i = toggles.length; i--;) { - if (toggles[i] === target) { - return target; - } - } - } - }; - - window.addEventListener('touchstart', function (e) { - e = e.originalEvent || e; - - toggle = findToggle(e.target); - - if (!toggle) { - return; - } - - var handle = toggle.querySelector('.toggle-handle'); - var toggleWidth = toggle.clientWidth; - var handleWidth = handle.clientWidth; - var offset = toggle.classList.contains('active') ? (toggleWidth - handleWidth) : 0; - - start = { pageX : e.touches[0].pageX - offset, pageY : e.touches[0].pageY }; - touchMove = false; - }); - - window.addEventListener('touchmove', function (e) { - e = e.originalEvent || e; - - if (e.touches.length > 1) { - return; // Exit if a pinch - } - - if (!toggle) { - return; - } - - var handle = toggle.querySelector('.toggle-handle'); - var current = e.touches[0]; - var toggleWidth = toggle.clientWidth; - var handleWidth = handle.clientWidth; - var offset = toggleWidth - handleWidth; - - touchMove = true; - distanceX = current.pageX - start.pageX; - - if (Math.abs(distanceX) < Math.abs(current.pageY - start.pageY)) { - return; - } - - e.preventDefault(); - - if (distanceX < 0) { - return (handle.style.webkitTransform = 'translate3d(0,0,0)'); - } - if (distanceX > offset) { - return (handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'); - } - - handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)'; - - toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active'); - }); - - window.addEventListener('touchend', function (e) { - if (!toggle) { - return; - } - - var handle = toggle.querySelector('.toggle-handle'); - var toggleWidth = toggle.clientWidth; - var handleWidth = handle.clientWidth; - var offset = (toggleWidth - handleWidth); - var slideOn = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2))); - - if (slideOn) { - handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)'; - } else { - handle.style.webkitTransform = 'translate3d(0,0,0)'; - } - - toggle.classList[slideOn ? 'add' : 'remove']('active'); - - e = new CustomEvent('toggle', { - detail: { isActive: slideOn }, - bubbles: true, - cancelable: true - }); - - toggle.dispatchEvent(e); - - touchMove = false; - toggle = false; - }); - -}()); diff --git a/app/input-frontend/pic_bulboff.gif b/app/input-frontend/pic_bulboff.gif deleted file mode 100644 index 65cacdd..0000000 Binary files a/app/input-frontend/pic_bulboff.gif and /dev/null differ diff --git a/app/input-frontend/pic_bulbon.gif b/app/input-frontend/pic_bulbon.gif deleted file mode 100644 index 72ecfc4..0000000 Binary files a/app/input-frontend/pic_bulbon.gif and /dev/null differ diff --git a/arduino/output/output.ino b/arduino/output/output.ino deleted file mode 100644 index 7e606af..0000000 --- a/arduino/output/output.ino +++ /dev/null @@ -1,168 +0,0 @@ -/** - * Fun with Binary - a fun way of introducing binary - * Copyright (C) 2018, Diogo Cordeiro. - * - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see . - * - * - * output.ino - * - * Fun with Binary - * Arduino Controller - * - * Diogo Peralta Cordeiro - * up201705417@fc.up.pt - * - * Receives input via the searial port and turn the leds accordingly. - */ - -// int bits[6] = {12, 10, 8, 6, 4, 2}; -int bits[6] = { 2, 4, 6, 8, 10, 12 }; - -// Memorizes bits state -int bits_state[6] = { 0 }; - -// for incoming serial data -int incomingByte = 0; - -// the setup routine runs once when you press reset: -void -setup() -{ - // initialize the digital pins as an output. - for (int i = 0; i < 6; i++) - { - pinMode(bits[i], OUTPUT); - } - - // initialize serial communication at 9600 bits per second: - Serial.begin(9600); -} - - - -// the loop routine runs over and over again forever: -void -loop() -{ - if (Serial.available() > 0) - { - // read the incoming byte: - incomingByte = Serial.read() - '0'; - - // handle it - if (incomingByte == 7) - { - won_game(); - } - else if (incomingByte == 8) - { - lost_game(); - } - else if (incomingByte == 9) - { - reset_game(); - } - else if (bits_state[incomingByte] == 1) - { // Turn LED off - digitalWrite(bits[incomingByte], LOW); - bits_state[incomingByte] = 0; - } - else - { // Turn LED on - digitalWrite(bits[incomingByte], HIGH); - bits_state[incomingByte] = 1; - } - } -} - -/** - * Blinks every LED while waits for reset signal - */ -void -won_game() -{ - while (true) - { - // read the incoming byte: - incomingByte = Serial.read() - '0'; - if (incomingByte == 9) - { - reset_game(); - break; - } - - for (int i = 0; i < 6; i++) - { - digitalWrite(bits[i], LOW); - } - - delay(1000); - - for (int i = 0; i < 6; i++) - { - digitalWrite(bits[i], HIGH); - } - - delay(1000); - } -} - -/** - * Blinks red LEDs while waits for reset signal - */ -void -lost_game() -{ - for (int i = 0; i < 6; i++) - { - digitalWrite(bits[i], LOW); - } - - while (true) - { - // read the incoming byte: - incomingByte = Serial.read() - '0'; - if (incomingByte == 9) - { - reset_game(); - break; - } - - digitalWrite(bits[0], LOW); - digitalWrite(bits[2], LOW); - digitalWrite(bits[4], LOW); - - delay(1000); - - digitalWrite(bits[0], HIGH); - digitalWrite(bits[2], HIGH); - digitalWrite(bits[4], HIGH); - - delay(1000); - } -} - -/** - * Resets for a potential new game - */ -void -reset_game() -{ - for (int i = 0; i < 6; i++) - { - digitalWrite(bits[i], LOW); - bits_state[i] = 0; - } -} diff --git a/index.html b/index.html new file mode 100644 index 0000000..1460f18 --- /dev/null +++ b/index.html @@ -0,0 +1,72 @@ + + + + + + + + Fun with Binary + + + + + + + + +
+
+ + +
+

+ How do you represent the number + + in binary? +

+
+ + +
    +
  • +
    +

    Labels

    + +
    +
    • +
+ + +

Made with ♥ by + Diogo Cordeiro

+ + + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..d57f3a2 --- /dev/null +++ b/script.js @@ -0,0 +1,404 @@ +/* + * Fun with Binary - a fun way of introducing binary + * Copyright (C) 2018, Diogo Cordeiro. + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + * + * @category UI interaction + * @package Fun with Binary + * @author Diogo Cordeiro + * @copyright 2018 Diogo Cordeiro. + * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0 + * @link https://www.diogo.site/projects/fun_with_binary/ + */ + +/*********************************** + * EXTEND JAVASCRIPT FUNCTIONALITY * + ***********************************/ + +/** + * Returns a random integer between min(inclusive) and max(inclusive) + * Using Math.round() would give a non-uniform distribution! + */ +function getRandomInt(min, max) +{ + return Math.floor(Math.random() *(max - min + 1)) + min; +} + +/** + * Replace char at given position + */ +String.prototype.replaceAt=function(index, replacement) +{ + return this.substr(0, index) + replacement+ this.substr(index + + replacement.length); +} + +/** + * Checks if session storage is available + */ +function is_session_storage_available() +{ + return window.sessionStorage != null; +} + +/*********************************** + * GAME SETTINGS * + ***********************************/ + +// Online Mode (only used in Online Mode) +ONLINEMODE = false; + +// Box IP (only used in Online Mode) +ONLINEURL = "http://42.42.42.42/"; + +// Number of leds +NLEDS = 6; + +// Activate the Show 2 powers Labels feature +HAVELABELS = true; + +// Default Show 2 powers Labels feature mode +show_labels = true; + +// Easter Egg +EASTEREGG = true; + +// ON and OFF leds srcs +LED_OFF = "data:image/png;base64,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"; +LED_ON = "data:image/png;base64,R0lGODlhZAC0ANX/AMDAwP//zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM/+Zmf+ZZv+ZM8z//8z/zMz/Zsz/M8zM/8zMzMzMmczMZsyZzMyZmcyZZsyZM5nMzJnMmZmZzJmZmZmZZplmZplmM2ZmmWZmZmYzZmYzMzNmZjNmMzMzZjMzMzMzAAAzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAABkALQAQAb/QIBwSCwaj8ikcslsOp/EQGFKrVqv2KzWOoB6i9KteEwmAwTZ7nc4KLvf8G2AKCBMCQQmOs7v+417VGB+hIWGV3MAh2IEAmtEbYtaeXaSVwQDlVUDAgGenwF1VgQUFJaXDkKnaaZxE6tYR7BXGpqTFZmzd3lMulSvFBMTGhN4BK+6eI8AkYcEGsETHRMc1BQc0RfFi8rLSYYEFsLT1BPB5MiFat5OYXzC0sLRFOQdhOzervDk1RMX/OkYAZjwwAA+fG+OlUNnLl45MwMTHcRnq4AdCOM6aOywAZ65fvG0SduoUVgFPAVSDTwwsSWAAw4skJxJs+bMCUdGknPpkgGD/wQIgDIIiqDoUKEIhv5MsNQngwZQoyI4gADq0wYJeLokGnTpAgQLEnxNQDbsz6NnfTYYSvXAVaUNEGidWBVsUbFkiaJ1GvVq1L5QgRqVOnduAAYKlCYlChRv0bBG9SaNKrGw5SMiVqxAMcIECs8lUGgevULE5dNEKloiUBm1kma+DGmFHVvSOgC2eD2pzbuKEdhJaPceLoYO8QKOmAj3xSs2nmDLzKk+lcfdLFIn+ZBafgoS71ZlME4/1XqI9Vm1xOSK7WW8nwETOl6L77HfhfSrJwYq5JFcMGz1BERIcpZxR8Yz4whTDYDwENKNa0No1w9D5zToBid2EAjhIG/0l/8ggw0dCIAEOG2oxHlieNhQghZuIcQEMJm4hAMkbmDTjTjeWOJAO8rYxFpFBRAjPDx6lOA0SBoJTwASBJDUU3L52ERRj4nVlVNnJfDXllxi1VhXf0nZhJZrHcXVUGPdxdiaj3U1GQNOEiZmE4cBGZRjig0VFGR4meWUlVVRNic+E6SwGQgeYIDXWQv8ycAHIBjawaA8hdIHJ5R+EYB7sFSi4ZzrHTcGhBaJOiBPnJqaRTcBhDrFp1CgqGofldlym3KzdlfEJrjmugqsVpSniq+zJJJJRY0YQayv5uVqx7OzNtebsMqluogjvBVBokcsvUgkHdYWQokvpTxLbRLuTBD/gS9dOBDue+Bp5yosc8i6yjZxVEDBu34QaO8pExiYBQUCc2MEv30QkF0Z8epC7b+WLDyJgJ02URu+WJQS261MIJyQNNh41JE2KMHC8RMlO0PfBhZ0VM002FgQDAS64gMxHCs6hA0H5GgjCawHeZwFMSwGQ0+LhQDtkiEegjTNfUKPsiEh6PBToTBRT3HyaaLAQYqC8xmNjteVnMs1Hx2xKIxM5uBHxgAPBNCjlF2XYSTM/mjAUBnJzS0mzlUnePQwGGvRhdwSZHpGh/3srKIwYzhiwAN+z2ktSiteE81IHlmUMq8vVW45FRHoZBMx0ZAkUkY3EgGj4kQ4YHqOtNfk//dOsBfBEk775Ci6t6YLA9MBZg96F1NHCUYlAgEY9OJL0LMk5PJgchll7kNo+ZSZYDkGVJqCMRWVYFT5VSZU12MPQFVYEjXWWMgzJX+WZDUWFllxBSWo+kK47333Y9me+bo0PjOF5S/pw94BwveUL3HvKHxizFeuUhSqcKlb/FtfX3zypT7ZpU3fa9NX7sdBC8Ylg0ZY4FIWo5i7pEUt21sLVn5ypxOikAkBYMqaOsjBs2BlS0O54RoysxkUkAAFSDwBEkkzGhQkToje6AASp2jEJZJmUlBkhyfqNgoBdCKLXrCUg6gwgOJhT4xZO5BFlEap/YiKNZkq2HGSJaOb+f8KjqfZ1LIOtDV8uHGPZPwcGV1iR2J1448F6CMUAHkg3TDDFmZMAiIZqQUNwcaRKKNkQgoQhWA9oZCavMKnUuYELobSDZ+yDhuFAMpTYqE1qlSCK/t1ME1gMkKzTFgRVFOeVubyCmV0zy3T+MsxOJKYxRxDInyZzDgkZ5LOGUC7DOAAARzLVEJA5htWeQRormJYtYkkErxpG9zUZgkekWRtuqDNUUWkSU3g3QSquU5FkEsY3jCAOeRIiC7UphVla8J+jhEbR5CTaYZoGCwMejH+nBMAzNQOxdww0VOso51bIGgcjoHRLRDooOCoaEYLN4td1kYBGsBZbejYrHXyawL/CqgnIFYq0lHQ7KHd7CgWFMZPksJiCTrdacEUFtRLcJMZzNHYJBS6CkV6h1zNgNYUfFozJ/AzYQqxhgU0IA5iMGcNESXDfxqyVRiNA3UmW0ZYtxABcYhjbZsLBjEsENSjdkwS4ZjAW+VhJGJwQKctsUQ5BLcPYXhVEuK06iIGG4+QOWQY7bzlQa4qhrambrA8g0dkLdNOD80ns9RYxNkKAQ3CgqimbnCNKeGw12kYDbSohYhr1jrVwkYDtBwohIz8kNXG/mdsfkhsYPvgNAVRAx1ppFsfPLsgfsBhD5KFUNQ8BLPBxXYTJHqimJhJAAi09iMU0Bs8KoBKA5CIUgg7/0bg5OqQYIQrD/iklC/VW9gVASRcc4jvoOZ7t/qQQxwiiojicEZdBfnnuo44r+IQljPXvowh1nqRdtvohmNsLkAliQenkvUACWAwUxVmLN6SpOGMCkECBcndcqClkMw6Tm2E0wg2TGGMQY7oAdiLqsJwJLPiGjYeONLvPHNsEQTUTsZHtt0QhKGS3B1gdklOsn4HMo0MQjnKQTYC535HKYJcGcuVywg+uTyoBcrlvP3RkZJmJ4wmJc4Bh0kg9qyiPOLxCAAOmByReOeA4ckOzwBw3gFU2BcUSsZ+8ttTB6m3PKGIj4AN+HDu2KfDRTnwTvI74ADXQr5HR0XS2EtKXv/KMmoA5iUtQJThBvVnFUOvkNRkQQyk/4KlL0HmKDJkAAoDwKXkNQZQyuMK9bxCJfPdsHyXHjWguCIUvtB6LYmpn1/krDhOX5qG0iZTrgNDv/B1RSjouyEHraKUX5tF0SwUdf3MgpWpaFvXN7wTtk2Nbgcib9O5nl9gUHgAbp9pMb/OtvxiXb+8uBB/UAF1qMcHpP8JHODKljdQ6rQWMAJAS99btPxmnerzNUC4insK+PRipYDfaYdggrfFdddupCgGL42hIZYQuHIldAADNAQ4ZJh9vAZkAAQ1b0IImqhE0HwGBSpgomZQEHQnTGDpnlHiEY+o9BVgselOEM0USaAXRCuSButr6IAIPlACEZhABFpHQZVlFAQAOw=="; + +/********************************** + * ACTUAL GAME CODE * + **********************************/ + +/** + * Global variables + */ +// Empty Answer +for (empty_answer = ''; empty_answer.length < NLEDS; empty_answer += '0'); + +// correct answer +correct_answer = empty_answer; + +// current answer +current_answer = empty_answer; + +/** + * Create leds + */ +for (let i = 0; i < NLEDS; ++i) +{ + // Led holder + let figure = document.createElement("figure"); + figure.setAttribute("class", "box"); + + // Label + if (HAVELABELS) + { + let c_label = Math.pow(2, NLEDS-i-1); + let figcaption = document.createElement("figcaption"); + figcaption.setAttribute("value", c_label); + figcaption.setAttribute("class", "text labels"); + figcaption.id = "label" + i; + figcaption.innerHTML = c_label; + figure.appendChild(figcaption); + } + else + { + document.getElementById('label_switch_button').setAttribute("style", "display:none"); + } + + // Led + let img = document.createElement("img"); + + // Set img src + if (is_session_storage_available() + && sessionStorage.playing == 'true' + && sessionStorage.current_answer.charAt(i) == '1') + { + img.src = LED_ON; + img.setAttribute("value", "ON"); + } + else + { + img.src = LED_OFF; + img.setAttribute("value", "OFF"); + } + + img.id = "led" + i; + img.setAttribute("class", "led"); + img.setAttribute("onclick", "switch_led("+i+")"); + figure.appendChild(img); + + document.getElementById("leds").appendChild(figure); +} + +// If initial value for label is false, handle it +if (HAVELABELS && !show_labels) +{ + show_labels = true; + document.getElementById("label_switch").click(); +} + +// Let the game begin +get_game(); + +/** + * Switch labels + */ +function switch_labels() +{ + if (show_labels) + { + for (let i = 0; i < NLEDS; ++i) + { + document.getElementById("label"+i).setAttribute + ("style", "visibility:hidden"); + } + } + else + { + for (let i = 0; i < NLEDS; ++i) + { + document.getElementById("label"+i).setAttribute + ("style", ""); + } + } + + show_labels = !show_labels; + cache_current_game(); +} + +/** + * Turn current answer bits accordingly + */ +function switch_led(led_id) +{ + let image = document.getElementById("led"+led_id); + if (image.getAttribute("value") == "ON") + { + image.setAttribute("value", "OFF"); + image.src = LED_OFF; + + current_answer = current_answer.replaceAt(led_id, "0"); + } + else + { + image.setAttribute("value", "ON"); + image.src = LED_ON; + + current_answer = current_answer.replaceAt(led_id, "1"); + } + + cache_current_game(); + + // Easter egg + if (EASTEREGG && current_answer == (empty_answer.substr(6) + "101010")) + { + alert("That's the answer to life, the universe and everything!"); + } + + // If we are connected to the box + if (ONLINEMODE) + { + let xhttp = new XMLHttpRequest(); + xhttp.open("GET", ONLINEURL+"switch_state?led=" + led_id, true); + xhttp.send(); + + } + + // If right answer, finish game, restart a new one + if (current_answer == correct_answer) + { + end_game(); + restart_game(); + } +} + +/** + * Sets problem statement's decimal number + */ +function set_statement(n_dec) +{ + document.getElementById("statement_value").innerHTML = n_dec; +} + +/** + * Recovers game from page reload + */ +function get_game() +{ + if (!is_session_storage_available() || sessionStorage.playing != 'true') + { + start_game(); + } + else + { + restore_from_cache(); + } +} + +/** + * Restore current game from cache + */ +function restore_from_cache() +{ + correct_answer = sessionStorage.correct_answer; + current_answer = sessionStorage.current_answer; + set_statement(Number(sessionStorage.number_dec)); + + if (HAVELABELS && sessionStorage.show_label != show_labels.toString()) + { + show_labels = true; + document.getElementById("label_switch").click(); + } +} + +/** + * Caches current game + */ +function cache_current_game() +{ + if (!is_session_storage_available()) + { + return; + } + + sessionStorage.current_answer = current_answer; + sessionStorage.show_label = show_labels; +} + +/** + * Starts game + */ +function start_game() +{ + let n_dec = getRandomInt(1, Math.pow(2, NLEDS)-1); + let n_bin = n_dec.toString(2); + correct_answer = empty_answer.substr(n_bin.length) + n_bin; + + set_statement(n_dec); + + if (is_session_storage_available()) + { + sessionStorage.playing = true; + sessionStorage.correct_answer = correct_answer; + sessionStorage.number_dec = n_dec; + + cache_current_game(); + } +} + +/** + * Prepares everything for a new game + */ +function reset_game() +{ + correct_answer = empty_answer; + current_answer = empty_answer; + turn_all_leds_images_off(); + for (let i = 0; i < NLEDS; ++i) + { + document.getElementById("led"+i).setAttribute("value", "OFF"); + } +} + +/** + * Start a new game + */ +function restart_game() +{ + reset_game(); + start_game(); +} + +/** + * Finishes the game + */ +function end_game() +{ + // If we are connected to the box + if (ONLINEMODE) + { + let xhttp = new XMLHttpRequest(); + xhttp.open("GET", ONLINEURL+"won", true); + xhttp.send(); + } + + // Blink correct answer leds 3 times + blink_led_effect(3, correct_answer); + + // Reset cache + if (is_session_storage_available()) + { + sessionStorage.clear(); + } +} + +/** + * Turn every led on(without turning value attribute) + */ +function turn_leds_images_on(which) +{ + // Turn all on + for (let i = 0; i < NLEDS; ++i) + { + if (which.charAt(i) == '1') + { + document.getElementById("led"+i).src = LED_ON; + } + } +} + +/** + * Turn every led off(without turning value attribute) + */ +function turn_all_leds_images_off() +{ + // Turn all off + for (let i = 0; i < NLEDS; ++i) + { + document.getElementById("led"+i).src = LED_OFF; + } +} + +/** + * Makes leds blink i times + */ +function blink_led_effect(i, which) +{ + // Because the recursive function fulfills an action every two iterations + blink_led_effect_helper(i*2, which); +} + +/** + * Makes leds blink i/2 times + */ +function blink_led_effect_helper(i, which) +{ + if (i % 2 == 1) + { + turn_leds_images_on(which); + } + else + { + turn_all_leds_images_off(); + } + + if (--i > -1) + { + setTimeout(function() { blink_led_effect_helper(i, which); }, 500); + } +} diff --git a/server/api.php b/server/api.php deleted file mode 100644 index 1b6cedb..0000000 --- a/server/api.php +++ /dev/null @@ -1,146 +0,0 @@ -. - * - * - * api.php - * - * Fun with Binary - * Web Server - * - * Diogo Peralta Cordeiro - * up201705417@fc.up.pt - * - * Generates the chalenges and controls the arduino - */ -header('Access-Control-Allow-Origin: *'); - -class game -{ - /* - * ==Warning== - * You must add www-data to dialout group - * for serial port communication to work! - */ - - // Arduino related - protected $comPort = "/dev/ttyACM0"; - protected $arduino_available = true; - - // Storage related - public $correct_answer_path = "/var/www/answer.txt"; - public $current_answer_path = "/var/www/current_binary_digit.txt"; - - /** - * Prepares everything for a new game - */ - public function reset() - { - // Reset current binary digit for a potential new game - $fp = fopen($this->current_answer_path, "w"); - fwrite($fp, "000000"); - - // Sends reset command to Arduino - if ($this->arduino_available) { - $fp = fopen($this->comPort, "wb"); - fwrite($fp, 9); // 9 is the Reset Byte - } - } - - /** - * Starts game - */ - public function start() - { - // Generates a 6-bit random number - $number = rand(0, 63); - - // Memorizes the correct binary answer - $fp = fopen($this->correct_answer_path, "w"); - fwrite($fp, sprintf("%06d", decbin($number))); - - return $number; - } - - /** - * Turn current answer bits accordingly - */ - public function change_state($led_id) - { - // Update and memorize the new current answer - $current_binary_digit = file_get_contents($this->current_answer_path); - $current_binary_digit[(int)$led_id] = ($current_binary_digit[(int)$led_id] == 1) ? 0 : 1; - $fp = fopen($this->current_answer_path, "w"); - fwrite($fp, $current_binary_digit); - - // Updates Arduino output - if ($this->arduino_available) { - $fp = fopen($this->comPort, "wb"); - fwrite($fp, (int)$led_id); - } - } - - /** - * Compares the given answer with the right answer and tells the result - * Returns true if won, false otherwise - */ - public function end($given_answer, $correct_answer) - { - if ($given_answer == $correct_answer) { // Won - // Sends Won command to Arduino - if ($this->arduino_available) { - $fp = fopen($this->comPort, "wb"); - fwrite($fp, 7); // 7 is the Won Byte - } - - return true; - } else { // Lost - // Sends Lost command to Arduino - if ($this->arduino_available) { - $fp = fopen($this->comPort, "wb"); - fwrite($fp, 8); // 8 is the Lost Byte - } - - return false; - } - } -} - -/** - * API Handler - */ -$game = new game(); - -if (isset($_GET["start"])) { - $game->reset(); - $number = $game->start(); - - // Print out the number and let the games begin - echo $number; -} elseif (isset($_GET["change_state"])) { - $led_id = $_GET["change_state"]; - $game->change_state($led_id); -} elseif (isset($_GET["end"])) { // Game Over - $given_answer = file_get_contents($game->current_answer_path); - $correct_answer = file_get_contents($game->correct_answer_path); - - if ($game->end($given_answer, $correct_answer)) { - echo "That's right!"; - } else { - echo "Oops, the answer was: ".$correct_answer; - } -} diff --git a/server/server.ino b/server/server.ino new file mode 100644 index 0000000..f7f40b1 --- /dev/null +++ b/server/server.ino @@ -0,0 +1,292 @@ +/** + * Fun with Binary - a fun way of introducing binary + * Copyright (C) 2018, Diogo Cordeiro. + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + * + * @category Server Core + * @package Fun with Binary + * @author Diogo Cordeiro + * @copyright 2018 Diogo Cordeiro. + * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0 + * @link https://www.diogo.site/projects/fun_with_binary/ + */ + +#include +#include +#include + +// Pages +#include "file1.h" + +// Define a dns server for Captive Portal +const byte DNS_PORT = 53; +DNSServer dnsServer; + +IPAddress apIP(42, 42, 42, 42); // Defining a static IP address: local & gateway + // Default IP in AP mode is 192.168.4.1 +IPAddress netMsk(255, 255, 255, 0); + +// These are the WiFi access point settings. Update them to your liking +const char *ssid = "Fun with Binary"; +//const char *password = ""; + +// Define a web server at port 80 for HTTP +ESP8266WebServer webServer(80); + +// Number of leds +#define NLEDS 6 + +// LEDs board outputs +int bits[NLEDS] = { D0, D1, D2, D3, D4, D5 }; + +// Memorizes bits state +int current_answer[NLEDS] = { 0 }; + +/** + * Turns all leds on + * **Doesn't update current_answer** + */ +void +turn_all_on() +{ + for (int i = 0; i < NLEDS; ++i) + { + digitalWrite(bits[i], HIGH); + } +} + +/** + * Turns all leds off + * **Doesn't update current_answer** + */ +void +turn_all_off() +{ + for (int i = 0; i < NLEDS; ++i) + { + digitalWrite(bits[i], LOW); + } +} + +/** + * App endpoint + */ +void +handleRoot() +{ + + webServer.send(200, "text/html", file1); +} + +/** + * 404 - Page Not Found endpoint + */ +void +handleNotFound() +{ + String message = "File Not Found\n\n"; + message += "URI: "; + message += webServer.uri(); + message += "\nMethod: "; + message +=(webServer.method() == HTTP_GET) ? "GET" : "POST"; + message += "\nArguments: "; + message += webServer.args(); + message += "\n"; + + for (uint8_t i = 0; i < webServer.args(); ++i) { + message += + " " + webServer.argName(i) + ": " + webServer.arg(i) + + "\n"; + } + + webServer.send(404, "text/plain", message); +} + +/** + * Let the user know when an invalid input is attempted. When this function + * is called it actually is a good sign because although we return a 500 HTTP + * Status Code we have in fact controlled the invalid input internal error. + * + * This kind of errors shall not happen during regular usage of our App. + * If this is thrown it probably was due to someone messing with our API. + */ +void +handleInputError() +{ + String message = "Invalid Input - Internal Error Controlled\n\n"; + message += "URI: "; + message += webServer.uri(); + message += "\nMethod: "; + message +=(webServer.method() == HTTP_GET) ? "GET" : "POST"; + message += "\nArguments: "; + message += webServer.args(); + message += "\n"; + + for (uint8_t i = 0; i < webServer.args(); ++i) + { + message += + " " + webServer.argName(i) + ": " + webServer.arg(i) + + "\n"; + } + + webServer.send(500, "text/plain", message); +} + +/** + * Switches a led state (a.k.a. bit of current answer) + * + * **Updates current_answer** + */ +void +switch_led() +{ + int incomingByte = webServer.arg("led").toInt(); + + // Validate input + if (incomingByte >= NLEDS || incomingByte < 0) + { + handleInputError(); + return; + } + + if (current_answer[incomingByte] == 1) + { // Turn LED off + digitalWrite(bits[incomingByte], LOW); + current_answer[incomingByte] = 0; + } + else + { // Turn LED on + digitalWrite(bits[incomingByte], HIGH); + current_answer[incomingByte] = 1; + } + + webServer.send(200, "text/plain", "ok"); +} + +/** + * Allows the printing of a binary string in our "led display" + * + * **Doesn't update current_answer** + */ +void +print_binary_string(String which) +{ + for (int i = 0; i < NLEDS; ++i) + { + if (which.charAt(i) == '1') + { + digitalWrite(bits[i], HIGH); + } + else + { + digitalWrite(bits[i], LOW); + } + } +} + +/** + * Resets for a potential new game + */ +void +reset_game() +{ + turn_all_off(); + // Reset current_answer + for (int i = 0; i < NLEDS; ++i) + { + current_answer[i] = 0; + } +} + +/** + * Blinks current_answer for 3 seconds (3 times) and resets the game + */ +void +won_game() +{ + for (int i = 0; i < 3; ++i) + { + turn_all_off(); + + delay(500); + + print_binary_string(current_answer); + + delay(500); + } + + reset_game(); +} + +/** + * The setup routine runs once when you press reset. + */ +void +setup() +{ + // initialize the digital pins as an output. + for (int i = 0; i < NLEDS; ++i) + { + pinMode(bits[i], OUTPUT); + } + + Serial.begin(115200); + Serial.println(); + Serial.println("Configuring access point..."); + + // Set WiFi mode to Access Point, you can also add Station mode + WiFi.mode(WIFI_AP); //_STA); + // set-up the custom IP address + WiFi.softAPConfig(apIP, apIP, IPAddress(255, 255, 255, 0)); // subnet FF FF FF 00 + + // You can remove/add the password parameter if you want the AP to be open/closed. + WiFi.softAP(ssid); //, password); + + // if DNSServer is started with "*" for domain name, it will reply with + // provided IP to all DNS request + dnsServer.setErrorReplyCode(DNSReplyCode::NoError); + dnsServer.start(DNS_PORT, "*", apIP); + + IPAddress myIP = WiFi.softAPIP(); + Serial.print("AP IP address: "); + Serial.println(myIP); + + /**** ROUTES ****/ + + webServer.on("/generate_204", handleRoot); // Android captive portal. + webServer.on("/fwlink", handleRoot); // Microsoft captive portal. + + webServer.on("/", handleRoot); + + webServer.on("/switch_state", switch_led); + + webServer.on("/won", won_game); + + webServer.onNotFound(handleNotFound); + + // Start WebServer + webServer.begin(); + Serial.println("HTTP server started"); +} + +/** + * The loop routine runs over and over again forever. + */ +void +loop() +{ + dnsServer.processNextRequest(); + webServer.handleClient(); +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..53bdcfe --- /dev/null +++ b/style.css @@ -0,0 +1,258 @@ +/** theme: base + * + * @package Fun with Binary + * @author Diogo Cordeiro + * @copyright 2018 Diogo Cordeiro. + * @license http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported + * @link https://www.diogo.site/projects/fun_with_binary/ + */ + +/* Resets css values */ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video +{ + margin: 0; + padding: 0; + border: 0; + font: inherit; + vertical-align: baseline +} + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section +{ + display: block +} + +body +{ + line-height: 1 +} + +ol,ul +{ + list-style: none +} + +blockquote,q +{ + quotes: none +} + +blockquote:before, blockquote:after, +q:before, q:after +{ + content: ''; + content: none +} + +table +{ + border-collapse: collapse; + border-spacing: 0 +} + +/* Custom styling */ + +/* Sets font type to Code */ +@font-face,.container,.text +{ + font-family:code, sans-serif +} + +/* Sets overall font, size, and blocks user highlighting/dragging */ +.container +{ + width: 100%; + cursor: default; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +/* Center leds and text */ +.images,.text +{ + text-align: center +} + +/* Cursor over led shall be a pointer */ +.led:hover +{ + cursor: pointer +} + +/* single led container */ +.box +{ + display: inline-block +} + +/* led's corresponding power of 2 (a.k.a.: label) */ +.labels +{ + z-index: 0; + height: 2.5vw; + visibility: visible; + margin: 8% -5% 0px -15%; + font-size: 3vw +} + +.box,.labels +{ + position: relative +} + +/* single led */ +.led +{ + margin-top: 1vh; + display: block; + z-index: 0; + opacity: 100; + width: 90% +} + +/* Statement holder */ +#statement +{ + position: relative; + right: .5vw; + text-align: center; + margin-bottom: 1vh +} + +/* Statement */ +#statement_text +{ + font-size: 2vw; + margin-top: 2vw; + margin-bottom: 3vw +} + +/* Settings */ +#settings +{ + display: block; + text-align: center +} + +#settings li +{ + display: inline-block +} + +.button +{ + width: 20vw; + margin: auto 0 auto auto +} + +.button +{ + height: auto; + text-align: center; + margin: auto 0 auto auto +} + +.switch +{ + position: relative; + display: inline-block; + width: 60px; + height: 34px +} + +.switch input +{ + display:none +} + +.toggle +{ + transition: none; + -webkit-transition: none; + -moz-transition: none; + -o-transition: none +} + +.slider +{ + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s +} + +.slider:before +{ + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s +} + +input:checked + .slider +{ + background-color: #2196F3 +} + +input:focus + .slider +{ + box-shadow: 0 0 1px #2196F3 +} + +input:checked + .slider:before +{ + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px) +} + +/* Rounded sliders */ +.slider.round +{ + border-radius: 34px +} + +.slider.round:before +{ + border-radius: 50% +} + +/* Footer/Credits */ +#footer +{ + font-size: 12px; + margin-top: 3vw +}