Team:UPenn

From 2013.igem.org

(Difference between revisions)
Line 38: Line 38:
     }, '2400');
     }, '2400');
  });
  });
 +
         
 +
          $(".team tr td").mouseenter(function(){
 +
          $(this).children(":first").toggleClass("hidden");
 +
          $(this).children(":nth-child(2)").toggleClass("hidden");
 +
         
 +
          });
 +
         
 +
          $(".team tr td").mouseleave(function(){
 +
            $(this).children(":nth-child(2)").toggleClass("hidden");
 +
          $(this).children(":first").toggleClass("hidden");
 +
         
 +
            });
 +
         
 +
       
 +
         
 +
         
 +
         
            
            
//check which element is in view and highlight corresponding circle -- still needs to be added
//check which element is in view and highlight corresponding circle -- still needs to be added
Line 107: Line 124:
.three {
.three {
 +
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8XND1QonMj/Profile%20Photos/coolbluestuff.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
position: relative;
position: relative;
text-align: center;
text-align: center;
Line 253: Line 271:
.team {
.team {
float: center;
float: center;
-
margin-left: 250px;
 
-
 
}
}
  .team td {
  .team td {
 +
    overflow: hidden;
             height:175px;
             height:175px;
-
             width:200px;
+
             width:220px;
-
             background-color: #8fb8fb;
+
             display: inline-block;
 +
            padding:5px;
 +
   
         }
         }
          
          
Line 268: Line 287:
         }
         }
         .team img {
         .team img {
-
            height: 175px;
+
          max-width:100%;
 +
    max-height:100%;
 +
         
              
              
 +
        }
 +
       
 +
        #caption {
 +
            z-index:9999;
 +
            height: 5px;
 +
            bottom: 0px;
 +
            width: 100%;
 +
            background-color: white;
 +
            position: absolute;
         }
         }
Line 295: Line 325:
         <li><a href="https://2013.igem.org/Team:UPenn">Home</a></li>
         <li><a href="https://2013.igem.org/Team:UPenn">Home</a></li>
         <li id="team">Team</li>
         <li id="team">Team</li>
-
         <li>Official Team Profile</li>
+
         <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Penn">Official Team Profile</a></li>
         <li><a href="https://2013.igem.org/Team:UPenn/Project">Project</a></li>
         <li><a href="https://2013.igem.org/Team:UPenn/Project">Project</a></li>
         <li><a href="https://2013.igem.org/Team:UPenn/Parts">Parts</a></li>
         <li><a href="https://2013.igem.org/Team:UPenn/Parts">Parts</a></li>
Line 318: Line 348:
<div class="one">
<div class="one">
-
<!--Image carousel.  This is taken pretty much from the plugin site-->         
+
<!--Image carousel.  This is taken pretty much from the plugin site except for the captions which I added in-->         
<div id="slider-code">
<div id="slider-code">
     <a class="buttons prev" href="#"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOFBJZ21vN3Rxdk0" height="30px" width="30px"></a>
     <a class="buttons prev" href="#"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOFBJZ21vN3Rxdk0" height="30px" width="30px"></a>
Line 324: Line 354:
         <ul class="overview">
         <ul class="overview">
             <!--Images that appear in the carousel-->
             <!--Images that appear in the carousel-->
-
             <li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/sxkYnjpujC/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2796.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li>
+
             <li>
-
             <li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/R6cA3L1riv/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2806.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li>
+
            <img id="image" src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/"/>
-
             <li><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" /></li>
+
            </li>
 +
         
 +
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEWHBpYXpOcFRBcGc/" />
 +
             
 +
             <li><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUDUwMm1ScllCRWs/" />
        
        
         </ul>
         </ul>
Line 357: Line 391:
<!--Third section: introducing the team-->
<!--Third section: introducing the team-->
<div class="three">
<div class="three">
-
<h2>Team</h2>
+
<h2>Meet the Bunch</h2>
-
  <table class="team" cellpadding="10">
+
  <table class="team" cellpadding="5">
     <tr>
     <tr>
-
         <td><img src=""/><div class="name"></div></td>
+
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEYUtVa3BNSHQ4dTg"/>
-
         <td><img src=""/><div class="name"></div></td>
+
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZXRRMlRtODR2OVk/"><div class="name"></div></td>
-
         <td><img src=""/><div class="name"></div></td>
+
       
 +
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVm5ET0R1QndIRVU"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzELXJ5NlFKUkJXRnc"/><div class="name"></div></td>
 +
       
 +
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEU25rV1dHYm1Falk"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEU3VZUnNOdWFqYVE"/><div class="name"></div></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
         <td><img src=""/><div class="name"></div></td>
+
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEbXRKT3lpN1VQaHc"/>
-
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/><div class="name"></div></td>
+
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETDEzdFdSOC1ZVW8"/><div class="name"></div></td>
-
        <td><img src=""/><div class="name"></div></td>
+
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEVDNlV0UyVWdMVlE"/><div class="name"></div></td>
 +
        <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzESzZjdGhVVWY3TWc"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzEZ0tlUUViY2Z6Ymc"/><div class="name"></div></td>
     </tr>
     </tr>
     <tr>
     <tr>
-
         <td><img src=""/><img src=""/><div class="name"></div></td>
+
         <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzERzdYWHVkZWxSS2c"/>
-
        <td><img src=""/><div class="name"></div></td>
+
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzETldtZHBxMTM3Ujg"/><div class="name"></div></td>
-
        <td><img src=""/><div class="name"></div></td>
+
        <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEOHViLXJJMjVuWTg"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzERmpYczlyYU5TTUE"/><div class="name"></div>
 +
        <td><img src="https://googledrive.com/host/0B4ZBZOYYKBzEZ3dMcXBweFE2X1U"/>
 +
            <img class="hidden" src="https://googledrive.com/host/0B4ZBZOYYKBzET2NBWmlOLVMtaVE"><div class="name"></div></td>
     </tr>
     </tr>
   </table>
   </table>
 +
<h4>Photos by Erica Sachse</h4>
</body>
</body>
</html>
</html>

Revision as of 13:52, 6 July 2013

Hello

Welcome to Penn's iGEM team wiki!

This page is under construction at the moment, but check back with us soon to see what we're up to!

Project Overview

Meet the Bunch

Photos by Erica Sachse

Retrieved from "http://2013.igem.org/Team:UPenn"