Difference between revisions of "Team:H4Z-Hangzhou"

 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<html lang="en">
+
 
 
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
 
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
 
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
 
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
 
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
 
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
−
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![endif]-->
+
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![<math>Insert formula here</math>endif]-->
 
<!--[if !IE]><html lang="en"><![endif]-->
 
<!--[if !IE]><html lang="en"><![endif]-->
 
<head>
 
<head>
−
<meta charset="utf-8">
 
 
 
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/modernizr.js?action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/pace.js?action=raw&ctype=text/javascript"></script>
+
        <style>#content{width:100%}</style>
 +
 
 +
        <meta charset="utf-8">
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/modernizr?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/pace?action=raw&ctype=text/javascript"></script>
 
<script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
 
<script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
 
<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("/retinaimages.php?devicePixelRatio=2")}</style></noscript>
 
<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("/retinaimages.php?devicePixelRatio=2")}</style></noscript>
Line 21: Line 25:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
 
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/font-awesome.min.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/font-awesomexmin?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/magnific-popup.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/magnific-popup?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/lite.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/lite?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/style.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/style?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/blue.css?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/blue?action=raw&ctype=text/css" />
 
 
 
<!--[if lt IE 9]>
 
<!--[if lt IE 9]>
Line 44: Line 48:
 
<a href="#home">Home</a>
 
<a href="#home">Home</a>
 
<a href="#services">OVERVIEW</a>
 
<a href="#services">OVERVIEW</a>
−
<a href="#process">Process</a>
+
<a href="#process">Human Practice</a>
 
<a href="#portfolio">Profile</a>
 
<a href="#portfolio">Profile</a>
 
<a href="#about-me">PROJECT</a>
 
<a href="#about-me">PROJECT</a>
Line 55: Line 59:
 
 
 
<!-- Menu button -->
 
<!-- Menu button -->
−
<div id="menuToggle"><i class="icon-reorder"></i></div>
+
<div id="menuToggle"><img src="https://static.igem.org/mediawiki/2015/5/5f/Tuding.png"></i></div>
 
</nav>
 
</nav>
  
Line 83: Line 87:
 
<div style="background-image: url('https://static.igem.org/mediawiki/2015/9/95/Fire.jpg');" class="fullscreen-image"></div>
 
<div style="background-image: url('https://static.igem.org/mediawiki/2015/9/95/Fire.jpg');" class="fullscreen-image"></div>
 
<div class="header-center fade-in">
 
<div class="header-center fade-in">
−
<h1 class="fittext white">You Are Amazing</h1>
+
<h1 class="fittext white">Cancer? Autophagy?</h1>
−
<p class="uppercase white">Work hard, play hard &amp; reap the rewards</p>
+
<p class="uppercase white">Find a link between them.</p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
</div>
 
</div>
Line 93: Line 97:
 
<div style="background-image: url('https://static.igem.org/mediawiki/2015/c/c5/Ricardohand.jpg');" class="fullscreen-image"></div>
 
<div style="background-image: url('https://static.igem.org/mediawiki/2015/c/c5/Ricardohand.jpg');" class="fullscreen-image"></div>
 
                                 <div class="header-center fade-in">
 
                                 <div class="header-center fade-in">
−
<h1 class="fittext white">In Every Single Way</h1>
+
<h1 class="fittext white">Human Practice</h1>
−
<p class="uppercase white">Keep your fears to yourself, but share your creativity with others</p>
+
<p class="uppercase white">You will see our excellent work.</p>
 
 
 
</div>
 
</div>
Line 101: Line 105:
 
                            
 
                            
 
<!-- Slide with a logo - or any other image -->
 
<!-- Slide with a logo - or any other image -->
−
<div style="background-image: url('https://static.igem.org/mediawiki/2015/1/1f/Bottles.jpg');" class="fullscreen-image"></div>
+
      <div style="background-image: url('https://static.igem.org/mediawiki/2015/1/1f/Bottles.jpg');" class="fullscreen-image"></div>
−
<div class="header-center fade-in">
+
                              <div class="header-center fade-in">
 
 
−
<p class="uppercase white">An example slide with an image in it</p>
+
<p class="uppercase white">The Truth Is Going to be revealed below.</p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
</div>
 
