Difference between revisions of "Team:HZAU-China/Demonstrate"

m
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
−
<html>
+
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <title>design</title>
 +
    <style>
 +
        *{margin: 0;padding: 0;}
 +
        .content_wrapper {
 +
            position: absolute;
 +
            top: 88px;
 +
            width: 100%;
 +
            height: 1800px;
 +
            background-color: white;
 +
        }
 +
        .main_part{
 +
            width: 80%;
 +
            height: 100%;
 +
            float: left;
 +
        }
 +
        .article{
 +
            width: 75%;
 +
            height: auto;
 +
            position: absolute;
 +
            top: 0;
 +
            left: 13%;
 +
            padding:0 2% 2% 2%;
 +
            background-color: white;
 +
        }
  
 +
        .article p{
 +
            text-align:justify;
 +
            font-family: Verdana;
 +
            font-size: 18px !important;
 +
            line-height: 190%;
 +
            z-index:-1;
 +
        }
 +
        .article h2{
 +
            font-size: 50px;
 +
            font-family: Arial;
 +
            color: #1e6ed0;
 +
        }
 +
        .article h3{
 +
            line-height:120%;
 +
            display: block;
 +
            background-color:white;
 +
            padding-top:20px;
 +
            font-size: 30px;
 +
            font-family: Helvetica;
 +
            color: #0783d6;
  
−
<div class="column full_size" >
+
        }
 +
        .article h4{
 +
            display: block;
 +
            padding-top: 18px;
 +
            background-color: white;
 +
            font-size: 25px;
 +
            font-family: Calibri;
 +
            color: #0f9ad6;
 +
        }
 +
        .article h5{
 +
            display: block;
 +
            padding-top: 16px;
 +
            background-color: white;
 +
            font-size:18px;
 +
            font-family: Arial;
 +
            color:#3c7ab1;
 +
 +
        }
 +
        .article img{
 +
            display:block;
 +
            margin:0 auto;
 +
        }
 +
        .article video{
 +
            display:block;
 +
            margin:0 auto;
 +
        }
 +
.article ti{
 +
display: block;
 +
            padding-top: 18px;
 +
            background-color: white;
 +
            font-size: 30px;
 +
            font-family: Calibri;
 +
            color: #0f9ad6;
 +
text-align:center
 +
}
  
−
<p>Here you can describe the results of your project and your future plans. </p>
 
  
−
<h5>What should this page contain?</h5>
+
    </style>
−
<ul>
+
−
<li> Clearly and objectively describe the results of your work.</li>
+
−
<li> Future plans for the project </li>
+
−
<li> Considerations for replicating the experiments </li>
+
−
</ul>
+
  
−
</div>
+
</head>
  
−
<div class="column half_size" >
 
  
  
−
<h5> Project Achievements </h5>
+
<body>
  
−
<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="content_wrapper">
  
−
<ul>
+
    <div class="main_part">
−
<li>A list of linked bullet points of the successful results during your project</li>
+
        <img src="https://static.igem.org/mediawiki/2016/2/28/T--HZAU-China--veriticalbarproject1.png"  width="168px">
−
<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>
+
        <div class="article">
 +
            <h2>Demonstration</h2>
 +
            <p>After validating our biological devices, to demonstrate the feasibility of establishing an AR system for bio-pattern formation, we constructed an industrial level device which can create a virtual space overlapping with a real environment (a LB culture plate, here). It can mislead the bacteria to form an heterogeneous pattern on a homogeneous swimming plate.
 +
              To know more about our device, please watch the following video.</p>
  
  
−
<div class="column half_size" >
+
            <h5>Highlights:</h5>
 +
            <p>1. Huge bulk.</p>
 +
            <p>2. Sterilizing function.</p>
 +
            <p>3. Real-time picture capturing.</p>
 +
            <p>4. Precise light projecting.</p>
 +
            <p>5. Temperature measuring and controlling.</p>
 +
            <p>6. Real-time communication between computer and bacteria.</p><br/>
 +
</br></br>
  
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<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>
+
         
 +
  <ti>We shot a video to show the device working in our real world!</ti>
 +
</br>
 +
 
 +
  <video src="https://static.igem.org/mediawiki/2016/e/ec/T--HZAU-China--hardware_demo.mp4" controls width="750"></video>
 +
          </br></br>
 +
          <ti><a href="https://2016.igem.org/Team:HZAU-China/Hardware">Find out more details in the Hardware part.</a></ti>
 +
         
 +
         
 +
         
 +
        </div>
  
 +
    </div>
  
 +
</div>
 +
</body>
  
 
</html>
 
</html>

Latest revision as of 03:12, 20 October 2016

design

Demonstration

After validating our biological devices, to demonstrate the feasibility of establishing an AR system for bio-pattern formation, we constructed an industrial level device which can create a virtual space overlapping with a real environment (a LB culture plate, here). It can mislead the bacteria to form an heterogeneous pattern on a homogeneous swimming plate. To know more about our device, please watch the following video.

Highlights:

1. Huge bulk.

2. Sterilizing function.

3. Real-time picture capturing.

4. Precise light projecting.

5. Temperature measuring and controlling.

6. Real-time communication between computer and bacteria.




We shot a video to show the device working in our real world!


Find out more details in the Hardware part.