Difference between revisions of "Team:SDU-CHINA/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{SDU-CHINA}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8" />
 +
<link rel="stylesheet" type="text/css" href="./css/frame.css" />
 +
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrapcss?action=raw&ctype=text/css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
 +
<style>
 +
li { list-style: none; }
 +
a { text-decoration: none; }
 +
a:link, a:visited, a:active { color: white; }
 +
a:hover { color: #c1d9ff; }
 +
img { margin: 10px auto; } /*???*/
 +
table { margin: 0 auto; }
 +
td { text-align: center }
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 +
#sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {display: none;}
 +
#top-section { 
 +
    border: 0 none;
 +
    height: 14px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
}
  
 +
    #globalWrapper, #content {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin-top: -18px;
 +
        padding: 0px;
 +
    }
  
 +
html, body, .wrapper {
 +
    width: 100%;
 +
    height: 100%;
 +
    /*background-color: transparent;*/
 +
}
 +
#content{
 +
margin: 0px;
 +
padding: 0px;
 +
/*background-color: #E6E6F2;*/
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
#header, #footer{
−
<h3>★  ALERT! </h3>
+
background: linear-gradient(to right, #005AB5, #007500);
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
background: -moz-linear-gradient(to right, #005AB5, #007500);
−
</div>
+
background: -o-linear-gradient(to right, #005AB5, #007500);
 +
float: left;
 +
width: 100%;
 +
padding: 1% 0%;
 +
        margin: 0 0px !important;
 +
     
 +
}
 +
.sub-title{
 +
background: linear-gradient(to right, #005AB5, #007500);
 +
background: -webkit-linear-gradient(to right, #005AB5, #007500);
 +
background: -moz-linear-gradient(to right, #005AB5, #007500);
 +
background: -o-linear-gradient(to right, #005AB5, #007500);
 +
float: left;
 +
width: 100%;
 +
padding: 1% 0%;
 +
        margin: 0 0px !important;
 +
        transform: translateY(80%);
 +
        text-align: center;
 +
        font: 25px sans-serif;
 +
        color:white;
 +
}
  
  
−
<div class="clear"></div>
+
#section {
 +
/*background-color: #E6E6F2;*/
 +
float: left;
 +
width: 100%;
 +
padding: 0% 0%;
 +
        margin: 0 0px !important;
 +
        position:relative;
 +
}
  
 +
#logo {
 +
float: left;
 +
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#menu {
 +
float: right;
 +
position:relative;
 +
transform: translateY(-10%);
 +
margin-right: 1%;
 +
display: block !important;
 +
        z-index:1
 +
}
 +
#menu ul{position:relative; z-index:9999;}
 +
#menu li {
 +
float: left;
 +
position: relative;
 +
padding:2% 0%;
 +
}
 +
#menu li a { font: 25px sans-serif;  /*font-weight: lighter;*/  padding: 15px; }
 +
#menu ul li ul {
 +
background-color: #336666;
 +
opacity: 0.8 ;
 +
display: none;
 +
position: absolute;
 +
margin: 0;
 +
padding: 10% 0;
 +
}
 +
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 +
#menu li:hover ul, .menu li.over ul { display: block; }
  
 +
#footer { height: 180px;  color: white; }
 +
#sponsors {
 +
text-align: center;
 +
float: left;
 +
margin-left: 15px;
 +
/*margin-top: 2px;*/
 +
}
 +
#address {
 +
text-align: center;
 +
float: right;
 +
margin-right: 20px;
 +
margin-left: 30px;
 +
margin-top: 2px;
 +
}
 +
#contact {
 +
text-align: center;
 +
float: right;
 +
position: relative;
 +
margin-right: 30px;
 +
margin-top: 2px;
 +
}
  
−
<div class="column full_size">
+
/*#section {clear: both;}*/
−
<h1>Demonstrate</h1>
+
#main-title {
−
<h3>Gold Medal Criterion #4</h3>
+
        font-weight: lighter;
 +
color: #4b5ea4;
 +
        font-size:3em;
 +
font-family: sans-serif;
 +
        transform: translateY(60%);
 +
/*margin: 0px 0px 0px 0px;
 +
padding: 0px 0px 0px 0px;*/
 +
}
  
−
<p>
+
#main-titile-text { text-align: center; }
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
.sublinks { text-align: center; }
−
</p>
+
.sublinks h2 {
 +
display: inline-block;
 +
margin: 20px 40px;
 +
}
 +
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 +
/*.sub-title {
 +
font-family: sans-serif;
 +
color: white;
 +
text-align: center;
 +
}*/
 +
.conteudo {
 +
margin: 0 auto;
 +
max-width: 1800px;
 +
background-color: white;
 +
    line-height: 1.5;
 +
    clear: both;
 +
}
 +
.paragraghs { padding: 4% 8%;  font-family: sans-serif; }
 +
.p-top {
 +
        text-align:center;
 +
color: #4b5ea4;
 +
margin-top: 5px;
 +
font: 25px sans-serif;
 +
transform: translateY(80%);
 +
}
 +
#section li { list-style: decimal; }
 +
</style>
  
−
<p>
 
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
 
−
</p>
 
  
 +
   
 +
</head>
 +
<body>
  
 +
<div id="header">
 +
<!--LOGO LINK--->
 +
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/e/ec/T--SDU-CHINA--Logo0.svg" alt="LOGO" /></a></div>
 +
<div id="menu">
 +
<ul>
 +
<li>
 +
<a href="#">PROJECT &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Results">Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate">Demonstrate</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">WETLAB &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Experiments">Protocols</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">DRYLAB &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">TEAM &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Team">Members</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Attributions">Attributoins</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Collaborations">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/InterLab">INTERLAB</a></li>
 +
<li><a href="#">PARTS &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Basic_Part">Part</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:SDU-CHINA/Improve">Improve</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices">HUMAN PRACTICES &#9662;</a>
 +
<ul>
 +
<!--links-->
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#silver">Silver</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#integrated">Gold & Integrated</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:SDU-CHINA/Engagement">Engagement</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
  
  
 +
<div id="section">
 +
    <div class="main-title">Design</div>
  
 +
    <div class="sub-title">Light Senser</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <h3>CCAS-CCAR System</h3>
 +
    <h3>Opto T7 Polymerase</h3>
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="sub-title">Toggle Switch</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="sub-title">Fermentation</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
 +
</div>
  
  
 +
<div id="footer">
 +
    <div id="sponsors">
 +
        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" />
 +
        <map name="Map-Sponsors" class="Map-Sponsors">
 +
            <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" />
 +
            <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" />
 +
        </map>
 +
    </div>
 +
    <!--<div id="address">
 +
        <h2>ADDRESS</h2>
 +
<p>Shandong University</p>
 +
<p>School of Life Sciences</p>
 +
<p>Qingdao, Shandong, China</p>
 +
    </div>-->
 +
    <div id="contact">
 +
        <h3>CONTACT US</h3>
 +
        <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div>
 +
        <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div>
 +
 +
        <!--<img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
 +
        <map name="Map-Contact" id="Map-Contanct">
 +
            <area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
 +
    <area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
 +
        </map>-->
 +
    </div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 10:18, 3 October 2018

Design
Light Senser

CCAS-CCAR System

Opto T7 Polymerase

▲ top
Toggle Switch
▲ top
Fermentation
▲ top