added sounds for starfox portraits

css/style.css

@@ -216,6 +216,7 @@ span.team_name{
 
 #about img.portrait{
 	width: 100%;
+	cursor: pointer;
 }
 
 #about div.container{

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();
+	}
+
+
+
 
 
 

proposal.html

@@ -281,7 +281,7 @@ <h3>General</h3>
 	<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 @@ <h2>We're Starfox!</h2>
 			</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 @@ <h3>Jessica Yick</h3>
 					</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 @@ <h3>Jackson Callaway</h3>
 			</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 @@ <h3>Elizabeth Ching</h3>
 					</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>