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

(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">
  
 +
<!-- Logo -->
 +
<h1><a href="https://2018.igem.org/Team:SMMU-China">Ca<sup>2+</sup>RTIN</a></h1>
  
 +
<!-- Nav -->
 +
<nav id="nav">
 +
<ul>
 +
<li ><a href="https://2018.igem.org/Team:SMMU-China">Home</a></li>
 +
<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>
  
−
<div class="column full_size">
+
</section>
−
<h1>Description</h1>
+
−
 
+
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size">
+
−
<h3>What should this page contain?</h3>
+
−
<ul>
+
−
<li> A clear and concise description of your project.</li>
+
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
−
<li>References and sources to document your research.</li>
+
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
<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>
+
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
−
<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>
+
  
 +
<!-- Main -->
 +
<section id="main">
 +
<div class="container">
 +
<!-- Content -->
 +
<article class="box post">
 +
<header>
 +
<h2 style="text-align: center">Description</h2>
 +
</header>
 +
                                                                <header>
 +
<h3>One</h3>
 +
</header>
 
<p>
 
<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.  
+
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
−
</p>
+
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.
−
</div>
+
Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus.
−
 
+
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
−
<div class="column third_size">
+
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
−
<h3>References</h3>
+
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
−
<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>
+
</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>
+
<p>
 +
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.
 +
</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>
 +
<center>
 +
<video height="480" controls="">
 +
<source src="https://static.igem.org/mediawiki/2018/f/fe/IGEM_Human_Practices.mp4" type="video/mp4">
 +
</video>
 +
</center>
 +
<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>
 +
</section>
  
 +
<!-- Footer -->
 +
<section id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-7 col-12-medium">
 +
<section>
 +
<header>
 +
<h2>Brief report</h2>
 +
</header>
 +
<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:08, 2 October 2018

Description

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