diff --git a/audio/18979__bebeto__Loop008_acid.wav b/audio/18979__bebeto__Loop008_acid.wav new file mode 100644 index 0000000..f46efa4 Binary files /dev/null and b/audio/18979__bebeto__Loop008_acid.wav differ diff --git a/audio/35684__jobro__Laser7.wav b/audio/35684__jobro__Laser7.wav new file mode 100644 index 0000000..ac135bf Binary files /dev/null and b/audio/35684__jobro__Laser7.wav differ diff --git a/audio/39023__wildweasel__Dual_Neutron_Disruptor.wav b/audio/39023__wildweasel__Dual_Neutron_Disruptor.wav new file mode 100644 index 0000000..9572949 Binary files /dev/null and b/audio/39023__wildweasel__Dual_Neutron_Disruptor.wav differ diff --git a/audio/41525__Jamius__BigLaser.wav b/audio/41525__Jamius__BigLaser.wav new file mode 100644 index 0000000..81e5b52 Binary files /dev/null and b/audio/41525__Jamius__BigLaser.wav differ diff --git a/audio/51483__suonho__suonho_rmx_Berklee_BrianTranseau_132_Let_Me_See_Ya_Bounce_I_crusher.wav b/audio/51483__suonho__suonho_rmx_Berklee_BrianTranseau_132_Let_Me_See_Ya_Bounce_I_crusher.wav new file mode 100644 index 0000000..75f81c7 Binary files /dev/null and b/audio/51483__suonho__suonho_rmx_Berklee_BrianTranseau_132_Let_Me_See_Ya_Bounce_I_crusher.wav differ diff --git a/audio/87045__RunnerPack__weapGone.wav b/audio/87045__RunnerPack__weapGone.wav new file mode 100644 index 0000000..b71f493 Binary files /dev/null and b/audio/87045__RunnerPack__weapGone.wav differ diff --git a/css/style.css b/css/style.css index 65885c2..1362a6a 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,4 @@ -/* BASICS */ +/* GOOGLE FONT */ .orbitron { font-family: 'Orbitron', serif; font-style: normal; @@ -10,7 +10,8 @@ word-spacing: 0em; line-height: 1.2; } - + +/* Global Container */ .container { width: 100%; height: 100%; @@ -110,14 +111,8 @@ height: 68px; } -/* Ennemies */ -/*#game .ennemy { border: 1px solid blue; } */ - - /* The HUD */ -#hud { - z-index: 90; -} +#hud { z-index: 90; display: none; } #hud #score { font-size:36px; @@ -138,7 +133,7 @@ font-weight: bold; text-shadow: 0 0 5px rgba(115, 171, 255, 0.4) ; position: absolute; - display: block; + display: none; top:100px; right: 30px; } @@ -155,13 +150,53 @@ right: 30px; } -/* Debug Panel */ +/* GameIntro Panel */ +#game-intro { + position: absolute; + display: block; + left: 0px; + top: 50%; + margin-top: -150px; + color:#fff; + z-index: 1000; + width:100%; + text-align: center; +} + +#game-intro .text { + position: relative; + display: block; + font-size: 64px; +} + +#game-intro #start-game { + position: relative; + display: block; + margin: 20px auto; + width: 300px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + border: 5px solid rgba(0,0,0, 0.3); + padding: 15px 0 10px; + font-size: 24px; + background: rgba(0,0,0, 0.1); +} + +#game-intro #start-game.hover { + cursor: pointer; + background: rgba(0,0,0, 0.2); + box-shadow: 0 0 20px rgba(27, 161, 255, 0.5) ; + -moz-box-shadow: 0 0 20px rgba(27, 161, 255, 0.5) ; +} + +/* GameOver Panel */ #game-over { position: absolute; display: none; left: 0px; top: 50%; - margin-top: -100px; + margin-top: -150px; color:#fff; z-index: 1000; width:100%; @@ -191,9 +226,34 @@ #game-over #restart-game.hover { cursor: pointer; background: rgba(0,0,0, 0.2); - box-shadow: 0 0 10px rgba(27, 161, 255, 0.5) ; + box-shadow: 0 0 20px rgba(27, 161, 255, 0.5) ; + -moz-box-shadow: 0 0 20px rgba(27, 161, 255, 0.5) ; } +#game-over #share-buttons { + position: relative; + display: block; + text-align: center; + padding: 10px 0; +} + +#game-over #share-buttons div { + display: inline-block; + margin: 0 10px; + position: relative; +} + +#game-over #share-buttons a { + position: relative; + display: block; + opacity: 0.1; + outline: none; +} + +#game-over #share-buttons a img { border:none; outline: none; } +#game-over #share-buttons a:hover { opacity: 0.9; cursor: pointer; } + + /* Credits */ #credits { position: absolute; @@ -207,11 +267,7 @@ font-family: "Lucida Grande", Verdana; } -#credits a { - text-decoration: none; - color: #1ba1ff; -} - -#credits a:hover { - text-decoration: underline; -} \ No newline at end of file +#credits a { text-decoration: none; color: #1ba1ff; } +#credits a:hover { text-decoration: underline; } +#credits a.author { color: #baff58; } +#credits a.quote { color: #fa8100; } \ No newline at end of file diff --git a/images/facebook_button.png b/images/facebook_button.png new file mode 100644 index 0000000..69407d3 Binary files /dev/null and b/images/facebook_button.png differ diff --git a/images/twitter_button.png b/images/twitter_button.png new file mode 100644 index 0000000..8d087fe Binary files /dev/null and b/images/twitter_button.png differ diff --git a/index.html b/index.html index 98a393d..778f584 100644 --- a/index.html +++ b/index.html @@ -3,31 +3,49 @@ xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
+ + + + + + +