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

(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;
 +
    }
  
−
<div class="column full_size">
+
html, body, .wrapper {
−
<h1>Results</h1>
+
    width: 100%;
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    height: 100%;
−
</div>
+
    /*background-color: transparent;*/
 +
}
 +
#content{
 +
margin: 0px;
 +
padding: 0px;
 +
/*background-color: #E6E6F2;*/
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
}
  
 +
#header, #footer{
 +
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;
 +
     
 +
}
 +
.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="column third_size" >
 
  
−
<h3>What should this page contain?</h3>
+
#section {
−
<ul>
+
/*background-color: #E6E6F2;*/
−
<li> Clearly and objectively describe the results of your work.</li>
+
float: left;
−
<li> Future plans for the project. </li>
+
width: 100%;
−
<li> Considerations for replicating the experiments. </li>
+
padding: 0% 0%;
−
</ul>
+
        margin: 0 0px !important;
−
</div>
+
        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;
 +
}
  
 +
/*#section {clear: both;}*/
 +
#main-title {
 +
        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;*/
 +
}
  
−
<div class="column two_thirds_size" >
+
#main-titile-text { text-align: center; }
−
<h3>Describe what your results mean </h3>
+
.sublinks { text-align: center; }
−
<ul>
+
.sublinks h2 {
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
display: inline-block;
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
margin: 20px 40px;
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
}
−
</ul>
+
.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; }
−
</div>
+
/*.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>
  
  
−
<div class="clear extra_space"></div>
+
   
 +
</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 class="column two_thirds_size" >
+
<div id="section">
−
<h3> Project Achievements </h3>
+
    <div class="main-title">Demostration</div>
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    <div class="sub-title">Strain Constuction</div>
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <div class="p-top"><a href="#header">&#x25b2; top</a></div>
 +
    </div>
 +
    </div>
  
−
<ul>
 
−
<li>A list of linked bullet points of the successful results during your project</li>
 
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
 
−
</ul>
 
  
 +
    <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>
  
  
 +
<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>
  
−
<div class="column third_size" >
+
        <!--<img src="https://static.igem.org/mediawiki/2018/f/f3/T--SDU-CHINA--ContactUs0.svg" alt="CONTACT US" usemap="#Map-Contact" />
−
<div class="highlight decoration_A_full">
+
        <map name="Map-Contact" id="Map-Contanct">
−
<h3>Inspiration</h3>
+
            <area title="E-mail" href="mailto:sdubioigem@163.com" shape="rect" coords="0,0,88,65" />
−
<p>See how other teams presented their results.</p>
+
    <area title="Instagram" href="https://www.instagram.com/sdubiochina_2018/" shape="rect" coords="88,0,155,65" />
−
<ul>
+
        </map>-->
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
−
</ul>
+
 
</div>
 
</div>
−
</div>
+
</body>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 10:24, 3 October 2018

Demostration
Strain Constuction
▲ top
Light Senser

CCAS-CCAR System

Opto T7 Polymerase

▲ top
Toggle Switch
▲ top
Fermentation
▲ top