jovan changes

README.md

@@ -1,3 +1,3 @@
 # ScriptEd Student Portfolios
 
-To see this website live go to [https://cdn.rawgit.com/Bijesse/scripted-student-portfolios/master/index.html](https://cdn.rawgit.com/Bijesse/scripted-student-portfolios/master/index.html)
+To see this website live go to [https://cdn.rawgit.com/pwjablonski/scripted-student-portfolios/master/index.html](https://cdn.rawgit.com/pwjablonski/scripted-student-portfolios/master/index.html)

css/student_style.css

@@ -21,6 +21,38 @@
   animation: bounce .6s infinite ease;
 }
 
+
+#dequan {
+  background-image: url('https://usatftw.files.wordpress.com/2017/05/spongebob.jpg?w=1000&h=600&crop=1');
+}
+
+#dequan:hover {
+  background-image: url('https://usatftw.files.wordpress.com/2017/05/spongebob.jpg?w=1000&h=600&crop=1');
+}
+
+#aziz {
+  background-image: url('https://media.giphy.com/media/3oz8xUFUB65tXgvHwI/giphy.gif');
+
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-position: center;
+  font-size: 30px;
+  color: #fff;
+  font-family: 'Arial Black', Gadget, sans-serif;
+  text-shadow: 1px 1px #000;
+  transition: .2s;
+}
+
+
+#aziz:hover {
+  background-image: url('https://media.giphy.com/media/K6VhXtbgCXqQU/giphy.gif');
+  color: #ff00f7;
+  text-shadow: 2px 2px #fff;
+  outline: 10px solid orange;
+  box-shadow: 18px 18px 10px #000;
+  animation: bounce .6s infinite ease;
+}
+
 @keyframes bounce {
   0%, 100% {
     transform: translateY(0px);
@@ -32,7 +64,38 @@
     outline-color: #fae231;
   }
 }
- #student27 {
-   background:url('https://41.media.tumblr.com/f608ad44a7f1ebfe473912a2d13556a4/tumblr_np8f3uJWSb1t5auluo1_1280.jpg');
-   background-size:cover;
- }
+
+
+
+/* Place your styles below this line */
+
+
+#luisabreu{
+  background-image: url('http://ddragon.leagueoflegends.com/cdn/img/champion/splash/Jayce_1.jpg');
+  background-size: 100%;  
+}
+#steven {
+  background-image: url('http://img15.deviantart.net/ff0f/i/2010/058/1/5/arcanine_wallpaper_by_pink_chibi.png');
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-position: center;
+  font-size: 30px;
+  color: #fff;
+  font-family: 'Arial Black', Gadget, sans-serif;
+  text-shadow: 1px 1px #000;
+  transition: .2s;
+}
+#steven:hover {
+  background-image: url('https://i.ytimg.com/vi/Bl7d4FEWjKM/hqdefault.jpg');
+  color: #ff00f7;
+  text-shadow: 2px 2px #fff;
+  outline: 10px solid orange;
+  box-shadow: 18px 18px 10px #000;
+  animation: bounce .6s infinite ease;
+}
+
+#patience {
+  background-image: url('http://68.media.tumblr.com/3335d94768854c5a97a57eb7fed94ed2/tumblr_ory9abu2Jk1sy8x5ho2_540.gif');
+  background-repeat: no-repeat;
+  background-position: center;
+}

index.html

@@ -21,11 +21,7 @@ <h1>SCHOOL_NAME Student Portfolios</h1>
             <span>Albert Einstein</span>
           </a>
         </div>
-        <div class="col-sm-4">
-          <a class="student-tile" id ="student1" href="">
-            <span>student1</span>
-          </a>
-        </div>
+
         <div class="col-sm-4">
           <a class="student-tile" id="student2" href="">
             <span>Student2</span>
@@ -48,12 +44,45 @@ <h1>SCHOOL_NAME Student Portfolios</h1>
             <span>student5</span>
           </a>
         </div>
-      </div>
-<div class="col-sm-4">
-          <a class="student-tile" id ="student27" href="">
-            <span>student27</span>
+      <div class="col-sm-4">
+          <a class="student-tile" id ="aziz" href="">
+            <span>Aziz</span>
+          </a>
+        </div>
+      <!-- Copy lines 46-50, paste and edit below -->
+
+       <div class="col-sm-4">
+          <a class="student-tile" id="patience" href="">
+            <span>Patience Elliott</span>
+          </a>
+        </div>
+
+
+       <div class="col-sm-4">
+          <a class="student-tile" id ="luisabreu" href="">
+            <span>Luis </span>
           </a>
         </div>
-    </div>
+
+        <div class="col-sm-4">
+          <a class="student-tile" id ="imani" href="https://www.nba2k.com/">
+            <img src = "https://s-media-cache-ak0.pinimg.com/736x/92/06/fa/9206fa6a07aabd632cf96bfd044324dd.jpg">
+            <span>Imani Greenidge</span>
+          </a>
+        </div>
+
+        <div class="col-sm-4">
+          <a class="student-tile" id ="steven" href="">
+            <span>StEvEn rOsArIo</span>
+          </a>
+        </div>
+
+        <div class="col-sm-4">
+          <a class="student-tile" id ="dequan" href="">
+            <span>Dequan Perkins-Austin</span>
+          </a>
+        </div>
+
+      </div>
   </body>
 </html>

js/script.js

@@ -8,7 +8,15 @@ $(document).ready(function() {
   }).mouseleave(function(){
     audio.pause();
   });
+
+  // Aziz's JS
+  var azizAudio = new Audio('http://imslp.nl/imglnks/usimg/3/31/IMSLP77612-PMLP01796-Beethoven-Op61m2mbco.mp3');
 
+  $('#aziz').mouseenter(function() {
+    azizAudio.play();
+  }).mouseleave(function(){
+    azizAudio.pause();
+  });
 // Student 1's JS must fit in lines 13-18