Difference between revisions of "Team:Elan Vital Korea/Parts"

 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Elan_Vital_Korea/Templates/Header}}
+
{{ElanVitalKoreaMWlook}}
 +
{{ElanVitalKorea}}
 +
 
 
<html>
 
<html>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
    // Cache the Window object
 +
    $window = $(window);
 +
               
 +
  $('section[data-type="background"]').each(function(){
 +
    var $bgobj = $(this); // assigning the object
 +
                   
 +
      $(window).scroll(function() {
 +
                   
 +
        // Scroll the background at var speed
 +
        // the yPos is a negative value because we're scrolling it UP!                               
 +
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
 +
       
 +
        // Put together our final background position
 +
        var coords = '50% '+ yPos + 'px';
 +
 +
        // Move the background
 +
        $bgobj.css({ backgroundPosition: coords });
 +
       
 +
}); // window scroll Ends
 +
 +
});   
 +
 +
});
 +
/*
 +
* Create HTML5 elements for IE's sake
 +
*/
 +
 +
document.createElement("article");
 +
document.createElement("section");
 +
</script>
 +
<style>
 +
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 +
 +
body{
 +
    margin:0;
 +
    padding:0;
 +
font-family: 'Open Sans', sans-serif;
 +
background-color:      #F8F8F8;
 +
}
 +
 +
 +
