Team:Penn/HumanPractices

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 4: Line 4:
       <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
       <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
-
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
+
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script>
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEWHJQc2NoUWxGR1E/" type="text/javascript"> </script> <!--debounce-->
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k//" type="text/javascript"> </script> <!--javascript-->
-
    <style>
+
<script>
-
          
+
         $(document).ready(function($) {
-
/*Page specific*/
+
-
      .member_container {
+
-
        display: inline-block;
+
-
        color: black;
+
-
        min-height: 100px;
+
-
        width: 250px;
+
-
        margin-left: 30px;
+
-
        margin-right:30px;
+
-
        margin-bottom: 10px;
+
-
        background-color: white;
+
-
        -moz-border-radius: 10px;
+
-
    -webkit-border-radius: 10px;
+
-
    -khtml-border-radius: 10px;
+
-
            border-radius: 10px;
+
-
            overflow: hidden;
+
-
            bottom: 350px;
+
-
            padding: 20px;
+
-
            margin-top: 20px;
+
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+
-
  /* IE 5-7 */
+
-
  filter: alpha(opacity=80);
+
-
  /* Netscape */
+
-
  -moz-opacity: 0.8;
+
-
  /* Safari 1.x */
+
-
  -khtml-opacity: 0.8;
+
-
  /* Good browsers */
+
-
  opacity: 0.8;
+
-
       
+
-
    }
+
-
   
+
-
    .left_wrap {
+
-
        min-height: 695px !important; /*change as page gets longer*/
+
-
    }
+
-
   
+
-
   
+
-
    .member_text {
+
-
        float: left;
+
-
        text-align: left;
+
-
        width: 250px;
+
-
        color: black;
+
-
        font-family: arial, sans-serif;
+
-
       
+
-
    }
+
-
   
+
-
   
+
-
   
+
-
    .member_container img {
+
-
        margin-left: 25px;
+
-
        float: center;
+
-
        width: 200px;
+
-
        -moz-border-radius: 10px;
+
-
    -webkit-border-radius: 10px;
+
-
    -khtml-border-radius: 10px;
+
-
            border-radius: 10px;
+
-
    }
+
-
       
+
-
        .name {
+
-
padding: 3px;
+
-
margin: -3px;
+
-
    width: 220px;
+
-
    height: 175px;
+
-
    display: none;
+
-
   
+
-
     
+
-
}
+
-
h4 {
+
/*load in the sidebar*/
-
    text-align: center;
+
$('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
-
    font-size: 16px;
+
-
    color: black;
+
-
font-family: arial, sans-serif;
+
-
margin-top: 20px;
+
-
}
+
-
p{
+
          });
-
     font-family: sans-serif;
+
     </script>
-
     text-align: center;
+
     <style>
-
}
+
                 
-
 
+
-
h2{
+
-
text-align: center;
+
-
}
+
-
             
+
          
          
      
      
Line 100: Line 25:
<img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo-->
<img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo-->
   <div class="left_wrap">
   <div class="left_wrap">
 +
 
 +
 
      
      
-
 
 
-
  <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo-->
 
      
      
-
    <ul class="navbar">
 
-
        <a href="https://2013.igem.org/Team:Penn"><li>HOME</li></a>
 
-
                <li class="dropdown" id="project">
 
-
                  <a href="#" class="active" data-toggle="dropdown">PROJECT<div class="arrow">></div> <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu" id="drop-menu1">
 
-
                 
 
-
                    <a href="https://2013.igem.org/Team:Penn/Project"><li class="active" style="background-color: rgb(200,200,215);">project</li></a>
 
-
                    <a href="https://2013.igem.org/Team:Penn/Parts"><li>parts</li></a>
 
-
                    <a href="https://2013.igem.org/Team:Penn/Modeling"><li>modeling</li></a>
 
-
                    <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
 
-
                  </ul>
 
-
                </li>
 
-
                <li class="dropdown" id="about">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT<div class="arrow">></div>  <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu" id="drop-menu2">
 
-
                  <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
 
-
                  <a href="https://2013.igem.org/Team:Penn/Sponsors"> <li>sponsors</li></a>
 
-
                    <a href="https://igem.org/Team.cgi?id=1128"><li>official team profile</li></a>
 
-
                </li></ul>
 
   
   
-
                   <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>HUMAN PRACTICES</li></a>
+
                   <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li class="active" style="background-color: rgb(200,200,215);">human practices</li></a>
-
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
+
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>notebook</li></a>
         </ul>
         </ul>
-
   
+
  <div class="section-title">human practices</div>
-
   
+
    </div>
-
    <div class="section-title" style=" margin-top: 150px; position: relative;">human practices</div>
+
 
 +
 
-
    </div>
 
     <div class="section1" style="background-position: top;">
     <div class="section1" style="background-position: top;">
         <div class="text">
         <div class="text">
-
              
+
             Is Epigenetic Engineering Safe? <br><br>
 +
Read our thoughts on the matter, in our editorial(link) in the Penn Bioethics Journal, the premiere expert-reviewed undergraduate bioethics journal (publication forthcoming) <br>
 +
We spread the word about synthetic biology and iGEM at numerous outreach events! <br>
         </div>
         </div>
     </div>
     </div>
Line 142: Line 50:
</body>
</body>
<script>
<script>
-
        jQuery(document).ready(function($) {
 
-
 
-
 
 
-
  $(".dropdown").mouseenter(function(){
 
-
    $(".dropdown-menu").hide();
 
-
            $(this).find(".dropdown-menu").show();
 
-
            });
 
-
 
-
  $(".dropdown").mouseleave(function(){
 
-
        $(this).find(".dropdown-menu").hide();
 
-
    });
 
-
     
 
-
      $(".dropdown li").mouseenter(function(){
 
-
        $(this).addClass("active");
 
-
      });
 
        
        
-
          $(".dropdown li").mouseleave(function(){
 
-
        $(this).removeClass("active");
 
-
       
 
-
        });
 
-
 
-
 
-
 
 
-
$(window).scroll($.debounce( 300, true, function(){
 
-
    $(".navbar").hide();
 
-
    $(".left_wrap").animate({
 
-
    width: "65px"
 
-
  }, 250, function() {
 
-
  });
 
-
}));
 
-
$(window).scroll($.debounce(300, function(){
 
-
   
 
-
  $(".navbar").show();
 
-
    $(".left_wrap").animate({
 
-
    width: "200px"
 
-
  }, 250, function() {
 
-
 
-
  });
 
-
}));
 
-
 
-
        });
 
     </script>
     </script>
</html>
</html>

Latest revision as of 20:11, 23 September 2013

Team

  • human practices
  • notebook
  • human practices
    Is Epigenetic Engineering Safe?

    Read our thoughts on the matter, in our editorial(link) in the Penn Bioethics Journal, the premiere expert-reviewed undergraduate bioethics journal (publication forthcoming)
    We spread the word about synthetic biology and iGEM at numerous outreach events!