From 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 1 Oct 2017 00:24:20 -0400 Subject: Adding the code --- games/symbolistic/click.mp3 | Bin 0 -> 1252 bytes games/symbolistic/css/charms.css | 166 +++++++++++++++++++++++++++++++++++++ games/symbolistic/index.html | 141 +++++++++++++++++++++++++++++++ games/symbolistic/script.js | Bin 0 -> 7202 bytes games/symbolistic/splashscreen.png | Bin 0 -> 10904 bytes games/symbolistic/style.css | 1 + 6 files changed, 308 insertions(+) create mode 100644 games/symbolistic/click.mp3 create mode 100644 games/symbolistic/css/charms.css create mode 100644 games/symbolistic/index.html create mode 100644 games/symbolistic/script.js create mode 100644 games/symbolistic/splashscreen.png create mode 100644 games/symbolistic/style.css (limited to 'games/symbolistic') diff --git a/games/symbolistic/click.mp3 b/games/symbolistic/click.mp3 new file mode 100644 index 0000000..53949c0 Binary files /dev/null and b/games/symbolistic/click.mp3 differ diff --git a/games/symbolistic/css/charms.css b/games/symbolistic/css/charms.css new file mode 100644 index 0000000..f73490b --- /dev/null +++ b/games/symbolistic/css/charms.css @@ -0,0 +1,166 @@ +body { +font-family:Segoe UI; +margin:0px; +padding:0px; +} +img, a { + outline:none; + border:none; +} +#splashscreen { +margin:0; +position:fixed; +width:100%; +height:100%; +color:#FFFFFF; +background-image:url('../splashscreen.png'); +background-position:center; +background-color:#1E7FE8; +background-repeat:no-repeat; +animation:splash 4s; +-ms-animation:splash 4s; +-webkit-animation:splash 4s; +-o-animation:splash 4s; +opacity:0; +z-index:-1; +} +@keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-webkit-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-ms-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-o-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +#hoverarea { + position:fixed; + top:0px; + right:0px; + width:15px; + height:15px; +} +#bottomhoverarea { + position:fixed; + bottom:0px; + right:0px; + width:15px; + height:15px; +} +#starthoverarea { + position:fixed; + bottom:0px; + left:0px; + width:15px; + height:15px; +} +#charmsbar { + display:none; + background-color:#111111; + position:fixed; + padding:5% 0; + top:0px; + right:0px; + height:100%; + width: 86px; + +} +#settingscharms { + padding : 40px; + display:none; + background-color:#3B66AD; + position:fixed; + top:0px; + right:0px; + height:100%; + width: 345px; + +} +#startbutton { + display:none; + position:fixed; + left:0px; + bottom:0px; +} +#iconnetwork { + position:absolute; + top:35px; + left:25px; +} +#iconbattery { + position:absolute; + bottom:35px; + left:32px; +} +#datetime { + display:none; + position:fixed; + left:50px; + bottom:50px; + width:490px; + height:139px; + background-color: rgba(17,17,17,1); +} +#time { + position:absolute; + left:70px; + bottom:19px; + font-family: Segoe UI Light; + font-size: 64pt; + color:#FFFFFF; +} +#date { + margin-top:20px; + margin-right:20px; + float:right; + font-size:24pt; + font-family: Segoe UI; + color:#FFFFFF; +} diff --git a/games/symbolistic/index.html b/games/symbolistic/index.html new file mode 100644 index 0000000..4b8882a --- /dev/null +++ b/games/symbolistic/index.html @@ -0,0 +1,141 @@ + + + + + Symbolistic! + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ Look for? + Time00:00:00 + Points00 +
+
+
+ + + + + + + + +
+
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+ +
+ + + + \ No newline at end of file diff --git a/games/symbolistic/script.js b/games/symbolistic/script.js new file mode 100644 index 0000000..c16a73f Binary files /dev/null and b/games/symbolistic/script.js differ diff --git a/games/symbolistic/splashscreen.png b/games/symbolistic/splashscreen.png new file mode 100644 index 0000000..3766e0d Binary files /dev/null and b/games/symbolistic/splashscreen.png differ diff --git a/games/symbolistic/style.css b/games/symbolistic/style.css new file mode 100644 index 0000000..3183633 --- /dev/null +++ b/games/symbolistic/style.css @@ -0,0 +1 @@ +html,body{margin:0;padding:0;height:100%}body{margin:0;font:20px "Segoe UI",Arial,sans-serif;font-weight:400;background:#fff;color:#212121}a,a:visited{color:#1e7fe8}a:hover{color:#196ec4}header,#tiles,h1,h2,h3{text-shadow:0 -1px 1px rgba(0,0,0,0.1)}.modal{display:block;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;min-height:100%;text-align:center;background-color:rgba(0,0,0,0.7);z-index:4}.modal .sp{height:50%;font-size:0}.modal div{padding:10px 0 30px 0;margin:0 auto;background:#fff;-moz-box-shadow:0 1px 20px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 20px rgba(0,0,0,0.7);box-shadow:0 1px 20px rgba(0,0,0,0.7)}.modal h3{margin:20px 0}.modal button{display:block;margin:20px auto}.s-w #start{visibility:visible;-webkit-animation-name:fadein;-webkit-animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:fadein;-moz-animation-duration:.3s;-moz-animation-timing-function:ease-in-out}.s-p #start{-webkit-animation-name:fadeout;-webkit-animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:fadeout;-moz-animation-duration:.3s;-moz-animation-timing-function:ease-in-out}@-webkit-keyframes fadeout{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@-moz-keyframes fadeout{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.s-go #gameover{visibility:visible;-webkit-animation-name:fadein;-webkit-animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-moz-animation-name:fadein;-moz-animation-duration:.3s;-moz-animation-timing-function:ease-in-out}#gameover a{text-decoration:none;color:rgba(0,0,0,0.5)}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}#goHigh{display:none;color:rgba(0,0,0,0.5)}.localstorage #goHigh{display:inline!important}#notification{padding:10px 0;text-align:center;background:#ffc000;z-index:999}#notification span{font-weight:bold}header{text-align:center;font-size:70px}header span{position:relative;top:-30px;margin-right:10px;font-size:20px}#answer,#answer span,#stopwatch,#points{top:0;font-size:70px!important}#answer{display:inline-block;position:relative;top:-0.1em;width:1em;height:1em;margin-right:30px;margin-left:-5px}#answer span{position:absolute;text-align:center;width:inherit}#stopwatch{margin-right:30px;letter-spacing:-0.06em;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-ms-transition:color .5s ease-in-out;transition:color .5s ease-in-out}#stopwatch.moar{color:#36bc09!important}#stopwatch.low,#stopwatch.gameover{color:#aa0d0d}.s-p #stopwatch.low{-webkit-animation-name:pulsate;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-name:pulsate;-moz-animation-duration:1s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-moz-keyframes pulsate{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}#points{letter-spacing:-0.06em;text-shadow:0 -1px 1px rgba(0,0,0,0.1)}#tiles{margin:20px auto;font-size:70px;text-align:center;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout:none}#tiles:before,.tiles:after{content:"";display:table}#tiles:after{clear:both}#tiles.correct .selected{background:#53cc43}button{display:inline-block;width:150px;height:150px;padding:0;margin:5px;color:#fff;font:1em "Open Sans",Arial,sans-serif;text-align:center;line-height:150px;text-shadow:0 -1px 1px rgba(0,0,0,0.1);background:#1e7fe8;border:0;border:0 solid white;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;cursor:pointer}button:hover{background:#196ec4}button:active,button.selected{line-height:145px;font-size:90%;background:#6aaaf0;border:5px solid #fff;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}footer{margin:70px 10px 10px 10px;padding:10px;text-align:center;font-size:16px;color:rgba(0,0,0,0.4);text-shadow:0 1px 1px rgba(255,255,255,0.2);border-top:1px dashed rgba(0,0,0,0.1)} \ No newline at end of file -- cgit v1.2.3