Difference between revisions of "Team:SMMU-China/Design"

(Prototype team page)
 
Line 1: Line 1:
 
{{SMMU-China}}
 
{{SMMU-China}}
 
<html>
 
<html>
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:SMMU-China/CSS_main?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_ToTheTop&action=raw&ctype=text/css" />
 +
<style>
 +
        table,table tr th, table tr td { border:1px solid #000000;margin:auto; }
 +
        table { width: 100%; min-height: 25px; line-height: 25px; text-align: left;} 
 +
</style>
 +
<div id="page-wrapper">
 +
<!-- Header -->
 +
<section id="header">
  
−
<div class="column full_size">
+
<!-- Logo -->
−
<h1>Design</h1>
+
<h1><a href="https://2018.igem.org/Team:SMMU-China">Ca<sup>2+</sup>RTIN</a></h1>
−
<p>
+
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
−
</p>
+
  
−
<p>
+
<!-- Nav -->
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:SMMU-China/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
<nav id="nav">
−
</p>
+
<ul>
−
 
+
<li ><a href="https://2018.igem.org/Team:SMMU-China">Home</a></li>
−
</div>
+
<li class="current">
 +
<a>Project</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Overview">Overview</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Result</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Basic_Part">Basic Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Composite">Composite</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Lab</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Safety_Interlab">Safety & Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Notebook">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Modeling</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>HP</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Questionaire-interview">Questionaire-interview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Collaboration">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Team</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Team_Members">Team Members</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</nav>
  
 +
</section>
  
 +
<!-- Main -->
 +
<section id="main">
 +
<div class="container">
 +
<!-- Content -->
 +
<article class="box post">
 +
<header>
 +
<h2 style="text-align: center">Design</h2>
 +
</header>
 +
                                                                <header>
 +
<h3>One</h3>
 +
</header>
 +
<p>
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus.
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
</p>
 +
<div style="text-align: center">
 +
<img alt="" src="https://static.igem.org/mediawiki/2018/3/30/T--SMMU-China--banner_replace.jpg" style="width:80%;margin: 0 auto;" >
 +
<p><strong>Figure 1: </strong>Overall scheme of our project. </p>
 +
</div>
 +
 +
 +
<p>
 +
Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl,
 +
a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<section>
 +
<header>
 +
<h3>Two</h3>
 +
</header>
  
−
<div class="column two_thirds_size">
+
<p>
−
<h3>What should this page contain?</h3>
+
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
−
<ul>
+
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
−
<li>Explanation of the engineering principles your team used in your design</li>
+
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
−
<li>Discussion of the design iterations your team went through</li>
+
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
−
<li>Experimental plan to test your designs</li>
+
sit amet nullam consequat feugiat dolore tempus.
−
</ul>
+
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<table>
 +
<tr>
 +
<th width="300px">Do</th>
 +
<th width="250px">Don't</th>
 +
<th width="410px">Why?</th>
 +
</tr>
 +
<tr>
 +
<td>Make sure all wiki content is hosted on <b>2018.igem.org</b>. (This includes text, files, HTML, CSS, Javascript, and other scripts.)</td>
 +
<td>Don't host your wiki or parts of your wiki elsewhere. Don't include scripts or stylesheets from other servers. </td>
 +
<td>iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken, sites may go down, and <b>information will be lost.</b></td>
 +
</tr>
 +
<tr>
 +
<td>Work on your wiki throughout the year and <b>save small edits for last</b></td>
 +
<td>Don't wait to add/edit large portions of wiki content the day of the <b>Wiki Freeze</b></td>
 +
<td>Just before the Wiki Freeze, iGEM websites experience <b>increased traffic and server loads.</b> This can be a difficult time to make larger changes or additions to your wiki. Don't wait till the last minute!</td>
 +
</tr>
 +
<tr>
 +
<td>Name uploaded files clearly and uniquely (T--TeamName--Filename.png)</td>
 +
<td>Don't use generic names for you files (Header.png)</td>
 +
<td>Using <b>unique names</b> makes searching/identification of uploaded files easier.</td>
 +
</tr>
 +
<tr>
 +
<td>Load your CSS and Javascript into the wiki, either directly into your page or using templates.</td>
 +
<td>Don't try to host your CSS and Javascript on a third party server</td>
 +
<td>You are required to host all content on the iGEM servers (see above)</td>
 +
</tr>
 +
</table>
 +
<p style="text-align: center"><strong>Table 1: </strong>Overall scheme of our project. </p>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus.
 +
</p>
 +
</section>
 +
<section>
 +
<header>
 +
<h3>Three</h3>
 +
</header>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla.
 +
Maecenas sagittis convallis justo vel mattis.
 +
</p>
 +
</section>
 +
</article>
  
−
</div>
+
</div>
 +
</section>
  
−
<div class="column third_size">
+
<!-- Footer -->
−
<div class="highlight decoration_A_full">
+
<section id="footer">
−
<h3>Inspiration</h3>
+
<div class="container">
−
<ul>
+
<div class="row">
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
<div class="col-7 col-12-medium">
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
<section>
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
<header>
−
</ul>
+
<h2>Brief report</h2>
−
</div>
+
</header>
−
</div>
+
<ul class="dates">
 +
<li>
 +
<span class="date">Sept <strong>27</strong></span>
 +
<h3><a href="#">Mathematical modeling</a></h3>
 +
<p>We have finished mathematical modeling for our project.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>7</strong></span>
 +
<h3><a href="#">CCiC conference</a></h3>
 +
<p>We attended the conference of China iGEMer community this week.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>1</strong></span>
 +
<h3><a href="#">Wiki online</a></h3>
 +
<p>Start building our Wiki Website.</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-5 col-12-medium">
 +
<section>
 +
<header>
 +
<h2>Wanna contact us?</h2>
 +
</header>
 +
<!-- <ul class="social">
 +
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
 +
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
 +
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
 +
<li><a class="icon fa-tumblr" href="#"><span class="label">Tumblr</span></a></li>
 +
<li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li>
 +
</ul> -->
 +
<ul class="contact">
 +
<li>
 +
<h3>Address</h3>
 +
<p>
 +
3rd floor, Library building<br />
 +
Second Military Medical University<br />
 +
800 Xiangyin Road, Yangpu, Shanghai, China
 +
</p>
 +
</li>
 +
<li>
 +
<h3>E-Mail</h3>
 +
<p><a href="mailto:hus@smmu.edu.cn">hus@smmu.edu.cn</a></p>
 +
</li>
 +
<li>
 +
<h3>Phone</h3>
 +
<p>+86 13701692043</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-12">
  
 +
<!-- Copyright -->
 +
<div id="copyright">
 +
<ul class="links">
 +
<li>&copy; Untitled. All rights reserved.</li>
 +
<!-- <li>Design: <a href="http://html5up.net">HTML5 UP</a></li> -->
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<div id="shangxia2">
 +
<span id="gotop1">
 +
<img src="https://static.igem.org/mediawiki/2018/a/a0/T--SMMU-China--rocket.svg" alt="to the top">
 +
</span>
 +
</div>
 +
</div>
  
 +
<!-- Scripts -->
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_dropotron_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_browser_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_breakpoints_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_util?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_main?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketJquery_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketScrollToPlugin_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketTweenMax_min?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(function() {
 +
$("#gotop1").click(function(e) {
 +
  TweenMax.to(window, 1.5, {scrollTo:0, ease: Expo.easeInOut});
 +
  var huojian = new TimelineLite();
 +
huojian.to("#gotop1", 1, {rotationY:720, scale:0.6, y:"+=40", ease:  Power4.easeOut})
 +
.to("#gotop1", 1, {y:-1000, opacity:0, ease:  Power4.easeOut}, 0.6)
 +
.to("#gotop1", 1, {y:0, rotationY:0, opacity:1, scale:1, ease: Expo.easeOut, clearProps: "all"}, "1.4");
 +
});
 +
});
 +
</script>
  
 +
<p id="last_p_label">
 
</html>
 
</html>

Revision as of 06:12, 2 October 2018

Design

One

Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante. Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.

Figure 1: Overall scheme of our project.

Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl, a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Two

Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Do Don't Why?
Make sure all wiki content is hosted on 2018.igem.org. (This includes text, files, HTML, CSS, Javascript, and other scripts.) Don't host your wiki or parts of your wiki elsewhere. Don't include scripts or stylesheets from other servers. iGEM content is preserved on our servers so future teams can learn from what you've done. When content is stored on other sites/servers, links may become broken, sites may go down, and information will be lost.
Work on your wiki throughout the year and save small edits for last Don't wait to add/edit large portions of wiki content the day of the Wiki Freeze Just before the Wiki Freeze, iGEM websites experience increased traffic and server loads. This can be a difficult time to make larger changes or additions to your wiki. Don't wait till the last minute!
Name uploaded files clearly and uniquely (T--TeamName--Filename.png) Don't use generic names for you files (Header.png) Using unique names makes searching/identification of uploaded files easier.
Load your CSS and Javascript into the wiki, either directly into your page or using templates. Don't try to host your CSS and Javascript on a third party server You are required to host all content on the iGEM servers (see above)

Table 1: Overall scheme of our project.

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus.

Three

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.

to the top