Team:SYSU-Software/humanpra
From 2013.igem.org
(Difference between revisions)
Guoskyhero (Talk | contribs) |
|||
(24 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<title>Team:SYSU-Software</title> | <title>Team:SYSU-Software</title> | ||
+ | |||
+ | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2013/6/64/Cast-ico-Logo.png" type="image/png"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
Line 11: | Line 13: | ||
<link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2012.igem.org/Team:SYSU-Software/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
- | + | <link href="https://2013.igem.org/Team:SYSU-Software/humanpra.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | |
- | <link href="human practice/css/human practice.css" rel="stylesheet" type="text/css" /> | + | <!-- <link href="human practice/css/human practice.css" rel="stylesheet" type="text/css" /> --> |
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
Line 19: | Line 21: | ||
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | <script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2013.igem.org/Team:SYSU-Software/humanpra.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <!-- <script src="human practice/humanpra.js" type="text/javascript"></script> --> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</script> | </script> | ||
Line 118: | Line 46: | ||
<!-- practice content --> | <!-- practice content --> | ||
<div id="practice-top"> | <div id="practice-top"> | ||
- | <img id="practice-top-image" src="https://static.igem.org/mediawiki/2013/b/b7/Human_practice_00.png"> | + | <!-- <img id="practice-top-image" src="https://static.igem.org/mediawiki/2013/b/b7/Human_practice_00.png"> --> |
+ | <img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/> | ||
+ | <img id="top_board" src="https://static.igem.org/mediawiki/2013/3/3f/Cast_human_practice_board.png"> | ||
+ | <img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/> | ||
</div> | </div> | ||
<div id="practice-content"> | <div id="practice-content"> | ||
<div id="practice-content-header"> | <div id="practice-content-header"> | ||
- | TEDx | + | TEDx and Game |
</div> | </div> | ||
<div id="practice-content-image"> | <div id="practice-content-image"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/9/96/Sysu-practice-tupian.png"> |
</div> | </div> | ||
<div id="practice-introduction"> | <div id="practice-introduction"> | ||
- | + | TEDx SYSU | |
</div> | </div> | ||
<div id="practice-introduction-text"> | <div id="practice-introduction-text"> | ||
- | + | TED is a nonprofit devoted to Ideas Worth Spreading. It started out in 1984 as a conference bringing together people from three worlds: Technology, Entertainment, Design. TEDxSYSU is a program designed to give communities, organizations and individuals the opportunity to stimulate dialogue through TED-like experiences at Sun Yat-sen University. | |
+ | </div> | ||
+ | <div id="practice-introduction-text"> | ||
+ | In order to let people know more about synthetic biology and IGEM project. On September 15, 2013,Our team cooperated with SYSU-China(another iGEM team)and TEDx SYSU(an authorized TEDx organizer) . We held a TEDx salon in our campus, of which the theme is “Assembly life”. Three speakers Zheng Lingling, Sun Mengyi and Miaozong were invited to make presentations <b><i>Deciphering the Code of Life,The eighth day of creation, Computer Network Synthetic Biology</i></b> to introduce the synthetic biology about its origin, development, progress and application prospect. | ||
+ | </div> | ||
+ | <div id="practice-introduction-text"> | ||
+ | There were more than thirty students and teachers participating in the salon. They showed great interest in this emerging field that contain network and experiments. We especially talked about biosafety, the crucial topic in synthetic biology. Team leader of SYSU-China had been invited to introduce the suicide mechanism which was deposited in their project. Moreover, students shared their innovative ideas about controlling artificial creatures. This activity not only advertised the creation spirit of synthetic biology, but also reminded everyone to keep their creation safe. | ||
</div> | </div> | ||
- | |||
<div id="practice-slide"> | <div id="practice-slide"> | ||
<div class="zoombox"> | <div class="zoombox"> | ||
<div class="zoompic"> | <div class="zoompic"> | ||
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg" width="1000" height="400" /> |
</div> | </div> | ||
Line 147: | Line 83: | ||
<div id="btn-left" class="arrow-btn dasabled"></div> | <div id="btn-left" class="arrow-btn dasabled"></div> | ||
<div class="slider" id="thumbnail"> | <div class="slider" id="thumbnail"> | ||
- | <ul> | + | <ul> |
- | + | ||
<li class="current"> | <li class="current"> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/6/6b/Sysutedx_%281%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/6/6b/Sysutedx_%281%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/4/48/Sysutedx_%282%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/4/48/Sysutedx_%282%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/0/07/Sysutedx_%284%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/0/07/Sysutedx_%284%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/3/3d/Sysutedx_%285%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/3/3d/Sysutedx_%285%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/77/Sysutedx_%286%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <img src="https://static.igem.org/mediawiki/2013/7/77/Sysutedx_%286%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <span class="thumbnails" data-path=" | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/5/53/Sysutedx_%287%29.jpg"> |
- | <img src="https://static.igem.org/mediawiki/2013/5/ | + | <img src="https://static.igem.org/mediawiki/2013/5/53/Sysutedx_%287%29.jpg" width="115" height="74" /> |
</span> | </span> | ||
</li> | </li> | ||
<li> | <li> | ||
- | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/72/Sysutedx_%288%29.jpg"> | |
- | + | <img src="https://static.igem.org/mediawiki/2013/7/72/Sysutedx_%288%29.jpg" width="115" height="74" /> | |
- | + | </span> | |
- | + | ||
- | <img src="https://static.igem.org/mediawiki/2013/ | + | |
- | + | ||
</li> | </li> | ||
- | <li> | + | <li> |
- | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a7/Sysutedx_%2810%29.jpg"> | |
- | < | + | <img src="https://static.igem.org/mediawiki/2013/a/a7/Sysutedx_%2810%29.jpg" width="115" height="74" /> |
- | + | </span> | |
- | + | </li> | |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <li> |
- | + | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/82/Sysutedx_%2811%29.jpg"> | |
+ | <img src="https://static.igem.org/mediawiki/2013/8/82/Sysutedx_%2811%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/1/10/Sysutedx_%2812%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/10/Sysutedx_%2812%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/e/e3/Sysutedx_%2813%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/e/e3/Sysutedx_%2813%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/d7/Sysutedx_%2814%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/d/d7/Sysutedx_%2814%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/b/be/Sysutedx_%2815%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/b/be/Sysutedx_%2815%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/7/76/Sysutedx_%2816%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/7/76/Sysutedx_%2816%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/e/e1/Sysutedx_%2817%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/e/e1/Sysutedx_%2817%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/0/09/Sysutedx_%2818%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/0/09/Sysutedx_%2818%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/3/3f/Sysutedx_%2819%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/3/3f/Sysutedx_%2819%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/1/13/Sysutedx_%2820%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/13/Sysutedx_%2820%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/da/Sysutedx_%2821%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/d/da/Sysutedx_%2821%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/ab/Sysutedx_%2822%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/a/ab/Sysutedx_%2822%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/f/f9/Sysutedx_%2823%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/f/f9/Sysutedx_%2823%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/c/c1/Sysutedx_%2824%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/c/c1/Sysutedx_%2824%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/c/c3/Sysutedx_%2825%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/c/c3/Sysutedx_%2825%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2826%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2826%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2827%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2827%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2828%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/8/8c/Sysutedx_%2828%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2829%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/9/9f/Sysutedx_%2829%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/d/d8/Sysutedx_%2830%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/d/d8/Sysutedx_%2830%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/a/a5/Sysutedx_%2831%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/a/a5/Sysutedx_%2831%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span class="thumbnails" data-path="https://static.igem.org/mediawiki/2013/6/66/Sysutedx_%2832%29.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/66/Sysutedx_%2832%29.jpg" width="115" height="74" /> | ||
+ | </span> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 220: | Line 259: | ||
<div id="practice-game"> | <div id="practice-game"> | ||
<div id="game-header"> | <div id="game-header"> | ||
- | + | Game:Life is Synthesizing | |
</div> | </div> | ||
<div> | <div> | ||
Line 227: | Line 266: | ||
<tr> | <tr> | ||
<td> | <td> | ||
- | <a href=""> | + | <a href="https://2013.igem.org/Team:SYSU-Software/game" target="_blank"> |
<span id="game-presentaion"> | <span id="game-presentaion"> | ||
<img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png"> | <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png"> | ||
Line 236: | Line 275: | ||
<td> | <td> | ||
<span id="game-introdution"> | <span id="game-introdution"> | ||
- | + | In order to let more people know about Synthetic biology and show the dynamics within the cell. We developed an interesting web page game. <br><br> | |
+ | Start from the initial stage of life: a cell is producing proteins avidly. Polymerases slide through a promoter, and transcript as much genes until meet the terminator. The little creature evolve into more complex life forms and desire more and more production. Players can evolve their little cell into developed life forms by collecting enough proper proteins. In addition, players have to deal with the biosafety problems when sophisticated creatures been created. Poison proteins may appear and collapse your construction without enough attention. Colleting enough resources and keeping avoid from dangerous zone is the key to final success.<br><br> | ||
+ | Life is just synthesizing… | ||
+ | |||
</span> | </span> | ||
</td> | </td> |
Latest revision as of 03:02, 26 October 2013
TEDx and Game
TEDx SYSU
TED is a nonprofit devoted to Ideas Worth Spreading. It started out in 1984 as a conference bringing together people from three worlds: Technology, Entertainment, Design. TEDxSYSU is a program designed to give communities, organizations and individuals the opportunity to stimulate dialogue through TED-like experiences at Sun Yat-sen University.
In order to let people know more about synthetic biology and IGEM project. On September 15, 2013,Our team cooperated with SYSU-China(another iGEM team)and TEDx SYSU(an authorized TEDx organizer) . We held a TEDx salon in our campus, of which the theme is “Assembly life”. Three speakers Zheng Lingling, Sun Mengyi and Miaozong were invited to make presentations Deciphering the Code of Life,The eighth day of creation, Computer Network Synthetic Biology to introduce the synthetic biology about its origin, development, progress and application prospect.
There were more than thirty students and teachers participating in the salon. They showed great interest in this emerging field that contain network and experiments. We especially talked about biosafety, the crucial topic in synthetic biology. Team leader of SYSU-China had been invited to introduce the suicide mechanism which was deposited in their project. Moreover, students shared their innovative ideas about controlling artificial creatures. This activity not only advertised the creation spirit of synthetic biology, but also reminded everyone to keep their creation safe.
Game:Life is Synthesizing