</div>
Line 145: Line 149:
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I design</h3>
+
<h3 class="color">background</h3>
−
<p>Design often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Our IGEM research project involves study of the autophagy phenomenon by using the GFP to reveal it more clearly. The Autophagy is a biological process which acts like a recycle factory. Like you put a pop can into the trash bin and then reproduce by the factory, the procedure of autophagy just catch the aging, denaturing, damaged organelles and send them into the lysosome which degrades the organelles. </p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I code</h3>
+
<h3 class="color">Health</h3>
−
<p>Coding often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy is developed as a way to address the disease and maintain the health of human body. With the degradation of the denaturing cellular, our cells can have the ability to defend themselves without other medical treatment.</p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I make illustrations</h3>
+
<h3 class="color">Anti-aging</h3>
−
<p>Illustration often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy is also capable to keep us young and strong. It is better than the cosmetic we used which may cause other problem.</p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I take beautiful pictures</h3>
+
<h3 class="color">Fight with cancer.</h3>
−
<p>Photography often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.</p>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 170: Line 174:
 
<div class="row">
 
<div class="row">
 
<div class="services-buttons">
 
<div class="services-buttons">
−
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><i class="icon-magic"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/99/Racket.png"></i></a>
−
<a data-rel="2" href="javascript:void(0);" class="servicesLink"><i class="icon-beaker"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/9f/Xianweijing.png"></i></a>
−
<a data-rel="3" href="javascript:void(0);" class="servicesLink"><i class="icon-pencil"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/91/Zhuixingpin.png"></i></a>
−
<a data-rel="4" href="javascript:void(0);" class="servicesLink"><i class="icon-camera"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/0/05/Fangdajing.png"></i></a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 186: Line 190:
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
−
<h1>Process</h1>
+
<h1>Human Practice</h1>
−
<h2>How I do it</h2>
+
<h2>How We do it</h2>
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 197: Line 201:
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-lightbulb process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/a/aa/Lianjie.png"></i>
−
<h3>Plan</h3>
+
<h3>Environmental Impact</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>Since our subject is a fundamental work in this field, all the processes were finished in the laboratory. It did not bring any negative effects to our environment.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-cogs process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/8/8e/Dengpao.png"></i>
−
<h3>Build</h3>
+
<h3>Safety</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>The experiment itself is totally safe. Although we met some trouble during the operation of experiment, fortunately, all the troubles did not cause any hurt to teammates or others.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-check process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/6/6c/Chilun.png"></i>
−
<h3>Test</h3>
+
<h3>Education</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>In order to make the public have deeper comprehending of genetic modification, we did a lecture and a questionnaire of people about GM food. The reason why we used the GM food as the topic but not the subject of our experiment was that our subject is too professional for normal people to understand.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-rocket process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/b/bc/Banshou.png"></i>
−
<h3>Launch</h3>
+
<h3>Evaluation</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>We summarized and processed our statistics. It is not surprised that the students accept GM food in a much larger extent than that in general public.</p>
 
</div>
 
</div>
 
 
Line 234: Line 238:
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
 
<h1>Portfolio</h1>
 
<h1>Portfolio</h1>
−
<h2 id="filter-container">I made
+
−
<a class="filter" data-order="desc" data-filter="website">websites</a>,
+
−
<a class="filter" data-order="desc" data-filter="illustration">illustrations</a>,
+
−
<a class="filter" data-order="desc" data-filter="photo">photographs</a> and a few
+
−
<a class="filter" data-order="desc" data-filter="movie">movies</a>
+
−
<a class="filter light" data-order="desc" data-filter="all">View all</a>
+
−
</h2>
+
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 247: Line 245:
 
<!-- Portfolio grid with projects -->
 
<!-- Portfolio grid with projects -->
 
<div id="portfolio-grid" class="row">
 
<div id="portfolio-grid" class="row">
−
 
 
<!-- Project item -->
 
<!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix illustration project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Project Title<br>
+
<span>Hongchang Fu<br>
−
<b>Illustration</b></span>
+
<b>Team Leader and Experiment Part Supervisor of iGEM 2015</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
 
−
<!-- Project item -->
+
                        <!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix illustration project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/c/c7/Linjimin.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Company INC<br>
+
<span>Jimin Lin<br>
−
<b>Webdesign</b></span>
+
<b>Prime Instructor of Experiment of iGEM 2015</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/c/c7/Linjimin.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
 
 
<!-- Project item -->
 
<!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
−
<a class="popup" href="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/e/e4/Zhangyuge.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Hongchang Fu<br>
+
<span>Yuge Zhang<br>
−
<b>Team Leader and Experiment Part Supervisor of iGEM 2015</b></span>
+
<b>English Consultant and Basic Knowledge Lecturer</b></span>
 
</span>
 
</span>
−
<img src="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/e/e4/Zhangyuge.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 +
 +
 
 
 
