2014-05-23 04:51:03 +00:00
<!DOCTYPE html>
< html lang = 'en' >
2014-07-04 20:42:55 +00:00
< head >
< title > Hextris< / title >
2015-06-10 18:51:23 +00:00
< meta name = "apple-itunes-app" content = "app-id=903769553" / >
2014-08-23 00:29:34 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui" / >
2014-08-18 06:01:43 +00:00
< meta property = "og:url" content = "http://hextris.github.io/hextris/" / >
< meta property = "og:site_name" content = "Hextris" / >
< meta property = "og:title" content = "Hextris" / >
< meta property = "og:description" content = "An addictive puzzle game inspired by Tetris." / >
< meta property = "og:type" content = "website" / >
< meta property = "og:author" content = "https://www.facebook.com/hextris" / >
< meta property = "og:image" content = "http://hextris.github.io/hextris/images/facebook-opengraph.png" / >
< meta property = "og:image:width" content = "1200" / >
2014-08-23 00:28:38 +00:00
< meta property = "og:image:height" content = "630" / >
< meta property = "twitter:card" content = "summary" / >
< meta property = "twitter:site" content = "@hextris" / >
< meta property = "twitter:site:id" content = "2742209678" / >
< meta property = "twitter:creator" content = "@hextris" / >
< meta property = "twitter:creator:id" content = "2742209678" / >
< meta property = "twitter:domain" content = "http://hextris.github.io" / >
< meta property = "twitter:title" content = "Hextris" / >
< meta property = "twitter:description" content = "An addictive puzzle game inspired by Tetris." / >
< meta property = "twitter:image:src" content = "http://hextris.github.io/hextris/images/twitter-opengraph.png" / >
< meta property = "twitter:image:width" content = "512" / >
< meta property = "twitter:image:height" content = "512" / >
2015-03-14 18:56:15 +00:00
< meta property = "twitter:app:id:iphone" content = "id903769553" >
< meta property = "twitter:app:id:ipad" content = "id903769553" >
< meta property = "twitter:app:id:googleplay" content = "com.hextris.hextris" >
< meta property = "twitter:app:country" content = "us" >
< meta property = "twitter:app:url:iphone" content = "itunes.apple.com/us/app/id903769553?mt=8" >
< meta property = "twitter:app:url:ipad" content = "itunes.apple.com/us/app/id903769553?mt=8" >
< meta property = "twitter:app:url:googleplay" content = "https://play.google.com/store/apps/details?id=com.hextris.hextris" >
2014-07-04 20:42:55 +00:00
< link rel = "icon" type = "image/png" href = "favicon.ico" >
2015-03-14 20:37:12 +00:00
< link href = 'http://fonts.googleapis.com/css?family=Exo+2' rel = 'stylesheet' type = 'text/css' >
2014-07-04 20:42:55 +00:00
< link rel = "stylesheet" href = "style/fa/css/font-awesome.min.css" >
2015-03-14 20:37:12 +00:00
< link rel = "stylesheet" type = "text/css" href = "style/style.css" >
2014-08-24 16:09:04 +00:00
< script type = 'text/javascript' src = "vendor/hammer.min.js" > < / script >
2015-06-03 19:45:16 +00:00
< script type = 'text/javascript' src = "vendor/js.cookie.js" > < / script >
2014-08-24 16:09:04 +00:00
< script type = 'text/javascript' src = "vendor/jsonfn.min.js" > < / script >
< script type = 'text/javascript' src = "vendor/keypress.min.js" > < / script >
< script type = 'text/javascript' src = "vendor/jquery.js" > < / script >
2014-09-04 23:07:36 +00:00
< script type = 'text/javascript' src = "js_v9/save-state.js" > < / script >
< script type = 'text/javascript' src = "js_v9/view.js" > < / script >
< script type = 'text/javascript' src = "js_v9/wavegen.js" > < / script >
< script type = 'text/javascript' src = "js_v9/math.js" > < / script >
< script type = 'text/javascript' src = "js_v9/Block.js" > < / script >
< script type = 'text/javascript' src = "js_v9/Hex.js" > < / script >
< script type = 'text/javascript' src = "js_v9/Text.js" > < / script >
< script type = 'text/javascript' src = "js_v9/comboTimer.js" > < / script >
< script type = 'text/javascript' src = "js_v9/checking.js" > < / script >
< script type = 'text/javascript' src = 'js_v9/update.js' > < / script >
< script type = 'text/javascript' src = 'js_v9/render.js' > < / script >
< script type = 'text/javascript' src = "js_v9/input.js" > < / script >
< script type = 'text/javascript' src = "js_v9/main.js" > < / script >
< script type = 'text/javascript' src = "js_v9/initialization.js" > < / script >
2014-07-27 20:18:15 +00:00
< script type = 'text/javascript' charset = 'utf-8' src = 'cordova.js' > < / script >
2015-02-26 01:37:19 +00:00
< script src = "vendor/sweet-alert.min.js" > < / script >
< link rel = "stylesheet" type = "text/css" href = "vendor/sweet-alert.css" >
2015-05-30 00:23:17 +00:00
< link rel = "stylesheet" href = "style/rrssb.css" / >
2014-07-27 20:46:18 +00:00
< / head >
2014-08-18 01:05:34 +00:00
< body >
2014-07-27 20:46:18 +00:00
< canvas id = "canvas" > < / canvas >
2014-09-24 00:07:55 +00:00
< div class = "faded overlay" > < / div >
2015-05-24 15:37:37 +00:00
< div id = 'startBtn' > < / div >
2014-07-04 20:42:55 +00:00
< div id = "helpScreen" class = 'unselectable' >
2015-05-24 16:06:17 +00:00
< div class = 'instructions_body' id = 'inst_main_body' >
< / div >
2014-07-04 20:42:55 +00:00
< / div >
2015-03-14 17:18:05 +00:00
< img id = "openSideBar" class = 'helpText' src = "./images/btn_help.svg" / >
2014-09-24 00:07:55 +00:00
< div class = "faded overlay" > < / div >
2015-03-14 17:53:21 +00:00
< img id = "pauseBtn" src = "./images/btn_pause.svg" / >
2015-03-14 20:26:06 +00:00
< img id = 'restartBtn' src = "./images/btn_restart.svg" / >
2015-03-14 20:37:12 +00:00
< div id = 'HIGHSCORE' > HIGH SCORE< / div >
2015-03-14 18:10:04 +00:00
< script > ( f u n c t i o n ( i , s , o , g , r , a , m ) { i [ ' G o o g l e A n a l y t i c s O b j e c t ' ] = r ; i [ r ] = i [ r ] | | f u n c t i o n ( ) { ( i [ r ] . q = i [ r ] . q | | [ ] ) . p u s h ( a r g u m e n t s ) } , i [ r ] . l = 1 * n e w D a t e ( ) ; a = s . c r e a t e E l e m e n t ( o ) , m = s . g e t E l e m e n t s B y T a g N a m e ( o ) [ 0 ] ; a . a s y n c = 1 ; a . s r c = g ; m . p a r e n t N o d e . i n s e r t B e f o r e ( a , m ) } ) ( w i n d o w , d o c u m e n t , ' s c r i p t ' , ' / / w w w . g o o g l e - a n a l y t i c s . c o m / a n a l y t i c s . j s ' , ' g a ' ) ; g a ( ' c r e a t e ' , ' U A - 5 1 2 7 2 7 2 0 - 2 ' , ' a u t o ' ) ; g a ( ' s e n d ' , ' p a g e v i e w ' ) ;
< / script >
2015-06-10 18:54:09 +00:00
2015-05-30 00:23:17 +00:00
<!-- GAME OVER SCREEN -->
< div id = "gameoverscreen" >
< div id = 'container' >
< div id = 'gameOverBox' class = 'GOTitle' > GAME OVER< / div >
< div id = 'cScore' > 1843< / div >
< div id = 'highScoresTitle' class = 'GOTitle' > HIGH SCORES< / div >
2015-06-01 23:15:32 +00:00
< div class = 'score' > < span class = 'scoreNum' > 1.< / span > < div id = "1place" style = "display:inline;" > 0< / div > < / div >
< div class = 'score' > < span class = 'scoreNum' > 2.< / span > < div id = "2place" style = "display:inline;" > 0< / div > < / div >
< div class = 'score' > < span class = 'scoreNum' > 3.< / span > < div id = "3place" style = "display:inline;" > 0< / div > < / div >
2015-05-30 00:23:17 +00:00
< / div >
< div id = 'bottomContainer' >
2015-05-30 15:53:46 +00:00
< img id = 'restart' src = './images/btn_restart.svg' height = '57px' >
2015-05-30 00:23:17 +00:00
< div id = 'socialShare' >
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
< svg width = "224.6377px" height = "57px" viewBox = "0 0 255 65" version = "1.1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" xmlns:sketch = "http://www.bohemiancoding.com/sketch/ns" >
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
< title > Share button< / title >
< defs >
< / defs >
< g id = "Page-1" stroke = "none" stroke-width = "1" fill = "none" fill-rule = "evenodd" sketch:type = "MSPage" >
< g id = "Game-over-" sketch:type = "MSArtboardGroup" transform = "translate(-95.000000, -565.000000)" >
< g id = "Share-button" sketch:type = "MSLayerGroup" transform = "translate(95.000000, 565.000000)" >
< a style = "cursor:pointer;" class = "popup" onclick = "window.open('https://twitter.com/intent/tweet?text=Can you beat my score of points at&button_hashtag=hextris ? http://hextris.github.io/hextris @hextris','name','width=600,height=400')" > < polygon id = "Score-hex-2" fill = "#3498DB" sketch:type = "MSShapeGroup" transform = "translate(127.661316, 32.500000) rotate(-90.000000) translate(-127.661316, -32.500000) " points = "127.661316 -94.814636 160.137269 -76.064636 160.137269 141.064636 127.661317 159.814636 95.185364 141.064636 95.1853635 -76.064636 " > < / polygon > < / a >
< text style = "cursor:pointer;" class = "popup" onclick = "window.open('https://twitter.com/intent/tweet?text=Can you beat my score of points at&button_hashtag=hextris ? http://hextris.github.io/hextris @hextris','name','width=600,height=400')" id = "SHARE-MY-SCORE!" sketch:type = "MSTextLayer" font-family = "Exo" font-size = "16" font-weight = "420" fill = "#FFFFFF" >
< tspan x = "67" y = "39" > SHARE MY SCORE!< / tspan >
< / text >
< / g >
< / g >
< / g >
< / svg >
< / div >
< div id = 'buttonCont' >
< ul class = "rrssb-buttons" >
< li class = "rrssb-facebook" >
<!-- Replace with your URL. For best results, make sure you page has the proper FB Open Graph tags in header:
https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/ -->
2015-06-01 22:18:29 +00:00
< a href = 'http://www.facebook.com/sharer.php?s=100
& p[url]=hextris.io' class="popup">
2015-05-30 00:23:17 +00:00
< span class = "rrssb-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" preserveAspectRatio = "xMidYMid" width = "29" height = "29" viewBox = "0 0 29 29" >
< path d = "M26.4 0H2.6C1.714 0 0 1.715 0 2.6v23.8c0 .884 1.715 2.6 2.6 2.6h12.393V17.988h-3.996v-3.98h3.997v-3.062c0-3.746 2.835-5.97 6.177-5.97 1.6 0 2.444.173 2.845.226v3.792H21.18c-1.817 0-2.156.9-2.156 2.168v2.847h5.045l-.66 3.978h-4.386V29H26.4c.884 0 2.6-1.716 2.6-2.6V2.6c0-.885-1.716-2.6-2.6-2.6z"
class="cls-2" fill-rule="evenodd" />
< / svg >
< / span >
2015-05-30 15:53:46 +00:00
< span class = "rrssb-text" > facebook< / span >
2015-05-30 00:23:17 +00:00
< / a >
< / li >
< li class = "rrssb-twitter" >
<!-- Replace href with your Meta and URL information -->
2015-06-01 22:18:29 +00:00
< a href = "http://twitter.com/home?status=Play Hextris! - http://hextris.github.io/ #hextris"
2015-05-30 00:23:17 +00:00
class="popup">
< span class = "rrssb-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "28" height = "28" viewBox = "0 0 28 28" >
< path d = "M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62c-3.122.162-6.22-.646-8.86-2.32 2.702.18 5.375-.648 7.507-2.32-2.072-.248-3.818-1.662-4.49-3.64.802.13 1.62.077 2.4-.154-2.482-.466-4.312-2.586-4.412-5.11.688.276 1.426.408 2.168.387-2.135-1.65-2.73-4.62-1.394-6.965C5.574 7.816 9.54 9.84 13.802 10.07c-.842-2.738.694-5.64 3.434-6.48 2.018-.624 4.212.043 5.546 1.682 1.186-.213 2.318-.662 3.33-1.317-.386 1.256-1.248 2.312-2.4 2.942 1.048-.106 2.07-.394 3.02-.85-.458 1.182-1.343 2.15-2.48 2.71z"
/>
< / svg >
< / span >
< span class = "rrssb-text" > twitter< / span >
< / a >
< / li >
2015-05-30 16:36:18 +00:00
< li class = "rrssb-googleplus" >
<!-- Replace href with your meta and URL information. -->
2015-06-01 01:08:55 +00:00
< a href = "https://plus.google.com/share?url=Check%20out%20hextris.io" class = "popup" >
2015-05-30 16:36:18 +00:00
< span class = "rrssb-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "28" height = "28" viewBox = "0 0 28 28" >
< path d = "M14.703 15.854l-1.22-.948c-.37-.308-.88-.715-.88-1.46 0-.747.51-1.222.95-1.662 1.42-1.12 2.84-2.31 2.84-4.817 0-2.58-1.62-3.937-2.4-4.58h2.098l2.203-1.384h-6.67c-1.83 0-4.467.433-6.398 2.027C3.768 4.287 3.06 6.018 3.06 7.576c0 2.634 2.02 5.328 5.603 5.328.34 0 .71-.033 1.083-.068-.167.408-.336.748-.336 1.324 0 1.04.55 1.685 1.01 2.297-1.523.104-4.37.273-6.466 1.562-1.998 1.187-2.605 2.915-2.605 4.136 0 2.512 2.357 4.84 7.288 4.84 5.822 0 8.904-3.223 8.904-6.41.008-2.327-1.36-3.49-2.83-4.73h-.01zM10.27 11.95c-2.913 0-4.232-3.764-4.232-6.036 0-.884.168-1.797.744-2.51.543-.68 1.49-1.12 2.372-1.12 2.807 0 4.256 3.797 4.256 6.24 0 .613-.067 1.695-.845 2.48-.537.55-1.438.947-2.295.95v-.003zm.032 13.66c-3.62 0-5.957-1.733-5.957-4.143 0-2.408 2.165-3.223 2.91-3.492 1.422-.48 3.25-.545 3.556-.545.34 0 .52 0 .767.034 2.574 1.838 3.706 2.757 3.706 4.48-.002 2.072-1.736 3.664-4.982 3.648l.002.017zM23.254 11.89V8.52H21.57v3.37H18.2v1.714h3.367v3.4h1.684v-3.4h3.4V11.89"
/>
< / svg >
< / span >
< span class = "rrssb-text" > google+< / span >
< / a >
< / li >
2015-06-01 01:59:44 +00:00
< li class = "rrssb-email" >
<!-- Replace subject with your message using URL Endocding: http://meyerweb.com/eric/tools/dencoder/ -->
2015-06-01 22:18:29 +00:00
< a href = "mailto:?subject=Play Hextris!&body=http://hextris.io" >
2015-06-01 01:59:44 +00:00
< span class = "rrssb-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "28" height = "28" viewBox = "0 0 28 28" >
< path d = "M20.11 26.147c-2.335 1.05-4.36 1.4-7.124 1.4C6.524 27.548.84 22.916.84 15.284.84 7.343 6.602.45 15.4.45c6.854 0 11.8 4.7 11.8 11.252 0 5.684-3.193 9.265-7.398 9.3-1.83 0-3.153-.934-3.347-2.997h-.077c-1.208 1.986-2.96 2.997-5.023 2.997-2.532 0-4.36-1.868-4.36-5.062 0-4.75 3.503-9.07 9.11-9.07 1.713 0 3.7.4 4.6.972l-1.17 7.203c-.387 2.298-.115 3.3 1 3.4 1.674 0 3.774-2.102 3.774-6.58 0-5.06-3.27-8.994-9.304-8.994C9.05 2.87 3.83 7.545 3.83 14.97c0 6.5 4.2 10.2 10 10.202 1.987 0 4.09-.43 5.647-1.245l.634 2.22zM16.647 10.1c-.31-.078-.7-.155-1.207-.155-2.572 0-4.596 2.53-4.596 5.53 0 1.5.7 2.4 1.9 2.4 1.44 0 2.96-1.83 3.31-4.088l.592-3.72z" / >
< / svg >
< / span >
< span class = "rrssb-text" > email< / span >
< / a >
< / li >
< li class = "rrssb-github" >
2015-05-30 00:23:17 +00:00
< a href = "https://github.com/hextris/hextris" >
< span class = "rrssb-icon" >
< svg xmlns = "http://www.w3.org/2000/svg" width = "28" height = "28" viewBox = "0 0 28 28" >
< path d = "M13.97 1.57c-7.03 0-12.733 5.703-12.733 12.74 0 5.622 3.636 10.393 8.717 12.084.637.13.87-.277.87-.615 0-.302-.013-1.103-.02-2.165-3.54.77-4.29-1.707-4.29-1.707-.578-1.473-1.413-1.863-1.413-1.863-1.154-.79.09-.775.09-.775 1.276.104 1.96 1.316 1.96 1.312 1.135 1.936 2.99 1.393 3.712 1.06.116-.823.445-1.384.81-1.704-2.83-.32-5.802-1.414-5.802-6.293 0-1.39.496-2.527 1.312-3.418-.132-.322-.57-1.617.123-3.37 0 0 1.07-.343 3.508 1.305 1.016-.282 2.105-.424 3.188-.43 1.082 0 2.167.156 3.198.44 2.43-1.65 3.498-1.307 3.498-1.307.695 1.754.258 3.043.13 3.37.815.903 1.314 2.038 1.314 3.43 0 4.893-2.978 5.97-5.814 6.286.458.388.876 1.16.876 2.358 0 1.703-.016 3.076-.016 3.482 0 .334.232.748.877.61 5.056-1.687 8.7-6.456 8.7-12.08-.055-7.058-5.75-12.757-12.792-12.75z"
/>
< / svg >
< / span >
< span class = "rrssb-text" > github< / span >
< / a >
< / li >
< / ul >
2015-06-10 05:55:12 +00:00
< div id = 'badges' >
< img id = 'androidBadge' src = 'images/android.png' / >
< img id = 'iOSBadge' src = 'images/appstore.svg' / >
< / div >
2015-05-30 00:23:17 +00:00
< / div >
< / div >
2015-06-01 01:59:44 +00:00
< / div >
< script type = "text/javascript" >
(function addRussianSocialShare(){
var lang = navigator.language || navigator.userLanguage;
// debugger;
if (lang.substr(0, 2) == 'ru') {
$('.rrssb-facebook').remove();
2015-06-06 03:31:28 +00:00
var n = $.parseHTML('< li class = "rrssb-vk" > < a href = "http://vk.com/share.php?url=http://kurtnoble.com/labs/rrssb/index.html" class = "popup" > < span class = "rrssb-icon" > < svg xmlns = "http://www.w3.org/2000/svg" width = "28" height = "28" viewBox = "70 70 378.7 378.7" > < path d = "M254.998 363.106h21.217s6.408-.706 9.684-4.23c3.01-3.24 2.914-9.32 2.914-9.32s-.415-28.47 12.796-32.663c13.03-4.133 29.755 27.515 47.482 39.685 13.407 9.206 23.594 7.19 23.594 7.19l47.407-.662s24.797-1.53 13.038-21.027c-.96-1.594-6.85-14.424-35.247-40.784-29.728-27.59-25.743-23.126 10.063-70.85 21.807-29.063 30.523-46.806 27.8-54.405-2.596-7.24-18.636-5.326-18.636-5.326l-53.375.33s-3.96-.54-6.892 1.216c-2.87 1.716-4.71 5.726-4.71 5.726s-8.452 22.49-19.714 41.618c-23.77 40.357-33.274 42.494-37.16 39.984-9.037-5.842-6.78-23.462-6.78-35.983 0-39.112 5.934-55.42-11.55-59.64-5.802-1.4-10.076-2.327-24.915-2.48-19.046-.192-35.162.06-44.29 4.53-6.072 2.975-10.757 9.6-7.902 9.98 3.528.47 11.516 2.158 15.75 7.92 5.472 7.444 5.28 24.154 5.28 24.154s3.145 46.04-7.34 51.758c-7.193 3.922-17.063-4.085-38.253-40.7-10.855-18.755-19.054-39.49-19.054-39.49s-1.578-3.873-4.398-5.947c-3.42-2.51-8.2-3.307-8.2-3.307l-50.722.33s-7.612.213-10.41 3.525c-2.488 2.947-.198 9.036-.198 9.036s39.707 92.902 84.672 139.72c41.234 42.93 88.048 40.112 88.048 40.112" / > < / svg > < / span > < span class = "rrssb-text" > vk.com< / span > < / a > < / li > ');
2015-06-01 01:59:44 +00:00
$('.rrssb-buttons').prepend(n);
2015-06-06 03:31:28 +00:00
}})()
2015-06-01 01:59:44 +00:00
< / script >
2015-06-01 22:54:04 +00:00
< script type = "text/javascript" src = 'vendor/rrssb.min.js' > < / script >
2015-05-24 14:54:12 +00:00
< / body >
2014-05-24 16:48:46 +00:00
< / html >
