Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

added sounds for starfox portraits

  • Loading branch information...
commit 83f60d152240fcea828bee9cbc7799fa63cf798c 1 parent 44f2519
@jcksncllwy authored
View
BIN  audio/falco.mp3
Binary file not shown
View
BIN  audio/falco.wav
Binary file not shown
View
BIN  audio/fox.mp3
Binary file not shown
View
BIN  audio/fox.wav
Binary file not shown
View
BIN  audio/peppy.mp3
Binary file not shown
View
BIN  audio/peppy.wav
Binary file not shown
View
BIN  audio/slippy.mp3
Binary file not shown
View
BIN  audio/slippy.wav
Binary file not shown
View
1  css/style.css
@@ -216,6 +216,7 @@ span.team_name{
#about img.portrait{
width: 100%;
+ cursor: pointer;
}
#about div.container{
View
26 js/script.js
@@ -86,6 +86,32 @@ window.onload = function() {
}
}
+ var fox_audio = document.getElementById('fox_audio');
+ var fox_img = document.getElementById('fox_img');
+ fox_img.onclick = function(e){
+ fox_audio.play();
+ }
+
+ var peppy_audio = document.getElementById('peppy_audio');
+ var peppy_img = document.getElementById('peppy_img');
+ peppy_img.onclick = function(e){
+ peppy_audio.play();
+ }
+
+ var falco_audio = document.getElementById('falco_audio');
+ var falco_img = document.getElementById('falco_img');
+ falco_img.onclick = function(e){
+ falco_audio.play();
+ }
+
+ var slippy_audio = document.getElementById('slippy_audio');
+ var slippy_img = document.getElementById('slippy_img');
+ slippy_img.onclick = function(e){
+ slippy_audio.play();
+ }
+
+
+
View
26 proposal.html
@@ -281,7 +281,7 @@ <h1 class="logo" title="Lobster is the coolest">Bam!</h1>
<div class="strip_background space">
<section id="about" class="a_target">
- <header class="left_ribbon" id="">
+ <header class="left_ribbon">
<audio id="starfox_sound1">
<source src="audio/who_are_you_guys.wav" type="audio/wav" />
<source src="audio/who_are_you_guys.mp3" type="audio/mpeg" />
@@ -294,8 +294,12 @@ <h1 class="logo" title="Lobster is the coolest">Bam!</h1>
</header>
<div class="colgroup col2">
<section>
+ <audio id="fox_audio">
+ <source src="audio/fox.wav" type="audio/wav" />
+ <source src="audio/fox.mp3" type="audio/mpeg" />
+ </audio>
<figure>
- <img class="portrait" src="images/fox.png" alt="We're entering Corneria city."/>
+ <img id="fox_img" class="portrait" src="images/fox.png" alt="We're entering Corneria city."/>
</figure>
<div class="container">
<header>
@@ -307,8 +311,12 @@ <h1 class="logo" title="Lobster is the coolest">Bam!</h1>
</div>
</section>
<section>
+ <audio id="peppy_audio">
+ <source src="audio/peppy.wav" type="audio/wav" />
+ <source src="audio/peppy.mp3" type="audio/mpeg" />
+ </audio>
<figure>
- <img class="portrait" src="images/peppy.png" alt="You're becoming more like your father!"/>
+ <img id="peppy_img" class="portrait" src="images/peppy.png" alt="You're becoming more like your father!"/>
</figure>
<div class="container">
<header>
@@ -322,8 +330,12 @@ <h1 class="logo" title="Lobster is the coolest">Bam!</h1>
</div>
<div class="colgroup col2">
<section>
+ <audio id="falco_audio">
+ <source src="audio/falco.wav" type="audio/wav" />
+ <source src="audio/falco.mp3" type="audio/mpeg" />
+ </audio>
<figure>
- <img class="portrait" src="images/falco.png" alt="I guess I should be thankful..."/>
+ <img id="falco_img" class="portrait" src="images/falco.png" alt="I guess I should be thankful..."/>
</figure>
<div class="container">
<header>
@@ -335,8 +347,12 @@ <h1 class="logo" title="Lobster is the coolest">Bam!</h1>
</div>
</section>
<section>
+ <audio id="slippy_audio">
+ <source src="audio/slippy.wav" type="audio/wav" />
+ <source src="audio/slippy.mp3" type="audio/mpeg" />
+ </audio>
<figure>
- <img class="portrait" src="images/slippy.png" alt="Get these guys off me!"/>
+ <img id="slippy_img" class="portrait" src="images/slippy.png" alt="Get these guys off me!"/>
</figure>
<div class="container">
<header>
Please sign in to comment.
Something went wrong with that request. Please try again.