<!-- Project item -->
 
<!-- Project item -->
Line 286: Line 285:
 
<span class="project-hover">
 
<span class="project-hover">
 
<span>yaxin deng<br>
 
<span>yaxin deng<br>
−
<b>Prime Designer and Artist</b></span>
+
<b>Prime Designer and Art Director</b></span>
 
</span>
 
</span>
 
<img src="https://static.igem.org/mediawiki/2015/d/d2/Monica.JPG" alt="placeholder-thumbnail">
 
<img src="https://static.igem.org/mediawiki/2015/d/d2/Monica.JPG" alt="placeholder-thumbnail">
Line 313: Line 312:
 
<img src="https://static.igem.org/mediawiki/2015/0/0b/Binjie.JPG" alt="placeholder-thumbnail">
 
<img src="https://static.igem.org/mediawiki/2015/0/0b/Binjie.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
−
</div>
+
 +
                </div>
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<a class="popup" href="https://static.igem.org/mediawiki/2015/0/01/Liangyixiao.JPG">
 
<a class="popup" href="https://static.igem.org/mediawiki/2015/0/01/Liangyixiao.JPG">
Line 336: Line 336:
 
</div>
 
</div>
 
          
 
          
−
                    <!-- Project item -->
+
       
−
+
 
<!-- Project item -->
 
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
Line 383: Line 382:
 
</div>
 
</div>
 
              
 
              
−
<!-- Project item -->
+
                      <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
 
<a class="popup-youtube" href="https://static.igem.org/mediawiki/2015/9/99/Gaoxiaoyuan.JPG">
 
<a class="popup-youtube" href="https://static.igem.org/mediawiki/2015/9/99/Gaoxiaoyuan.JPG">
Line 393: Line 392:
 
</a>
 
</a>
 
</div>
 
</div>
 +
 +
 +
 
 
 
<!-- Project item -->
 
<!-- Project item -->
Line 444: Line 446:
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>
+
 
<!-- About me introduction -->
 
<!-- About me introduction -->
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one margin-bottom">
 
<div class="ten columns offset-by-one margin-bottom">
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus elit, tincidunt nec turpis sed, accumsan iaculis ipsum. Nulla at augue auctor, tristique erat in, ultricies nunc. Mauris eget metus leo. Ut in mi lacinia, mattis nisl non, ultrices risus. Vestibulum aliquet aliquam ipsum ut ullamcorper. Pellentesque fringilla, massa vel rutrum consequat, nulla velit fermentum dolor, sed scelerisque mauris mauris non lectus.</p>
+
<p>Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.
−
<img src="images/placeholder-avatar.jpg" alt="placeholder-avatar" class="image-center image-circle margin-bottom">
+
 
 +
</p>
 +
 
</div>
 
</div>
 
</div>
 
</div>
Line 459: Line 463:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I love photography</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Competent E.coli cell preparation</p>
 +
                                <p>Transform pIREs2-GFP-LC3 into Competent E.coli cell </p>
 
</div>
 
</div>
 
 
Line 467: Line 472:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I'm a big music fan</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Restriction enzyme digestion: get GFP-LC3 gene fragment from pIREs2-GFP-LC3 </p>
 +
                                <p>Purification of gene fragment GFP-LC3 </p>
 
</div>
 
</div>
 
 
Line 475: Line 481:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>Illustrating is my passion</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Ligation: GFP-LC3+PSB1C3</p>
 +
                                <p>Transform pSB1C3-GFP-LC3 into Competent E.coli cell </p>
 
</div>
 
</div>
 
 
Line 483: Line 490:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I love watching comedies</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Mini-prep of Plasmids PSB1C3-GFP-LC3</p>
 +
                                <p>Electrophoresis and Sequencing</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 495: Line 503:
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
−
<h1>Resume</h1>
+
<h1>Timeline</h1>
−
<h2>My work experiences</h2>
+
<h2>Our work experiences</h2>
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 504: Line 512:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2011 - 2013</h2>
+
<h2 class="years">23th Dec</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at A Huge Company</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>iGEM Intro and Potential Member Selection.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 515: Line 523:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2008 - 2010</h2>
+
<h2 class="years">27th Jan</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at A Big Company</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>Brainstorming and Presentation.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 526: Line 534:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2007</h2>
+
<h2 class="years">5th Mar</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at Company X</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>Final Membership Confirmed.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
+
        <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">13th Apr</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>ZJU Lab Permission Registration.</p>
 +
</div>
 +
</div>
  
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">17th May</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>Discussion Conference with ZJU & Peking University.</p>
 +
