From 2a7d6f8a8702f1c07f30144eabb214b71a0fb815 Mon Sep 17 00:00:00 2001 From: Gene Mecija Date: Thu, 13 Feb 2020 14:05:34 -0800 Subject: [PATCH] Initial build subtree commit --- build/asset-manifest.json | 24 +++++++++++ build/index.html | 1 + build/manifest.json | 25 +++++++++++ ...nifest.5236d68f32158cd93b6a3525995070ba.js | 34 +++++++++++++++ build/robots.txt | 2 + build/service-worker.js | 39 ++++++++++++++++++ build/static/css/main.8d63c56d.chunk.css | 2 + build/static/css/main.8d63c56d.chunk.css.map | 1 + build/static/js/2.044de1a4.chunk.js | 3 ++ build/static/js/2.044de1a4.chunk.js.LICENSE | 32 ++++++++++++++ build/static/js/2.044de1a4.chunk.js.map | 1 + build/static/js/main.d1a1cd6f.chunk.js | 2 + build/static/js/main.d1a1cd6f.chunk.js.map | 1 + build/static/js/runtime-main.aaeeb903.js | 2 + build/static/js/runtime-main.aaeeb903.js.map | 1 + .../static/media/electronic_key.cd2cf560.jpg | Bin 0 -> 48912 bytes build/static/media/straight_key.f140bc7b.jpg | Bin 0 -> 55510 bytes 17 files changed, 170 insertions(+) create mode 100644 build/asset-manifest.json create mode 100644 build/index.html create mode 100644 build/manifest.json create mode 100644 build/precache-manifest.5236d68f32158cd93b6a3525995070ba.js create mode 100644 build/robots.txt create mode 100644 build/service-worker.js create mode 100644 build/static/css/main.8d63c56d.chunk.css create mode 100644 build/static/css/main.8d63c56d.chunk.css.map create mode 100644 build/static/js/2.044de1a4.chunk.js create mode 100644 build/static/js/2.044de1a4.chunk.js.LICENSE create mode 100644 build/static/js/2.044de1a4.chunk.js.map create mode 100644 build/static/js/main.d1a1cd6f.chunk.js create mode 100644 build/static/js/main.d1a1cd6f.chunk.js.map create mode 100644 build/static/js/runtime-main.aaeeb903.js create mode 100644 build/static/js/runtime-main.aaeeb903.js.map create mode 100644 build/static/media/electronic_key.cd2cf560.jpg create mode 100644 build/static/media/straight_key.f140bc7b.jpg diff --git a/build/asset-manifest.json b/build/asset-manifest.json new file mode 100644 index 0000000..1f58b76 --- /dev/null +++ b/build/asset-manifest.json @@ -0,0 +1,24 @@ +{ + "files": { + "main.css": "/learn-morse-code/static/css/main.8d63c56d.chunk.css", + "main.js": "/learn-morse-code/static/js/main.d1a1cd6f.chunk.js", + "main.js.map": "/learn-morse-code/static/js/main.d1a1cd6f.chunk.js.map", + "runtime-main.js": "/learn-morse-code/static/js/runtime-main.aaeeb903.js", + "runtime-main.js.map": "/learn-morse-code/static/js/runtime-main.aaeeb903.js.map", + "static/js/2.044de1a4.chunk.js": "/learn-morse-code/static/js/2.044de1a4.chunk.js", + "static/js/2.044de1a4.chunk.js.map": "/learn-morse-code/static/js/2.044de1a4.chunk.js.map", + "index.html": "/learn-morse-code/index.html", + "precache-manifest.5236d68f32158cd93b6a3525995070ba.js": "/learn-morse-code/precache-manifest.5236d68f32158cd93b6a3525995070ba.js", + "service-worker.js": "/learn-morse-code/service-worker.js", + "static/css/main.8d63c56d.chunk.css.map": "/learn-morse-code/static/css/main.8d63c56d.chunk.css.map", + "static/js/2.044de1a4.chunk.js.LICENSE": "/learn-morse-code/static/js/2.044de1a4.chunk.js.LICENSE", + "static/media/electronic_key.jpg": "/learn-morse-code/static/media/electronic_key.cd2cf560.jpg", + "static/media/straight_key.jpg": "/learn-morse-code/static/media/straight_key.f140bc7b.jpg" + }, + "entrypoints": [ + "static/js/runtime-main.aaeeb903.js", + "static/js/2.044de1a4.chunk.js", + "static/css/main.8d63c56d.chunk.css", + "static/js/main.d1a1cd6f.chunk.js" + ] +} \ No newline at end of file diff --git a/build/index.html b/build/index.html new file mode 100644 index 0000000..f6b6cc3 --- /dev/null +++ b/build/index.html @@ -0,0 +1 @@ +Learn Morse Code
\ No newline at end of file diff --git a/build/manifest.json b/build/manifest.json new file mode 100644 index 0000000..080d6c7 --- /dev/null +++ b/build/manifest.json @@ -0,0 +1,25 @@ +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/build/precache-manifest.5236d68f32158cd93b6a3525995070ba.js b/build/precache-manifest.5236d68f32158cd93b6a3525995070ba.js new file mode 100644 index 0000000..c4ddb4d --- /dev/null +++ b/build/precache-manifest.5236d68f32158cd93b6a3525995070ba.js @@ -0,0 +1,34 @@ +self.__precacheManifest = (self.__precacheManifest || []).concat([ + { + "revision": "ad8714da240879127edb9f9f836af4bd", + "url": "/learn-morse-code/index.html" + }, + { + "revision": "f79dd160cf35317f7227", + "url": "/learn-morse-code/static/css/main.8d63c56d.chunk.css" + }, + { + "revision": "d66e36cb8b59b341bc2d", + "url": "/learn-morse-code/static/js/2.044de1a4.chunk.js" + }, + { + "revision": "d705cb622423d72c5defbf368ca70dcc", + "url": "/learn-morse-code/static/js/2.044de1a4.chunk.js.LICENSE" + }, + { + "revision": "f79dd160cf35317f7227", + "url": "/learn-morse-code/static/js/main.d1a1cd6f.chunk.js" + }, + { + "revision": "0e971160995cca59fc3b", + "url": "/learn-morse-code/static/js/runtime-main.aaeeb903.js" + }, + { + "revision": "cd2cf56081f8fca549078d7e060dce08", + "url": "/learn-morse-code/static/media/electronic_key.cd2cf560.jpg" + }, + { + "revision": "f140bc7b0ff7580d795ffeaac255d0c9", + "url": "/learn-morse-code/static/media/straight_key.f140bc7b.jpg" + } +]); \ No newline at end of file diff --git a/build/robots.txt b/build/robots.txt new file mode 100644 index 0000000..01b0f9a --- /dev/null +++ b/build/robots.txt @@ -0,0 +1,2 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * diff --git a/build/service-worker.js b/build/service-worker.js new file mode 100644 index 0000000..ca37f1c --- /dev/null +++ b/build/service-worker.js @@ -0,0 +1,39 @@ +/** + * Welcome to your Workbox-powered service worker! + * + * You'll need to register this file in your web app and you should + * disable HTTP caching for this file too. + * See https://goo.gl/nhQhGp + * + * The rest of the code is auto-generated. Please don't update this file + * directly; instead, make changes to your Workbox build configuration + * and re-run your build process. + * See https://goo.gl/2aRDsh + */ + +importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js"); + +importScripts( + "/learn-morse-code/precache-manifest.5236d68f32158cd93b6a3525995070ba.js" +); + +self.addEventListener('message', (event) => { + if (event.data && event.data.type === 'SKIP_WAITING') { + self.skipWaiting(); + } +}); + +workbox.core.clientsClaim(); + +/** + * The workboxSW.precacheAndRoute() method efficiently caches and responds to + * requests for URLs in the manifest. + * See https://goo.gl/S9QRab + */ +self.__precacheManifest = [].concat(self.__precacheManifest || []); +workbox.precaching.precacheAndRoute(self.__precacheManifest, {}); + +workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("/learn-morse-code/index.html"), { + + blacklist: [/^\/_/,/\/[^/?]+\.[^/]+$/], +}); diff --git a/build/static/css/main.8d63c56d.chunk.css b/build/static/css/main.8d63c56d.chunk.css new file mode 100644 index 0000000..0bb157e --- /dev/null +++ b/build/static/css/main.8d63c56d.chunk.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:default;touch-action:manipulation}button{font-family:Roboto,sans-serif}body,html{background:#eee}#root,body,html{height:100%;width:100vw}#root{flex-direction:column}#header,#root{display:flex;align-items:center}#header{min-height:50px;width:100%;justify-content:space-between;padding-left:15px;background:#333;font-family:Roboto,sans-serif;color:#eee;z-index:1000;box-shadow:0 2px 2px rgba(0,0,0,.45);font-size:2.5em}#header #social-links,#header #title{font-weight:700;text-transform:uppercase}#header #social-links{display:flex;justify-content:space-evenly;align-items:center;font-size:1rem;color:#999;margin-right:10px}#header #social-links i{color:#ccc;padding-left:5px;padding-right:5px;font-size:2rem}#header #social-links i:hover{color:gold}#header #social-links div{height:auto}#header #social-links div img{width:40px;height:40px;opacity:1}#header #social-links div img:hover{-webkit-animation-name:socialLinkHover;animation-name:socialLinkHover;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#header #social-links div#twitter img{-webkit-filter:invert(90%);filter:invert(90%)}#main-content{display:flex;height:95vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100vw;align-items:center;align-self:center;overflow-x:hidden;position:relative;left:0}#main-content .sidebar#left{background:#eee;box-shadow:3px 0 3px rgba(0,0,0,.25);font-family:Roboto,sans-serif;line-height:1.5em;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%;height:calc(100% - 5.1em);max-width:100%;overflow-y:scroll;position:fixed;top:50px;left:0;z-index:100;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left.hide{left:calc(-40% + 40px);top:50px;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info{opacity:0;overflow-y:hidden}#main-content .sidebar#left.hide #sidebar-container #info-icon{top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#main-content .sidebar#left #sidebar-container{height:100%;width:100%}#main-content .sidebar#left #sidebar-container .navbar{font-size:1em;line-height:1em;width:100%;height:35px;display:flex;justify-content:center;text-transform:uppercase;font-weight:550}#main-content .sidebar#left #sidebar-container .navbar .nav-item{padding:10px;width:30%;height:100%;display:flex;justify-content:center;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;border-bottom:2px solid transparent}#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover{background:rgba(0,0,0,.1);border-color:#999}#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected{border-color:#508090}#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play{display:none}#main-content .sidebar#left #sidebar-container #info-icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:7px;right:6px;z-index:1010;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #info-icon:hover i{color:#daa520}#main-content .sidebar#left #sidebar-container #info-icon i{color:#333;font-size:1.7rem;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content{display:flex;justify-content:center;align-self:center}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend{padding:2em;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:scroll}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput,#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{margin-bottom:1em}#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note{font-family:Courier,monospace;color:#555;display:inline-block;width:65%;text-align:center}#main-content .sidebar#left #sidebar-container #sidebar-content #info{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2.5em;font-family:Roboto,sans-serif;font-size:1.2rem;line-height:1.5em;opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content .sidebar#left #sidebar-container #sidebar-content #info h1,#main-content .sidebar#left #sidebar-container #sidebar-content #info h2{margin-bottom:.3em}#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold{display:inline-block;font-size:1.15em;font-weight:700;margin-bottom:.1em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p{margin-bottom:2em}#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah{font-family:Courier,monospace}#main-content .sidebar#left #sidebar-container #sidebar-content #info img{width:50%;image-rendering:optimizeSpeed}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited{color:#333}#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover,#main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover{color:#daa520}#main-content .sidebar#left #sidebar-container #sidebar-content #info i{font-size:1.2rem;line-height:1rem}#main-content #main-interface{background:#f5f5f5;display:flex;flex-direction:column;align-items:center;height:100%;width:60%;position:relative;left:40%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#main-content #main-interface.expandLeft{left:40px;width:calc(100% - 40px)}#main-content #main-interface #mainOptions{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:scroll;width:100%;padding:10px;background:rgba(112,128,144,.3);box-shadow:inset 0 -2px 2px rgba(0,0,0,.1);font-family:Roboto,sans-serif;z-index:500}#main-content #main-interface #mainOptions #options-left,#main-content #main-interface #mainOptions #options-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#main-content #main-interface #mainOptions #options-left .mode-picker,#main-content #main-interface #mainOptions #options-right .mode-picker{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-content:flex-start;justify-content:flex-start}#main-content #main-interface #mainOptions #options-left .mode-picker div,#main-content #main-interface #mainOptions #options-right .mode-picker div{display:flex;justify-content:center;align-items:center;padding:3px;height:100%;margin-bottom:5px}#main-content #main-interface #mainOptions #options-left .mode-picker #title,#main-content #main-interface #mainOptions #options-right .mode-picker #title{justify-content:flex-end;width:10em;font-weight:700;font-size:1.15em}#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range,#main-content #main-interface #mainOptions #options-right .mode-picker #title span#range{display:inline-block;padding-left:5px;font-size:.8em}#main-content #main-interface #mainOptions #options-left .mode-picker #buttons,#main-content #main-interface #mainOptions #options-right .mode-picker #buttons{justify-content:space-evenly}#main-content #main-interface #mainOptions #options-left .mode-picker #input input,#main-content #main-interface #mainOptions #options-right .mode-picker #input input{width:50px;height:1.5rem;border:1px solid #ddd;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:center;border-radius:3px;font-size:.8rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input select,#main-content #main-interface #mainOptions #options-right .mode-picker #input select{height:1.4rem}#main-content #main-interface #mainOptions #options-left .mode-picker #input button,#main-content #main-interface #mainOptions #options-right .mode-picker #input button{width:1.4em;height:1.4em;border-radius:3px;font-size:1em}#main-content #main-interface #mainOptions #options-left .mode-picker #input button i,#main-content #main-interface #mainOptions #options-right .mode-picker #input button i{position:relative;left:-6px;top:-2px;font-size:1.1em;font-weight:700}#main-content #main-interface #mainOptions #options-left .mode-picker button,#main-content #main-interface #mainOptions #options-right .mode-picker button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.2em .5em;margin-left:10px;margin-right:10px;font-size:.9em;color:#333}#main-content #main-interface #mainOptions #options-left .mode-picker button.selected,#main-content #main-interface #mainOptions #options-right .mode-picker button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#main-content #main-interface #mainOptions #options-left .mode-picker #title{width:5em}#footer{width:100%;height:2em;padding:.3em;display:flex;justify-content:center;align-items:center;background:#333;font-family:Roboto,sans-serif;font-size:1em;color:#eee;z-index:1000}#footer i{font-size:1.3em;color:#ccc}#footer i:hover{color:gold}h2{margin-bottom:.5em}i[class*=ri-]{font-weight:400;font-size:.9rem;color:#777}#playMorseInput{background:#ddd;width:400px;height:10em;padding:1em;border-radius:5px;display:flex;flex-direction:column;align-items:center;margin-bottom:45px}#playMorseInput #input{display:flex;align-items:center;width:auto}#playMorseInput #input i{font-size:1.3em;display:inline-block}#playMorseInput #input i:hover{color:#daa520}#playMorseInput #input input{padding-left:3px;border-radius:3px;border:1px solid #ddd;height:1.5rem;font-size:.9em;width:auto}#playMorseInput #morseTrans{font-size:.9em;font-family:Courier,monospace}#legend{background:#eee;display:flex;flex-direction:column;justify-content:space-evenly}#legend #legend-title{margin-left:2.2em;font-size:1.5em;font-weight:700;margin-bottom:.3em}#legend #legend-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px}#legend #legend-items .item{font-family:Courier,monospace;font-size:.85em;display:flex;align-items:center;width:15%;margin:5px;padding:.3em;border-radius:3px;background:#ddd;border:0;background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#legend #legend-items .item,#legend #legend-items .item span{-webkit-transition:all 50ms ease-in-out;transition:all 50ms ease-in-out}#legend #legend-items .item:active{-webkit-transform:scale(.95);transform:scale(.95);border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:active span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item:hover{border-color:rgba(112,128,144,.6);background:#ddd}#legend #legend-items .item:hover span:first-child{background:rgba(112,128,144,.6)}#legend #legend-items .item span:first-child{display:inline-block;padding:1px;width:1.5em;background:#d6d6d6;border-radius:2px;font-size:1.5em;-webkit-transition:all 75ms ease-in-out;transition:all 75ms ease-in-out}#legend #legend-items .item span:last-child{font-weight:700;font-size:1em;display:inline-block;padding-left:5px;width:100%}#morseButton{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100px;height:100px;margin-top:30px;margin-bottom:10px;border-radius:50%;align-self:center;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;-webkit-transition:width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,-webkit-transform 40ms ease-out;background:rgba(112,138,144,.5)}#morseButton.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 2px rgba(0,0,0,.3)}#morseButton button{font-size:1rem;color:transparent;width:50px;height:100px;background:rgba(112,138,144,.5);margin:0;border:0;-webkit-transition:width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out,-webkit-box-shadow 40ms ease-out;-webkit-transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out;transition:transform 40ms ease-out,box-shadow 40ms ease-out,width .5s ease-out,background .5s ease-out,color .5s ease-out,-webkit-transform 40ms ease-out}#morseButton button.showPaddles{color:transparent;border-radius:50px;width:50px;height:100px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morseButton button#left{width:50%;border-radius:50px 0 0 50px;display:none}#morseButton button#left.showPaddles{border-radius:50px 0 0 50px;display:inline-block;margin-right:7px;border-radius:20px}#morseButton button#right{border-radius:0 50px 50px 0;width:50%;display:none}#morseButton button#right.showPaddles{border-radius:0 50px 50px 0;display:inline-block;margin-left:7px;border-radius:20px}#morseButton button.active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 0 1px rgba(0,0,0,.3)}#morseButton.showPaddles{width:150px;height:100px;background:transparent;box-shadow:0 0 0 transparent}#morseButtonText{font-family:Roboto,sans-serif;font-weight:700;color:#aaa;font-size:.9rem}#paddleText{width:140px;display:flex;justify-content:space-around}@-webkit-keyframes hideOverlay{0%{opacity:1}to{opacity:0}}@keyframes hideOverlay{0%{opacity:1}to{opacity:0}}#challenge-overlay{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:50;background:hsla(0,0%,100%,.75);display:flex;justify-content:center}#challenge-overlay.fade{-webkit-animation:hideOverlay 1s ease-out forwards;animation:hideOverlay 1s ease-out forwards}#challenge-overlay.hide{z-index:-100}#challenge-overlay #challengeComplete,#challenge-overlay #challengeReady{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:45%;max-width:600px;padding:1.7em;height:35%;background:#eee;margin-top:10rem;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.5);border:3px solid #666}#challenge-overlay #challengeComplete #notify-title,#challenge-overlay #challengeReady #notify-title{font-size:2.5em;font-weight:700}#challenge-overlay #challengeComplete #message,#challenge-overlay #challengeReady #message{display:inline-block;text-align:center;font-size:1.7em}#challenge-overlay #challengeComplete #count,#challenge-overlay #challengeReady #count{font-size:4.5em;font-weight:700}#challenge-overlay #challengeComplete.starting,#challenge-overlay #challengeReady.starting{justify-content:center}#challenge-overlay #challengeComplete button,#challenge-overlay #challengeReady button{background:#eee;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;border-radius:3px;border:0;padding:.3em;margin-left:10px;margin-right:10px;font-size:.75em;color:#333}#challenge-overlay #challengeComplete button#continue,#challenge-overlay #challengeComplete button#startChallenge,#challenge-overlay #challengeReady button#continue,#challenge-overlay #challengeReady button#startChallenge{width:100%;font-size:1.7em;font-weight:700;padding:.3em;background:#666;color:gold;text-transform:uppercase;letter-spacing:.3rem}#challenge-overlay #challengeComplete button#continue:active,#challenge-overlay #challengeComplete button#startChallenge:active,#challenge-overlay #challengeReady button#continue:active,#challenge-overlay #challengeReady button#startChallenge:active{-webkit-transform:translateY(3px);transform:translateY(3px);box-shadow:0 1px 1px rgba(0,0,0,.2)}#challenge-overlay #challengeComplete button.selected,#challenge-overlay #challengeReady button.selected{box-shadow:inset 0 2px 2px rgba(0,0,0,.3),inset 0 -1px 1px #fff}#challenge-overlay #challengeComplete #challengeOptions,#challenge-overlay #challengeReady #challengeOptions{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker,#challenge-overlay #challengeReady #challengeOptions .mode-picker{width:90%;display:flex;align-content:center;justify-content:flex-start}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div,#challenge-overlay #challengeReady #challengeOptions .mode-picker div{padding:5px;height:2.4em}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title{font-weight:700;font-size:1.4em;height:100%;display:flex;padding-left:0;justify-content:flex-start;align-items:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons{display:flex;justify-content:space-between;align-items:center;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button{font-size:1rem}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info{display:flex;align-items:center;font-size:1.2em;height:100%}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input{margin-left:10px;margin-top:.25em;display:flex;align-items:center;justify-content:center}#challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select,#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select{height:auto;font-size:1rem}#challenge-header{width:100%;padding:1em;display:flex;justify-content:space-between}#challenge-header #gameClock{font-size:1.3em}#challenge-header #challengeControls button{border:0;border-radius:5px;padding:.3em;font-size:1.2em;color:#555}#challenge-header #challengeControls button:hover{color:maroon}#challengeWord{display:flex;justify-content:center;align-items:center;align-self:center;height:5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-left:10px;padding-right:10px;margin-bottom:10px;margin-top:25px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;font-size:4rem;font-family:Courier Prime,Courier,monospace;font-weight:700;background:#fdfdfd;text-transform:uppercase;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeWord .cLetter{margin:1px;display:inline-flex;align-items:center;line-height:3rem;display:inline-block;padding:10px 4px 4px;background:transparent;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#challengeWord .cLetter.correct{background:#5ae65a;border-radius:3px}#challengeWord.correct{background:#5ae65a}#morseBufferDisplay{display:flex;justify-content:center;flex-direction:column-reverse;align-items:center;width:100%;height:180px;margin-bottom:20px;font-family:Courier Prime,Courier,monospace;position:relative}#morseBufferDisplay #overlay{box-shadow:inset 20px 0 20px -5px #f5f5f5;position:absolute;display:inline-block;top:20px;left:12.5%;width:600px;height:5rem;z-index:40}#morseBufferDisplay #alphanumeric-container{text-align:center;max-width:75%;display:inline-block;overflow:hidden;padding-top:10px}#morseBufferDisplay #alphanumeric-container #alphanumeric{height:5rem;padding-top:.45rem;font-size:4rem;margin-bottom:10px;border-radius:3px;float:right}#morseBufferDisplay #ditDahs-container{text-align:center;max-width:70vw;display:inline-block;overflow:hidden}#morseBufferDisplay #ditDahs-container #ditDahs{height:50px;padding-right:5px;display:flex;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;float:right}#morseBufferDisplay #ditDahs-container #ditDahs .ditDah{background:#fdfdfd;height:40px;width:30px!important;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#challengeBufferDisplay{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;font-family:Courier Prime,Courier,monospace;font-weight:700}#challengeBufferDisplay #ditDahs{max-width:95%;height:60px;padding-right:5px;padding-top:10px;margin-bottom:10px;display:inline-flex;overflow:hidden;flex-direction:row;justify-content:center;font-size:3rem;font-family:Courier,monospace;text-align:center}#challengeBufferDisplay #ditDahs span{float:right;padding:5px;-webkit-transition:background .1s ease-in-out;transition:background .1s ease-in-out;background:#fdfdfd;height:40px;margin-left:3px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.space{font-size:20px}#morse-history{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:80%;max-width:500px;margin-top:3em}#morse-history #morseHistory-textbox{background:#fff;border-radius:5px;min-height:4em;width:100%;padding:.5em;font-family:Courier;font-size:1.5rem;display:flex;align-content:flex-start;flex-wrap:wrap;overflow-y:scroll}#morse-history #morseHistory-textbox span{margin:5px;background:#fdfdfd;height:1.5rem;padding:0 4px;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,.35),0 -1px 1px #fff}#morse-history #clear{width:100%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}#morse-history #clear #message{font-family:Roboto,sans-serif;padding:.3em;font-size:.9em;color:#777}#morse-history #clear #message .ditDah{font-family:Courier,monospace}#morse-history #clear button{background:#ededed;color:#666;font-size:1em;height:1.5em;border:0;padding:.7em;display:flex;align-items:center}#morse-history #clear button:hover{color:maroon}#morseHistory{border:1px solid purple;display:flex;flex-direction:column;width:100%;height:320px;position:relative;padding-top:10px}#morseHistory #overlay{box-shadow:inset 20px 0 20px #eee,inset -20px 0 20px #eee,inset 0 -100px 100px #eee;position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:100}@media only screen and (max-width:1024px){#sidebar-content #info{padding:1em}#sidebar-content #playerAndLegend{padding:0}#sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#mainOptions{flex-direction:column;align-items:center}}@media only screen and (max-width:415px){#main-interface,#root,body,html{width:100vw;overflow:hidden}#header{width:100vw;font-size:1.3em;height:1.5em;min-height:1.5em;max-height:1.5em;padding-left:5px}#header #social-links{margin-right:0;font-size:1rem}#header #social-links i{font-size:1.5rem;padding-left:0}#root #main-content{height:calc(100vh - 4.1em)}#root #main-content .sidebar#left{top:2em;width:100vw;min-width:40%;max-width:100vw;height:calc(100vh - 4.1em)}#root #main-content .sidebar#left.hide{left:calc(-100% + 40px);background:transparent;box-shadow:0 0 0 transparent;z-index:600}#root #main-content .sidebar#left.hide #sidebar-content{display:none}#root #main-content .sidebar#left #sidebar-content #info{padding:1em}#root #main-content .sidebar#left #sidebar-content #playerAndLegend{padding:0}#root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button{width:20%}#root #main-content #main-interface{max-width:100vw;position:relative;left:100%}#root #main-content #main-interface.expandLeft{left:0;width:100vw}#root #main-content #main-interface #mainOptions{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100vw;padding:3px;flex-direction:column;align-items:center;z-index:500}#root #main-content #main-interface #mainOptions div .mode-picker{margin-left:15px;width:100%;max-width:100vw;min-width:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #mainOptions div .mode-picker div{max-width:100vw}#root #main-content #main-interface #mainOptions div .mode-picker div#title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker div#buttons,#root #main-content #main-interface #mainOptions div .mode-picker div#input{font-size:1em}#root #main-content #main-interface #mainOptions div .mode-picker #input button,#root #main-content #main-interface #mainOptions div .mode-picker button{font-size:.8em}#root #main-content #main-interface #mainOptions div .mode-picker #input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#root #main-content #main-interface #challenge-overlay #challengeComplete,#root #main-content #main-interface #challenge-overlay #challengeReady{height:60%;max-height:600px;padding:0;width:90%}#root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title,#root #main-content #main-interface #challenge-overlay #challengeReady #notify-title{font-size:1.5em}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker{width:95%}#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input,#root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title{font-size:1em}#root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge,#root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge{font-size:1.3em;line-height:2em}#root #main-content #main-interface #morseBufferDisplay{justify-content:flex-end;margin-bottom:0;margin-top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container{min-height:3.5rem;max-height:3.5rem;margin-bottom:0;padding:0}#root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric{min-height:3.5rem;font-size:3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container{margin-top:0;margin-bottom:0;min-height:2.3rem;max-height:2.3rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs{min-height:2rem;max-height:2rem}#root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah{height:2rem;min-width:1.7rem;max-width:1.7rem;font-size:2rem}#root #main-content #main-interface #morse-history{margin-top:0}#root #main-content #main-interface #morse-history #morseHistory-textbox{background:#fff;min-height:2em;max-height:2em}#root #main-content #main-interface #morse-history #clear button{padding:0 3px}#root #main-content #main-interface #challenge-header{padding:5px}#root #main-content #main-interface #challenge-header #gameClock{font-size:.8em}#root #main-content #main-interface #challenge-header #challengeControls button{font-size:1em}#root #main-content #main-interface #challengeWord{margin-top:0;height:4rem;font-size:3rem}#root #main-content #main-interface #challengeWord span{line-height:2rem}#root #main-content #main-interface #morseButton{margin-top:0}} +/*# sourceMappingURL=main.8d63c56d.chunk.css.map */ \ No newline at end of file diff --git a/build/static/css/main.8d63c56d.chunk.css.map b/build/static/css/main.8d63c56d.chunk.css.map new file mode 100644 index 0000000..ad0b0f4 --- /dev/null +++ b/build/static/css/main.8d63c56d.chunk.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["main.8d63c56d.chunk.css","index.css","../scss/App.scss","App.css"],"names":[],"mappings":"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CAGtB,sBAAuB,CAGvB,oBAAqB,CAC7B,SAAU,CACV,eAAgB,CAChB,cACF,CAEA,qCACE,eAAgB,CAChB,iBAAkB,CAClB,cAAe,CACf,UAAW,CACX,YAAc,CACd,mBAAoB,CACpB,gBAAiB,CAGjB,YAAa,CAET,wBAAyB,CAEzB,cAAe,CACnB,iBACF,CAEA,0CACE,UAAW,CACX,kBAAmB,CACnB,aAAc,CAGd,aAAmB,CACnB,iBAAkB,CAEV,oDACV,CAEA,sBACE,UAAW,CAGX,YAAa,CACb,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CAGX,6BACV,CAEA,+BACE,6BAAiC,CACjC,YAAc,CACd,cAAgB,CAChB,UACF,CAEA,uCACE,6BACF,CAEA,6BACE,kBAAmB,CACnB,UAAW,CACX,aAAc,CACd,YAAa,CACb,QAAW,CACX,YAAc,CAGd,YAAa,CAGL,kBACV,CAEA,mCACE,YACF,CAEA,cACE,uBAAwB,CAGxB,YAAa,CAIL,qBAAsB,CAC9B,UAAW,CACX,YAAa,CACb,iBAAkB,CAClB,gBACF,CAEA,uBAEU,mFAA4F,CACpG,iBAAkB,CAClB,oBAAqB,CACrB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,WACF,CAEA,0CACE,uBACE,WACF,CACA,kCACE,SACF,CACA,+DACE,SACF,CACA,aAIU,qBAAsB,CAGtB,kBACV,CACF,CAEA,yCACE,gCACE,WAAY,CACZ,eACF,CACA,QACE,WAAY,CACZ,eAAgB,CAChB,YAAa,CACb,gBAAiB,CACjB,gBAAiB,CACjB,gBACF,CACA,sBACE,cAAiB,CACjB,cACF,CACA,wBACE,gBAAiB,CACjB,cACF,CACA,oBACE,0BACF,CACA,kCACE,OAAQ,CACR,WAAY,CACZ,aAAc,CACd,eAAgB,CAChB,0BACF,CACA,uCACE,uBAAwB,CACxB,sBAAuB,CAEf,4BAAmC,CAC3C,WACF,CACA,wDACE,YACF,CACA,yDACE,WACF,CACA,oEACE,SACF,CACA,iGACE,SACF,CACA,oCACE,eAAgB,CAChB,iBAAkB,CAClB,SACF,CACA,+CACE,MAAQ,CACR,WACF,CACA,iDACE,0BAA2B,CAC3B,uBAAwB,CACxB,kBAAmB,CACnB,8BAA+B,CAC/B,2BAA4B,CAC5B,sBAAuB,CACvB,WAAY,CACZ,WAAY,CAIJ,qBAAsB,CAGtB,kBAAmB,CAC3B,WACF,CACA,kEACE,gBAAiB,CACjB,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,sEACE,eACF,CACA,4EACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBAAkB,CAClB,aACF,CACA,0JACE,aACF,CACA,yJACE,cACF,CACA,yEACE,yBAA0B,CAC1B,sBAAuB,CACvB,iBACF,CACA,iJACE,UAAW,CACX,gBAAiB,CACjB,SAAY,CACZ,SACF,CACA,6KACE,eACF,CACA,mLACE,SACF,CAIA,swBACE,aACF,CACA,iLACE,eAAgB,CAChB,eACF,CACA,wDAGU,wBAAyB,CACjC,eAAkB,CAClB,YAAe,CACf,0BAA2B,CAC3B,uBAAwB,CACxB,kBACF,CACA,gFACE,iBAAkB,CAClB,iBAAkB,CAClB,eAAkB,CAClB,SACF,CACA,8FACE,iBAAkB,CAClB,cACF,CACA,2EACE,YAAa,CACb,eAAgB,CAChB,iBAAkB,CAClB,iBACF,CACA,oFACE,eAAgB,CAChB,eACF,CACA,4FACE,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,cACF,CACA,mDACE,YACF,CACA,yEACE,eAAgB,CAChB,cAAe,CACf,cACF,CACA,iEAGE,aACF,CACA,sDACE,WACF,CACA,iEACE,cACF,CACA,gFACE,aACF,CACA,mDACE,YAAa,CACb,WAAY,CACZ,cACF,CACA,wDACE,gBACF,CACA,iDACE,YACF,CACF","file":"main.8d63c56d.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Courier+Prime:700|Roboto:700|Roboto&display=swap);\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n* {\n box-sizing: border-box;\n margin: 0px;\n padding: 0px;\n cursor: default;\n touch-action: manipulation;\n}\n\nbutton {\n font-family: \"Roboto\", sans-serif;\n}\n\nhtml, body {\n height: 100%;\n width: 100vw;\n background: #eee;\n}\n\n#root {\n width: 100vw;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n#header {\n min-height: 50px;\n min-height: 50px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 15px;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n color: #eee;\n z-index: 1000;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);\n font-size: 2.5em;\n}\n\n#header #title {\n font-weight: bold;\n text-transform: uppercase;\n}\n\n#header #social-links {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n font-size: 1rem;\n font-weight: bold;\n text-transform: uppercase;\n color: #999;\n margin-right: 10px;\n}\n\n#header #social-links i {\n color: #ccc;\n padding-left: 5px;\n padding-right: 5px;\n font-size: 2rem;\n}\n\n#header #social-links i:hover {\n color: gold;\n}\n\n#header #social-links div {\n height: auto;\n}\n\n#header #social-links div img {\n width: 40px;\n height: 40px;\n opacity: 30%;\n}\n\n#header #social-links div img:hover {\n -webkit-animation-name: socialLinkHover;\n animation-name: socialLinkHover;\n -webkit-animation-duration: 150ms;\n animation-duration: 150ms;\n -webkit-animation-fill-mode: forwards;\n animation-fill-mode: forwards;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n}\n\n#header #social-links div#twitter img {\n -webkit-filter: invert(90%);\n filter: invert(90%);\n}\n\n#main-content {\n display: flex;\n height: 95vh;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n width: 100vw;\n align-items: center;\n align-self: center;\n overflow-x: hidden;\n position: relative;\n left: 0px;\n}\n\n#main-content .sidebar#left {\n background: #eee;\n box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.25);\n font-family: 'Roboto', sans-serif;\n line-height: 1.5em;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 40%;\n height: calc(100% - 5.1em);\n max-width: 100%;\n overflow-y: scroll;\n position: fixed;\n top: 50px;\n left: 0px;\n z-index: 100;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left.hide {\n left: calc(-40% + 40px);\n top: 50px;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #sidebar-content #info {\n opacity: 0%;\n overflow-y: hidden;\n}\n\n#main-content .sidebar#left.hide #sidebar-container #info-icon {\n top: 0px;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n\n#main-content .sidebar#left #sidebar-container {\n height: 100%;\n width: 100%;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar {\n font-size: 1em;\n line-height: 1em;\n width: 100%;\n height: 35px;\n display: flex;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 550;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item {\n padding: 10px;\n width: 30%;\n height: 100%;\n display: flex;\n justify-content: center;\n -webkit-transition: all 150ms ease-in-out;\n transition: all 150ms ease-in-out;\n border-bottom: 2px solid transparent;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item:hover {\n background: rgba(0, 0, 0, 0.1);\n border-color: #999;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item.selected {\n border-color: #508090;\n}\n\n#main-content .sidebar#left #sidebar-container .navbar .nav-item#nav-play {\n display: none;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n position: absolute;\n top: 7px;\n right: 6px;\n z-index: 1010;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon:hover i {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #info-icon i {\n color: #333;\n font-size: 1.7rem;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content {\n display: flex;\n justify-content: center;\n align-self: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend {\n padding: 2em;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n overflow-y: scroll;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #legend, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend #playMorseInput, #main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n margin-bottom: 1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #playerAndLegend span#note {\n font-family: \"Courier\", monospace;\n color: #555;\n display: inline-block;\n width: 65%;\n text-align: center;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n padding: 2.5em;\n font-family: \"Roboto\", sans-serif;\n font-size: 1.2rem;\n line-height: 1.5em;\n opacity: 100%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info h1, #main-content .sidebar#left #sidebar-container #sidebar-content #info h2 {\n margin-bottom: 0.3em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info .bold {\n display: inline-block;\n font-size: 1.15em;\n font-weight: bold;\n margin-bottom: 0.1em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p {\n margin-bottom: 2em;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info p span.ditdah {\n font-family: \"Courier\", monospace;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info img {\n width: 50%;\n image-rendering: optimizeSpeed;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:visited {\n color: #333;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info a:hover, #main-content .sidebar#left #sidebar-container #sidebar-content #info i:hover {\n color: goldenrod;\n}\n\n#main-content .sidebar#left #sidebar-container #sidebar-content #info i {\n font-size: 1.2rem;\n line-height: 1rem;\n}\n\n#main-content #main-interface {\n background: whitesmoke;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n width: 60%;\n position: relative;\n left: 40%;\n -webkit-transition: all 500ms ease-in-out;\n transition: all 500ms ease-in-out;\n}\n\n#main-content #main-interface.expandLeft {\n left: 40px;\n width: calc(100% - 40px);\n}\n\n#main-content #main-interface #mainOptions {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n overflow-x: scroll;\n width: 100%;\n padding: 10px;\n background: rgba(112, 128, 144, 0.3);\n box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.1);\n font-family: \"Roboto\", sans-serif;\n z-index: 500;\n}\n\n#main-content #main-interface #mainOptions #options-left, #main-content #main-interface #mainOptions #options-right {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker, #main-content #main-interface #mainOptions #options-right .mode-picker {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-content: flex-start;\n justify-content: flex-start;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker div, #main-content #main-interface #mainOptions #options-right .mode-picker div {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 3px;\n height: 100%;\n margin-bottom: 5px;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title, #main-content #main-interface #mainOptions #options-right .mode-picker #title {\n justify-content: flex-end;\n width: 10em;\n font-weight: bold;\n font-size: 1.15em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title span#range, #main-content #main-interface #mainOptions #options-right .mode-picker #title span#range {\n display: inline-block;\n padding-left: 5px;\n font-size: 0.8em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #buttons, #main-content #main-interface #mainOptions #options-right .mode-picker #buttons {\n justify-content: space-evenly;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input input, #main-content #main-interface #mainOptions #options-right .mode-picker #input input {\n width: 50px;\n height: 1.5rem;\n border: 1px solid #ddd;\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-align: center;\n border-radius: 3px;\n font-size: 0.8rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input select, #main-content #main-interface #mainOptions #options-right .mode-picker #input select {\n height: 1.4rem;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button, #main-content #main-interface #mainOptions #options-right .mode-picker #input button {\n width: 1.4em;\n height: 1.4em;\n border-radius: 3px;\n font-size: 1em;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #input button i, #main-content #main-interface #mainOptions #options-right .mode-picker #input button i {\n position: relative;\n left: -6px;\n top: -2px;\n font-size: 1.1em;\n font-weight: bold;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button, #main-content #main-interface #mainOptions #options-right .mode-picker button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.2em;\n padding-left: 0.5em;\n padding-right: 0.5em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.9em;\n color: #333;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker button.selected, #main-content #main-interface #mainOptions #options-right .mode-picker button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#main-content #main-interface #mainOptions #options-left .mode-picker #title {\n width: 5em;\n}\n\n#footer {\n width: 100%;\n height: 2em;\n padding: 0.3em;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #333;\n font-family: \"Roboto\", sans-serif;\n font-size: 1em;\n color: #eee;\n z-index: 1000;\n}\n\n#footer i {\n font-size: 1.3em;\n color: #ccc;\n}\n\n#footer i:hover {\n color: gold;\n}\n\nh2 {\n margin-bottom: 0.5em;\n}\n\ni[class*=\"ri-\"] {\n font-weight: normal;\n font-size: 0.9rem;\n color: #777;\n}\n\n#playMorseInput {\n background: #ddd;\n width: 400px;\n height: 10em;\n padding: 1em;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 45px;\n}\n\n#playMorseInput #input {\n display: flex;\n align-items: center;\n width: auto;\n}\n\n#playMorseInput #input i {\n font-size: 1.3em;\n display: inline-block;\n}\n\n#playMorseInput #input i:hover {\n color: goldenrod;\n}\n\n#playMorseInput #input input {\n padding-left: 3px;\n border-radius: 3px;\n border: 1px solid #ddd;\n height: 1.5rem;\n font-size: 0.9em;\n width: auto;\n}\n\n#playMorseInput #morseTrans {\n font-size: 0.9em;\n font-family: \"Courier\", monospace;\n}\n\n#legend {\n background: #eee;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n}\n\n#legend #legend-title {\n margin-left: 2.2em;\n font-size: 1.5em;\n font-weight: bold;\n margin-bottom: 0.3em;\n}\n\n#legend #legend-items {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin-bottom: 10px;\n}\n\n#legend #legend-items .item {\n font-family: \"Courier\", monospace;\n font-size: 0.85em;\n display: flex;\n align-items: center;\n width: 15%;\n margin: 5px;\n padding: 0.3em;\n border: 1px solid #ccc;\n border-radius: 3px;\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n background: #ddd;\n border: 0px;\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#legend #legend-items .item span {\n -webkit-transition: all 50ms ease-in-out;\n transition: all 50ms ease-in-out;\n}\n\n#legend #legend-items .item:active {\n -webkit-transform: scale(0.95);\n transform: scale(0.95);\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:active span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item:hover {\n border-color: rgba(112, 128, 144, 0.6);\n background: #ddd;\n}\n\n#legend #legend-items .item:hover span:first-child {\n background: rgba(112, 128, 144, 0.6);\n}\n\n#legend #legend-items .item span:first-child {\n display: inline-block;\n padding: 1px;\n width: 1.5em;\n background: #d6d6d6;\n border-radius: 2px;\n font-size: 1.5em;\n -webkit-transition: all 75ms ease-in-out;\n transition: all 75ms ease-in-out;\n}\n\n#legend #legend-items .item span:last-child {\n font-weight: bold;\n font-size: 1em;\n display: inline-block;\n padding-left: 5px;\n width: 100%;\n}\n\n#morseButton {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 100px;\n height: 100px;\n margin-top: 30px;\n margin-bottom: 10px;\n border-radius: 50%;\n align-self: center;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, -webkit-transform 40ms ease-out;\n background: rgba(112, 138, 144, 0.5);\n}\n\n#morseButton.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton button {\n font-size: 1rem;\n color: transparent;\n width: 50px;\n height: 100px;\n background: rgba(112, 138, 144, 0.5);\n margin: 0px;\n border: 0px;\n -webkit-transition: width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out, -webkit-box-shadow 40ms ease-out;\n -webkit-transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out;\n transition: transform 40ms ease-out, box-shadow 40ms ease-out, width 500ms ease-out, background 500ms ease-out, color 500ms ease-out, -webkit-transform 40ms ease-out;\n}\n\n#morseButton button.showPaddles {\n color: transparent;\n border-radius: 50px;\n width: 50px;\n height: 100px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morseButton button#left {\n width: 50%;\n border-radius: 50px 0px 0px 50px;\n display: none;\n}\n\n#morseButton button#left.showPaddles {\n border-radius: 50px 0 0 50px;\n display: inline-block;\n margin-right: 7px;\n border-radius: 20px;\n}\n\n#morseButton button#right {\n border-radius: 0 50px 50px 0;\n width: 50%;\n display: none;\n}\n\n#morseButton button#right.showPaddles {\n border-radius: 0 50px 50px 0;\n display: inline-block;\n margin-left: 7px;\n border-radius: 20px;\n}\n\n#morseButton button.active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);\n}\n\n#morseButton.showPaddles {\n width: 150px;\n height: 100px;\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n}\n\n#morseButtonText {\n font-family: \"Roboto\", sans-serif;\n font-weight: bold;\n color: #aaa;\n font-size: 0.9rem;\n}\n\n#paddleText {\n width: 140px;\n display: flex;\n justify-content: space-around;\n}\n\n@-webkit-keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n@keyframes hideOverlay {\n 0% {\n opacity: 100%;\n }\n 100% {\n opacity: 0%;\n }\n}\n\n#challenge-overlay {\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 50;\n background: rgba(255, 255, 255, 0.75);\n display: flex;\n justify-content: center;\n}\n\n#challenge-overlay.fade {\n -webkit-animation: hideOverlay 1s ease-out forwards;\n animation: hideOverlay 1s ease-out forwards;\n}\n\n#challenge-overlay.hide {\n z-index: -100;\n}\n\n#challenge-overlay #challengeReady, #challenge-overlay #challengeComplete {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n width: 45%;\n max-width: 600px;\n padding: 1.7em;\n height: 35%;\n background: #eee;\n margin-top: 10rem;\n border-radius: 5px;\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);\n border: 3px solid #666;\n}\n\n#challenge-overlay #challengeReady #notify-title, #challenge-overlay #challengeComplete #notify-title {\n font-size: 2.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady #message, #challenge-overlay #challengeComplete #message {\n display: inline-block;\n text-align: center;\n font-size: 1.7em;\n}\n\n#challenge-overlay #challengeReady #count, #challenge-overlay #challengeComplete #count {\n font-size: 4.5em;\n font-weight: bold;\n}\n\n#challenge-overlay #challengeReady.starting, #challenge-overlay #challengeComplete.starting {\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady button, #challenge-overlay #challengeComplete button {\n background: #eee;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n border-radius: 3px;\n border: 0px;\n padding: 0.3em;\n margin-left: 10px;\n margin-right: 10px;\n font-size: 0.75em;\n color: #333;\n}\n\n#challenge-overlay #challengeReady button#startChallenge, #challenge-overlay #challengeReady button#continue, #challenge-overlay #challengeComplete button#startChallenge, #challenge-overlay #challengeComplete button#continue {\n width: 100%;\n font-size: 1.7em;\n font-weight: bold;\n padding: 0.3em;\n background: #666;\n color: gold;\n text-transform: uppercase;\n letter-spacing: 0.3rem;\n}\n\n#challenge-overlay #challengeReady button#startChallenge:active, #challenge-overlay #challengeReady button#continue:active, #challenge-overlay #challengeComplete button#startChallenge:active, #challenge-overlay #challengeComplete button#continue:active {\n -webkit-transform: translateY(3px);\n transform: translateY(3px);\n box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);\n}\n\n#challenge-overlay #challengeReady button.selected, #challenge-overlay #challengeComplete button.selected {\n box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3), inset 0px -1px 1px white;\n}\n\n#challenge-overlay #challengeReady #challengeOptions, #challenge-overlay #challengeComplete #challengeOptions {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker, #challenge-overlay #challengeComplete #challengeOptions .mode-picker {\n width: 90%;\n display: flex;\n align-content: center;\n justify-content: flex-start;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div {\n padding: 5px;\n height: 2.4em;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#title, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#title {\n font-weight: bold;\n font-size: 1.4em;\n height: 100%;\n display: flex;\n padding-left: 0px;\n justify-content: flex-start;\n align-items: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#buttons button, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#buttons button {\n font-size: 1rem;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#info, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#info {\n display: flex;\n align-items: center;\n font-size: 1.2em;\n height: 100%;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input {\n margin-left: 10px;\n margin-top: 0.25em;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n#challenge-overlay #challengeReady #challengeOptions .mode-picker div#input select, #challenge-overlay #challengeComplete #challengeOptions .mode-picker div#input select {\n height: auto;\n font-size: 1rem;\n}\n\n#challenge-header {\n width: 100%;\n padding: 1em;\n display: flex;\n justify-content: space-between;\n}\n\n#challenge-header #gameClock {\n font-size: 1.3em;\n}\n\n#challenge-header #challengeControls button {\n border: 0px;\n border-radius: 5px;\n padding: 0.3em;\n font-size: 1.2em;\n color: #555;\n}\n\n#challenge-header #challengeControls button:hover {\n color: maroon;\n}\n\n#challengeWord {\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: center;\n height: 5rem;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 10px;\n margin-top: 25px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n font-size: 4rem;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n background: #fdfdfd;\n text-transform: uppercase;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeWord .cLetter {\n padding: 4px;\n margin: 1px;\n display: inline-flex;\n align-items: center;\n line-height: 3rem;\n display: inline-block;\n padding-top: 10px;\n background: transparent;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n}\n\n#challengeWord .cLetter.correct {\n background: #5ae65a;\n border-radius: 3px;\n}\n\n#challengeWord.correct {\n background: #5ae65a;\n}\n\n#morseBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column-reverse;\n align-items: center;\n width: 100%;\n height: 180px;\n margin-bottom: 20px;\n font-family: \"Courier Prime\", Courier, monospace;\n position: relative;\n}\n\n#morseBufferDisplay #overlay {\n box-shadow: inset 20px 0px 20px -5px whitesmoke;\n position: absolute;\n display: inline-block;\n top: 20px;\n left: calc(50% - 37.5%);\n width: 600px;\n height: 5rem;\n z-index: 40;\n}\n\n#morseBufferDisplay #alphanumeric-container {\n text-align: center;\n max-width: 75%;\n display: inline-block;\n overflow: hidden;\n padding-top: 10px;\n}\n\n#morseBufferDisplay #alphanumeric-container #alphanumeric {\n height: 5rem;\n padding-top: 0.45rem;\n font-size: 4rem;\n margin-bottom: 10px;\n border-radius: 3px;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container {\n text-align: center;\n max-width: 70vw;\n display: inline-block;\n overflow: hidden;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs {\n height: 50px;\n padding-right: 5px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n float: right;\n}\n\n#morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n background: #fdfdfd;\n height: 40px;\n width: 30px !important;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n#challengeBufferDisplay {\n display: flex;\n justify-content: center;\n flex-direction: column;\n align-items: center;\n width: 100%;\n font-family: \"Courier Prime\", Courier, monospace;\n font-weight: bold;\n}\n\n#challengeBufferDisplay #ditDahs {\n max-width: 95%;\n height: 60px;\n padding-right: 5px;\n padding-top: 10px;\n margin-bottom: 10px;\n display: inline-flex;\n overflow: hidden;\n flex-direction: row;\n justify-content: center;\n font-size: 3rem;\n font-family: \"Courier\", monospace;\n text-align: center;\n}\n\n#challengeBufferDisplay #ditDahs span {\n float: right;\n padding: 5px;\n -webkit-transition: background 100ms ease-in-out;\n transition: background 100ms ease-in-out;\n background: #fdfdfd;\n height: 40px;\n margin-left: 3px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n display: flex;\n justify-content: center;\n align-items: center;\n -webkit-transition: all 100ms ease-in-out;\n transition: all 100ms ease-in-out;\n}\n\n.space {\n font-size: 20px;\n}\n\n#morse-history {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-end;\n width: 80%;\n max-width: 500px;\n margin-top: 3em;\n}\n\n#morse-history #morseHistory-textbox {\n background: #fff;\n border-radius: 5px;\n min-height: 4em;\n width: 100%;\n padding: 0.5em;\n font-family: Courier;\n font-size: 1.5rem;\n display: flex;\n align-content: flex-start;\n flex-wrap: wrap;\n overflow-y: scroll;\n}\n\n#morse-history #morseHistory-textbox span {\n margin: 5px;\n background: #fdfdfd;\n height: 1.5rem;\n padding: 4px;\n padding-top: 0px;\n padding-bottom: 0px;\n border-radius: 3px;\n box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35), 0px -1px 1px white;\n}\n\n#morse-history #clear {\n width: 100%;\n display: flex;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: space-between;\n}\n\n#morse-history #clear #message {\n font-family: \"Roboto\", sans-serif;\n padding: 0.3em;\n font-size: 0.9em;\n color: #777;\n}\n\n#morse-history #clear #message .ditDah {\n font-family: \"Courier\", monospace;\n}\n\n#morse-history #clear button {\n background: #ededed;\n color: #666;\n font-size: 1em;\n height: 1.5em;\n border: 0px;\n padding: 0.7em;\n display: flex;\n align-items: center;\n}\n\n#morse-history #clear button:hover {\n color: maroon;\n}\n\n#morseHistory {\n border: 1px solid purple;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 320px;\n position: relative;\n padding-top: 10px;\n}\n\n#morseHistory #overlay {\n box-shadow: inset 20px 0px 20px #eee, inset -20px 0px 20px #eee, inset 0px -100px 100px #eee;\n position: absolute;\n display: inline-block;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 100;\n}\n\n@media only screen and (max-width: 1024px) {\n #sidebar-content #info {\n padding: 1em;\n }\n #sidebar-content #playerAndLegend {\n padding: 0;\n }\n #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #mainOptions {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 415px) {\n html, body, #root, #main-interface {\n width: 100vw;\n overflow: hidden;\n }\n #header {\n width: 100vw;\n font-size: 1.3em;\n height: 1.5em;\n min-height: 1.5em;\n max-height: 1.5em;\n padding-left: 5px;\n }\n #header #social-links {\n margin-right: 0px;\n font-size: 1rem;\n }\n #header #social-links i {\n font-size: 1.5rem;\n padding-left: 0px;\n }\n #root #main-content {\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left {\n top: 2em;\n width: 100vw;\n min-width: 40%;\n max-width: 100vw;\n height: calc(100vh - 4.1em);\n }\n #root #main-content .sidebar#left.hide {\n left: calc(-100% + 40px);\n background: transparent;\n box-shadow: 0px 0px 0px transparent;\n z-index: 600;\n }\n #root #main-content .sidebar#left.hide #sidebar-content {\n display: none;\n }\n #root #main-content .sidebar#left #sidebar-content #info {\n padding: 1em;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend {\n padding: 0px;\n }\n #root #main-content .sidebar#left #sidebar-content #playerAndLegend #legend #legend-items button {\n width: 20%;\n }\n #root #main-content #main-interface {\n max-width: 100vw;\n position: relative;\n left: 100%;\n }\n #root #main-content #main-interface.expandLeft {\n left: 0%;\n width: 100vw;\n }\n #root #main-content #main-interface #mainOptions {\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: -webkit-fit-content;\n min-height: -moz-fit-content;\n min-height: fit-content;\n width: 100vw;\n padding: 3px;\n flex-direction: column;\n align-items: center;\n z-index: 500;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker {\n margin-left: 15px;\n width: 100%;\n max-width: 100vw;\n min-width: 50px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div {\n max-width: 100vw;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#title {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker div#buttons, #root #main-content #main-interface #mainOptions div .mode-picker div#input {\n font-size: 1em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker button, #root #main-content #main-interface #mainOptions div .mode-picker #input button {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #mainOptions div .mode-picker #input {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady, #root #main-content #main-interface #challenge-overlay #challengeComplete {\n height: 60%;\n max-height: 600px;\n padding: 0px;\n width: 90%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #notify-title, #root #main-content #main-interface #challenge-overlay #challengeComplete #notify-title {\n font-size: 1.5em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker {\n width: 95%;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #title, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #title {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeReady div .mode-picker #buttons, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #info, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #input, #root #main-content #main-interface #challenge-overlay #challengeComplete div .mode-picker #buttons {\n font-size: 1em;\n }\n #root #main-content #main-interface #challenge-overlay #challengeReady #startChallenge, #root #main-content #main-interface #challenge-overlay #challengeComplete #startChallenge {\n font-size: 1.3em;\n line-height: 2em;\n }\n #root #main-content #main-interface #morseBufferDisplay {\n justify-content: flex-end;\n margin-bottom: 0px;\n margin-top: 0px;\n height: -webkit-fit-content;\n height: -moz-fit-content;\n height: fit-content;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container {\n min-height: 3.5rem;\n max-height: 3.5rem;\n margin-bottom: 0px;\n padding: 0px;\n }\n #root #main-content #main-interface #morseBufferDisplay #alphanumeric-container #alphanumeric {\n min-height: 3.5rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container {\n margin-top: 0;\n margin-bottom: 0;\n min-height: 2.3rem;\n max-height: 2.3rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs {\n min-height: 2rem;\n max-height: 2rem;\n }\n #root #main-content #main-interface #morseBufferDisplay #ditDahs-container #ditDahs .ditDah {\n height: 2rem;\n min-width: 1.7rem;\n max-width: 1.7rem;\n font-size: 2rem;\n }\n #root #main-content #main-interface #morse-history {\n margin-top: 0px;\n }\n #root #main-content #main-interface #morse-history #morseHistory-textbox {\n background: #fff;\n min-height: 2em;\n max-height: 2em;\n }\n #root #main-content #main-interface #morse-history #clear button {\n padding: 0px;\n padding-left: 3px;\n padding-right: 3px;\n }\n #root #main-content #main-interface #challenge-header {\n padding: 5px;\n }\n #root #main-content #main-interface #challenge-header #gameClock {\n font-size: 0.8em;\n }\n #root #main-content #main-interface #challenge-header #challengeControls button {\n font-size: 1em;\n }\n #root #main-content #main-interface #challengeWord {\n margin-top: 0;\n height: 4rem;\n font-size: 3rem;\n }\n #root #main-content #main-interface #challengeWord span {\n line-height: 2rem;\n }\n #root #main-content #main-interface #morseButton {\n margin-top: 0;\n }\n}\n/*# sourceMappingURL=App.css.map */\n","body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n",null,null]} \ No newline at end of file diff --git a/build/static/js/2.044de1a4.chunk.js b/build/static/js/2.044de1a4.chunk.js new file mode 100644 index 0000000..21ed018 --- /dev/null +++ b/build/static/js/2.044de1a4.chunk.js @@ -0,0 +1,3 @@ +/*! For license information please see 2.044de1a4.chunk.js.LICENSE */ +(this["webpackJsonplearn-morse-code"]=this["webpackJsonplearn-morse-code"]||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(18)},function(e,t,n){"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],r=!0,l=!1,a=void 0;try{for(var i,o=e[Symbol.iterator]();!(r=(i=o.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(u){l=!0,a=u}finally{try{r||null==o.return||o.return()}finally{if(l)throw a}}return n}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}n.d(t,"a",(function(){return r}))},,,,function(e,t,n){"use strict";function r(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);tz.length&&z.push(e)}function R(e,t,n){return null==e?0:function e(t,n,r,l){var o=typeof t;"undefined"!==o&&"boolean"!==o||(t=null);var u=!1;if(null===t)u=!0;else switch(o){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case a:case i:u=!0}}if(u)return r(l,t,""===n?"."+F(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c