#home {
 +
    background: url(https://static.igem.org/mediawiki/2015/8/87/ElanVitalKorea_bg_3.png) 50% 0 no-repeat fixed;
 +
min-height:1000px;
 +
    height: 1000px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
#about {
 +
    background: url(https://static.igem.org/mediawiki/2015/8/86/Blackbg.png) 50% 0 no-repeat fixed;
 +
    min-height:1000px;
 +
height: 1000px;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
#maintext {
 +
    background: url(https://static.igem.org/mediawiki/2015/9/9c/Lightbg_copy.jpg) 50% 0 no-repeat fixed;
 +
    height: 1000px;
 +
min-height:1000px;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
 +
#maintext2 {
 +
    background: url(https://static.igem.org/mediawiki/2015/8/86/Blackbg.png) 50% 0 no-repeat fixed;
 +
    height: 1000px;
 +
min-height:1000px;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
 +
 +
 +
 +
 +
/* Introduction */
 +
 +
#home article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
#about article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
#maintext article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
 +
#maintext2 article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
 +
.galleryItem {
 +
    color: #797478;
 +
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
 +
    float: left;   
 +
    width: 16%;
 +
    margin:  2% 2% 50px 2%;
 +
}
 +
 +
.galleryItem h2 {
 +
    text-transform: uppercase;
 +
}
 +
 +
.galleryItem img {
 +
    max-width: 100%;
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 +
}
 +
 +
 +
 +
.center {
 +
  position: absolute;
 +
  margin: auto;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100px;
 +
  height: 100px;
 +
  border-radius: 3px;
 +
}
 +
 +
#parts {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto; }
 +
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto; }
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 +
}
 +
 +
h4 {
 +
color:white;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
h5{
 +
text-decoration:none;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
color:white;
 +
}
 +
 +
 +
p {
 +
font-size:18px;
 +
line-height:160%;
 +
}
 +
 +
h6{
 +
text-decoration:none;
 +
font-size: 12px;
 +
letter-spacing:1px;
 +
}
 +
 +
table, th, td {
 +
  border: 0.2px solid black;
 +
}
 +
 +
 +
/**
 +
* Media queries for responsive design.
 +
*
 +
* These follow after primary styles so they will successfully override.
 +
*/
 +
 +
@media all and (orientation:portrait) {
 +
  /* Style adjustments for portrait mode goes here */
 +
 +
}
 +
 +
@media all and (orientation:landscape) {
 +
  /* Style adjustments for landscape mode goes here */
 +
 +
}
 +
 +
/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
 +
  consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
 +
@media screen and (max-device-width: 480px) {
 +
 +
 +
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
 +
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
 +
}
 +
 +
 +
 +
</style>
 +
 +
</head>
 +
 
<body>
 
<body>
−
<!--****************WETLAB***********-->  
+
    <!-- Section #1 -->
−
<div class="subnav" style="padding-left:70px;">
+
        <section id="home" data-speed="10" data-type="background">
−
    <ul>
+
            <a name="top" id="top"></a>
−
        <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><li>Description</li></a>
+
            <a href="#">
−
<a href="https://2015.igem.org/Team:Elan_Vital_Korea/Parts"><li style="color:#5ab9cc;
+
                <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif">
−
">Parts</li></a>
+
            </a>
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Results"><li>Results</li></a>
+
                        <br><br><br><br><br><br><br>
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Application"><li>Application</li></a>
+
                    <div class="center;">
−
        </ul>
+
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea">
−
     </div>
+
                <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
−
<div class="sub-top"><p class="sub-top-title3 mar-c">Parts</p></div>
+
            </a>
−
<!--****************safety***********-->
+
                <h4 style="text-align:center;">
−
<div id="PARTS"></div>
+
                    PROJECT <br> -Parts-
 +
                </h4>
 +
                    <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a>
 +
          </div>
 +
     </section>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
 
 +
<div id="PARTS"></div>
 
<div class="partstbl w600 mar-c pb40">
 
<div class="partstbl w600 mar-c pb40">
−
    <table cellpadding="0" cellspacing="0">
+
        <table cellpadding="0" cellspacing="0" align="center">
−
        <colgroup>
+
            <colgroup>
 +
                <col width="500px" />
 
                 <col width="400px" />
 
                 <col width="400px" />
−
                <col width="200px" />
 
 
             </colgroup>
 
             </colgroup>
 
             <tr>
 
             <tr>
−
                 <th>PART NAME</th>
+
                 <th><p>PART NAME</p></th>
−
                 <th style="border-right:none;">PART NUMBER</th>
+
                 <th style="border-right:none;"><p> PART NUMBER</p></th>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td>LuxR controlled by constitutive promoter</td>
+
                 <td><p> LuxR controlled by constitutive promoter</td>
−
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584017">BBa_K1584017</a></td>
+
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584017"><p>BBa_K1584017</p></a></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td>AHL-required LuxR-Producing Reporter Part</td>
+
                 <td><p>Constitutive LuxR with AHL-inducible GFP</p></td>
−
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584026">BBa K1584026</a></td>
+
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584026"><p>BBa K1584026</p></a></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td>AiiA controlled by constitutive promoter</td>
+
                 <td><p>AiiA controlled by constitutive promoter</p></td>
−
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584008">BBa_K1584008</a></td>
+
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584008"><p>BBa_K1584008</p></a></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td>AHL-inducible LacZ expression</td>
+
                 <td><p>LuxR-responsive promoter with LacZ CDS</p></td>
−
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584036">BBa_K1584036</a></td>
+
                 <td style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584036"><p>BBa_K1584036</p></a></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td class="bdr-bt-none">AHL-responsive LacZ reporter</td>
+
                 <td class="bdr-bt-none"><p>Constitutive LuxR plus AHL-inducible LacZ</p></td>
−
                 <td class="bdr-bt-none" style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584035">BBa_K1584035</a></td>
+
                 <td class="bdr-bt-none" style="border-right:none;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584035"><p>BBa_K1584035</p></a></td>
 
             </tr>
 
             </tr>
 
         </table>
 
         </table>
 
     </div>
 
     </div>
−
<!--<div style="position:inherit; width:1100px; margin:0 auto;">
+
       
−
    <div class="PARTS"><p class="align-l f-size30">BBa_K1584017<span style="margin-left:160px;">&amp;</span><span style="margin-left:130px;">BBa K1584026</span> </p></div>
+
<br><br>
−
    <div class="part_sub"><p class="align-l ml10">LuxR controlled by constitutive promoter<span style="margin-left:130px;">AHL-required LuxR-Producing Reporter part</span></p></div>
+
 
−
    <div class="humanwrap">
+
<a href="#top" rel="" id="top" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/5/5b/Scroll_arrow_top_Black.png"></a>
−
        <ul>
+
<h6 style="text-align:center;"> <font color="black">
−
            <li><img src="https://static.igem.org/mediawiki/2015/1/15/NC_partimg_01.jpg" /></li>
+
                  To The Top
−
            </ul>
+
              </font> </h6>
−
            <p class="link" style="position:absolute; margin:-345px 0 0 200px;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584017">http://BBa_K1584017<span class="f-size12 txt-i"> (click!)</p></a></p>
+
     
−
            <p class="link" style="text-align:center; margin-left:180px;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584026">http://BBa_K1584026<span class="f-size12 txt-i"> (click!)</p></a></p>
+
         </section>
−
        </div>
+
 
−
         <div class="partsLine"></div>
+
 
−
        <div class="PARTS"><p class="align-l f-size30">BBa_K1584008</p></div>
+
 
−
    <div class="part_sub"><p class="align-l ml10">AiiA controlled by constitutive promoter</p></div>
+
 
−
    <div class="humanwrap">
+
 
−
        <ul>
+
<script>
−
            <li><img src="https://static.igem.org/mediawiki/2015/2/21/NC_partimg_03.jpg" /></li>
+
$('a').click(function(){
−
            </ul>
+
    $('html, body').animate({
−
            <p class="link" style="text-align:center; margin-left:180px;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584008">http://BBa_K1584008<span class="f-size12 txt-i"> (click!)</p></a></p>
+
         scrollTop: $( $(this).attr('href') ).offset().top
−
        </div>
+
    }, 500);
−
         <div class="partsLine"></div>
+
    return false;
−
        <div class="PARTS"><p class="align-l f-size30">BBa_K1584035</p></div>
+
});
−
    <div class="part_sub"><p class="align-l ml10">AHL- responsive LacZ reporter</p></div>
+
</script>
−
    <div class="humanwrap">
+
 
−
        <ul>
+
−
            <li><img src="https://static.igem.org/mediawiki/2015/7/78/NC_partimg_04.jpg" /></li>
+
−
            </ul>
+
−
            <p class="link" style="position:absolute; margin:-375px 0 0 700px;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584036">http://BBa_K1584036<span class="f-size12 txt-i"> (click!)</p></a></p>
+
−
            <p class="link" style="text-align:center; margin-left:160px;"><a href="http://parts.igem.org/wiki/index.php/Part:BBa_K1584035">http://BBa_K1584035<span class="f-size12 txt-i"> (click!)</p></a></p>
+
−
        </div>              
+
−
    </div>-->
+
 
</body>
 
</body>
 +
 
</html>
 
</html>
−
{{Elan_Vital_Korea/Templates/Footer}}
 

Latest revision as of 23:24, 18 September 2015








PROJECT
-Parts-





PART NAME

PART NUMBER

LuxR controlled by constitutive promoter

BBa_K1584017

Constitutive LuxR with AHL-inducible GFP

BBa K1584026

AiiA controlled by constitutive promoter

BBa_K1584008

LuxR-responsive promoter with LacZ CDS

BBa_K1584036

Constitutive LuxR plus AHL-inducible LacZ

BBa_K1584035


To The Top