</div>
 +
</div>
 +
             
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">12th Jun</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>PCR Operation Skills Training and Preparation for Experiment.</p>
 +
</div>
 +
</div>
 +
               
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">From Jun</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>Training Every Single Two weeks and Lab Work.</p>
 +
</div>
 +
</div>
 +
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">24th Aug</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>Final Stage of Our Experiment.</p>
 +
</div>
 +
</div>
  
 
<!-- Contact -->
 
<!-- Contact -->
Line 568: Line 628:
 
<div class="contact-bottom">
 
<div class="contact-bottom">
 
<p class="credit">&nbsp;</p>
 
<p class="credit">&nbsp;</p>
−
<a href="#home" class="back-to-top"><i class="icon-angle-up"></i></a>
+
<a href="#home" class="back-to-top"><i class="icon-angle-up"><img src="https://static.igem.org/mediawiki/2015/f/f7/Toptop.png"></i></a>
 
</div>
 
</div>
 
<!-- The end -->
 
<!-- The end -->
Line 574: Line 634:
  
 
<!-- Scripts -->
 
<!-- Scripts -->
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmin?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/classie.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/classie?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/smoothscroll.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/smoothscroll?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.fittext.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxfittext?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.superslides.min.js?
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxsuperslidesxmin?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.sudoslider.min.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxsudosliderxmin?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.mixitup.min.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmixitupxmin?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jquery.magnific-popup.min.js?
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmagnific-popupxmin?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/main.js?
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/main?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 13:52, 14 September 2015

Focus - Personal Edition

  • iGEM HANGZHOU

    More accurate and distinct observation? Special fluorescent protein marker.

    LEARN MORE

  • Cancer? Autophagy?

    Find a link between them.

    Experience more

  • Human Practice

    You will see our excellent work.

  • The Truth Is Going to be revealed below.

    Experience more

Project

This is what We do

  • background

    Our IGEM research project involves study of the autophagy phenomenon by using the GFP to reveal it more clearly. The Autophagy is a biological process which acts like a recycle factory. Like you put a pop can into the trash bin and then reproduce by the factory, the procedure of autophagy just catch the aging, denaturing, damaged organelles and send them into the lysosome which degrades the organelles.

  • Health

    Autophagy is developed as a way to address the disease and maintain the health of human body. With the degradation of the denaturing cellular, our cells can have the ability to defend themselves without other medical treatment.

  • Anti-aging

    Autophagy is also capable to keep us young and strong. It is better than the cosmetic we used which may cause other problem.

  • Fight with cancer.

    Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.

Human Practice

How We do it

Environmental Impact

Since our subject is a fundamental work in this field, all the processes were finished in the laboratory. It did not bring any negative effects to our environment.

Safety

The experiment itself is totally safe. Although we met some trouble during the operation of experiment, fortunately, all the troubles did not cause any hurt to teammates or others.

Education

In order to make the public have deeper comprehending of genetic modification, we did a lecture and a questionnaire of people about GM food. The reason why we used the GM food as the topic but not the subject of our experiment was that our subject is too professional for normal people to understand.

Evaluation

We summarized and processed our statistics. It is not surprised that the students accept GM food in a much larger extent than that in general public.

Portfolio

  • E.coli&LC3
  • GFP-LC3
  • pSB1C3 as Vector
  • Fluorescent Protein Marker
  • Autophagosomes

Project details

HOW WE DO IT

Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.

Competent E.coli cell preparation

Transform pIREs2-GFP-LC3 into Competent E.coli cell

Restriction enzyme digestion: get GFP-LC3 gene fragment from pIREs2-GFP-LC3

Purification of gene fragment GFP-LC3

Ligation: GFP-LC3+PSB1C3

Transform pSB1C3-GFP-LC3 into Competent E.coli cell

Mini-prep of Plasmids PSB1C3-GFP-LC3

Electrophoresis and Sequencing

Timeline

Our work experiences

23th Dec

iGEM Intro and Potential Member Selection.

27th Jan

Brainstorming and Presentation.

5th Mar

Final Membership Confirmed.

13th Apr

ZJU Lab Permission Registration.

17th May

Discussion Conference with ZJU & Peking University.

12th Jun

PCR Operation Skills Training and Preparation for Experiment.

From Jun

Training Every Single Two weeks and Lab Work.

24th Aug

Final Stage of Our Experiment.

Sponsors

sponsors

CONTACT US

No.436, No.6 Road, Xiasha

Hangzhou,Zhejiang, China

Phone:+8613957137482

Mail:ricardo937@outlook.com

loader