wbrawner/hextris
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

finished endgame screen

Browse source
This commit is contained in:
lengstrom 2015-05-31 14:43:30 -04:00
parent ec1f4ea319
commit 6e5eb98123
1 changed files with 47 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
test_endgame.html
View file

@ -107,10 +107,50 @@
-ms-transform: translate(-50%, 0%);
/*width:300px;*/
}
#badges {
left: calc(50% - 3.5px);
top: calc(50% - 165px);
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#androidBadge {
position: absolute;
left:calc(50% - 66px);
transform: translate(-50%, -1px);
-webkit-transform: translate(-50%, -1px);
-moz-transform: translate(-50%, -1px);
-ms-transform: translate(-50%, -1px);
}
#iOSBadge {
position: absolute;
left: calc(50% + 65px);
transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
}
</style>
</head>
<body>
<div id"gameoverscreen">
<div id = "badges">
<div id = 'androidBadge'>
<a target = '_blank' href="https://play.google.com/store/apps/details?id=com.hextris.hextris">
<img height = '42px' src="./images/android.png"/>
</a>
</div>
<div id = 'iOSBadge'>
<a target = '_blank' href="https://itunes.apple.com/us/app/id903769553?mt=8">
<img src="./images/appstore.svg" height='40px'>
</a>
</div>
</div>
<div id = 'container'>
<div id = 'gameOverBox' class = 'GOTitle'>GAME OVER</div>
<div id = 'cScore'>1843</div>
@ -181,15 +221,15 @@
<span class="rrssb-text">google+</span>
</a>
</li>
<li class="rrssb-tumblr">
<a href="http://tumblr.com/share/link?url=http%3A%2F%2Fwww.kurtnoble.com%2Flabs%2Frrssb&name=Ridiculously%20Responsive%20Social%20Sharing%20Buttons%20by%20KNI%20Labs">
<span class="rrssb-icon">
<li class="rrssb-email">
<!-- Replace subject with your message using URL Endocding: http://meyerweb.com/eric/tools/dencoder/ -->
<a href="mailto:?subject=Check%20out%20how%20ridiculously%20responsive%20these%20social%20buttons%20are&amp;body=http%3A%2F%2Fkurtnoble.com%2Flabs%2Frrssb%2Findex.html">
<span class="rrssb-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
<path d="M18.02 21.842c-2.03.052-2.422-1.396-2.44-2.446v-7.294h4.73V7.874H15.6V1.592h-3.714s-.167.053-.182.186c-.218 1.935-1.144 5.33-4.988 6.688v3.637h2.927v7.677c0 2.8 1.7 6.7 7.3 6.6 1.863-.03 3.934-.795 4.392-1.453l-1.22-3.54c-.52.213-1.415.413-2.115.455z"
/>
<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">tumblr</span>
<span class="rrssb-text">email</span>
</a>
</li>
<li class="rrssb-github">