Team:Penn/Parts

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head>
+
  <head>
-
<link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
+
    <title></title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <!-- Bootstrap -->
 +
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
         <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
         <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
-
</head>
+
 
-
<body>
+
   
-
  <!--Navigation bar at the top-->
+
    <style>
 +
        /*fonts/headings*/
 +
        h4 {
 +
            text-align: center;
 +
        }
 +
       
 +
       
 +
       
 +
       
 +
/*Brady Bunch Table and background section*/
 +
.team {
 +
      float: center;
 +
        margin-left: 200px;
 +
}
 +
 
 +
.team td {
 +
    overflow: hidden;
 +
            height:175px;
 +
            width:220px;
 +
            display: inline-block;
 +
            padding:5px;
 +
   
 +
        }
 +
       
 +
        .hidden { /*change this class when hovered*/
 +
            display: none;
 +
        }
 +
        .team img {
 +
          max-width:100%;
 +
    max-height:100%; 
 +
        }
 +
       
 +
.name {
 +
    position: absolute;
 +
    margin-bottom: 30px;
 +
    width: 220px;
 +
    height: 0px;
 +
    display: none;
 +
    background-color: white;
 +
    margin-top: -50px;
 +
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 +
  filter: alpha(opacity=70);
 +
-moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
 
 +
.one {
 +
height:800px;
 +
position: relative;
 +
padding-top: 30px;
 +
width: 100%;
 +
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/Yn0SK0Y0-7/snap.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
 +
background-position: 300px
 +
background-repeat: no-repeat;
 +
background-size: 100%;
 +
background-attachment: fixed;
 +
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 +
  filter: alpha(opacity=70);
 +
-moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
 
 +
.two {
 +
height:800px;
 +
position: relative;
 +
padding-top: 30px;
 +
width: 100%;
 +
background-color: #50393F;
 +
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/-ZtRJ7Gu1U/photo-8.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
 +
background-position: 300px -100px;
 +
background-repeat: no-repeat;
 +
background-size: 80%;
 +
background-attachment: fixed;
 +
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 +
  filter: alpha(opacity=70);
 +
-moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
       
 +
    .three {
 +
/*
 +
no background image for now
 +
background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/8XND1QonMj/Profile%20Photos/coolbluestuff.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");*/
 +
position: relative;
 +
text-align: center;
 +
height:800px;
 +
width: 100%;
 +
padding-top: 50px;
 +
}
 +
 
 +
/*Make hero unit slightly transparent*/
 +
.hero-unit {
 +
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 +
  filter: alpha(opacity=70);
 +
-moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
 
 +
 
 +
       
 +
       
 +
       
 +
            /* CUSTOMIZE THE NAVBAR
 +
    -------------------------------------------------- */
 +
 
 +
    /* Special class on .container surrounding .navbar, used for positioning it into place. */
 +
    .navbar-wrapper {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      right: 0;
 +
      z-index: 10;
 +
      margin-top: 20px;
 +
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
 +
    }
 +
    .navbar-wrapper .navbar {
 +
 
 +
    }
 +
 
 +
    /* Remove border and change up box shadow for more contrast */
 +
    .navbar .navbar-inner {
 +
      border: 0;
 +
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 +
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 +
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
 +
    }
 +
 
 +
    /* Downsize the brand/project name a bit */
 +
    .navbar .brand {
 +
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
 +
      font-size: 16px;
 +
      font-weight: bold;
 +
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
 +
    }
 +
 
 +
    /* Navbar links: increase padding for taller navbar */
 +
    .navbar .nav > li > a {
 +
      padding: 15px 20px;
 +
    }
 +
 
 +
    /* Offset the responsive button for proper vertical alignment */
 +
    .navbar .btn-navbar {
 +
      margin-top: 10px;
 +
    }
 +
    </style>
 +
  </head>
 +
  <body>
 +
   
      
      
-
  <div class="navbar-wrapper">
+
      <div class="navbar-wrapper">
       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
       <div class="container">
       <div class="container">
Line 57: Line 211:
     </div><!-- /.navbar-wrapper -->
     </div><!-- /.navbar-wrapper -->
 +
   
 +
<div class="four">
 +
   
 +
<div class="hero-unit">
 +
  <h1>Parts</h1>
 +
  <p><!--Tagline goes here--></p>
 +
  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
 +
    <!--<a class="btn btn-primary btn-large">
 +
      Learn more-->
 +
    </a>
 +
  </p>
 +
</div>
 +
</div>
-
</body>
+
 
 +
     
 +
     
 +
</div>
 +
 
 +
 
 +
   
 +
   
 +
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
 +
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
 +
   
 +
    <script src="../assets/js/jquery.js"></script>
 +
    <script src="../assets/js/bootstrap-transition.js"></script>
 +
    <script src="../assets/js/bootstrap-alert.js"></script>
 +
    <script src="../assets/js/bootstrap-modal.js"></script>
 +
    <script src="../assets/js/bootstrap-dropdown.js"></script>
 +
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
 +
    <script src="../assets/js/bootstrap-tab.js"></script>
 +
    <script src="../assets/js/bootstrap-tooltip.js"></script>
 +
    <script src="../assets/js/bootstrap-popover.js"></script>
 +
    <script src="../assets/js/bootstrap-button.js"></script>
 +
    <script src="../assets/js/bootstrap-collapse.js"></script>
 +
    <script src="../assets/js/bootstrap-carousel.js"></script>
 +
    <script src="../assets/js/bootstrap-typeahead.js"></script>
 +
    <script>
 +
      !function ($) {
 +
        $(function(){
 +
          // carousel demo
 +
          $('#myCarousel').carousel()
 +
       
 +
       
 +
      }(window.jQuery)
 +
    </script>
 +
    <script src="../assets/js/holder/holder.js"></script>
 +
  </body>
</html>
</html>
 +
An important aspect of the iGEM competition is the use and creation of standard  biological parts. Each team will make new parts during iGEM and will place them in the [http://partsregistry.org Registry of Standard Biological Parts]. The iGEM software provides an easy way to present the parts your team has created . The "groupparts" tag will generate a table with all of the parts that your team adds to your team sandbox.  Note that if you want to document a part you need to document it on the [http://partsregistry.org Registry], not on your team wiki.
An important aspect of the iGEM competition is the use and creation of standard  biological parts. Each team will make new parts during iGEM and will place them in the [http://partsregistry.org Registry of Standard Biological Parts]. The iGEM software provides an easy way to present the parts your team has created . The "groupparts" tag will generate a table with all of the parts that your team adds to your team sandbox.  Note that if you want to document a part you need to document it on the [http://partsregistry.org Registry], not on your team wiki.

Revision as of 17:19, 15 July 2013

Penn's iGEM Team

Parts

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.


An important aspect of the iGEM competition is the use and creation of standard biological parts. Each team will make new parts during iGEM and will place them in the [http://partsregistry.org Registry of Standard Biological Parts]. The iGEM software provides an easy way to present the parts your team has created . The "groupparts" tag will generate a table with all of the parts that your team adds to your team sandbox. Note that if you want to document a part you need to document it on the [http://partsregistry.org Registry], not on your team wiki.

Remember that the goal of proper part documentation is to describe and define a part such that it can be used without a need to refer to the primary literature. The next iGEM team should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.


<groupparts>iGEM013 Penn</groupparts>

Retrieved from "http://2013.igem.org/Team:Penn/Parts"