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

(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">
+
#header, #footer{
−
<h1>Description</h1>
+
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%);
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
 
  
−
</div>
+
#section {
 +
/*background-color: #E6E6F2;*/
 +
float: left;
 +
width: 100%;
 +
padding: 0% 0%;
 +
        margin: 0 0px !important;
 +
}
  
 +
#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;
 +
}
 +
#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 two_thirds_size">
+
/*#section {clear: both;}*/
−
<h3>What should this page contain?</h3>
+
#main-title {
−
<ul>
+
        font-weight: lighter;
−
<li> A clear and concise description of your project.</li>
+
color: #4b5ea4;
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
        font-size:3em;
−
<li>References and sources to document your research.</li>
+
font-family: sans-serif;
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
text-align: center;
−
</ul>
+
        transform: translateY(60%);
−
</div>
+
/*margin: 0px 0px 0px 0px;
 +
padding: 0px 0px 0px 0px;*/
 +
}
 +
.sublinks { text-align: center; }
 +
.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>
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>See how other teams have described and presented their projects: </p>
 
  
−
<ul>
+
   
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
</head>
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
<body>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Advice on writing your Project Description</h3>
+
−
 
+
−
<p>
+
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.
+
−
</p>
+
  
 +
<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">Basic_Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:SDU-CHINA/Composite_Part">Composite_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>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 
</div>
 
</div>
  
−
<div class="column third_size">
 
−
<h3>References</h3>
 
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
 
  
 +
<div id="section">
 +
    <div class="conteudo">
 +
    <div class="paragraghs">
 +
    <h2>PHB is an environmental-friendly biomaterial.</h2>
 +
    <h2>Light is an ideal switch.<br></h2>
 +
    <h2>If we bind these two together…</h2>
 +
    <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>
  
−
 
+
        <!--<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 09:27, 3 October 2018

PHB is an environmental-friendly biomaterial.

Light is an ideal switch.

If we bind these two together…

▲ top