Team:SYSU-Software/humanpra

From 2013.igem.org

(Difference between revisions)
 
(36 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 12: Line 14:
<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="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="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
-
<link href="https://2013.igem.org/Team:SYSU-Software/footer.css?action=raw&amp;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>
 +
 +
 +
<script type="text/javascript">
 +
</script>
<head>
<head>
Line 29: Line 42:
  <div id="navigation"></div>
  <div id="navigation"></div>
-
 
+
<div class="wrapper colored-wrapper-dff5f2">
-
<div id="practice-container">
+
  <div id="practice-container">
-
   
+
<!-- practice content -->
-
     <div id="shiyantai">
+
     <div id="practice-top">
-
       <span id="shiyantai-images">
+
       <!-- <img id="practice-top-image" src="https://static.igem.org/mediawiki/2013/b/b7/Human_practice_00.png"> -->
-
        <img src="https://static.igem.org/mediawiki/2013/0/04/Tai.png">
+
<img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/>
-
      </span>
+
       <img id="top_board" src="https://static.igem.org/mediawiki/2013/3/3f/Cast_human_practice_board.png">
-
       <span  id="package">
+
<img class="medal" src="https://static.igem.org/mediawiki/2013/c/c8/Cast_Medal.png"/>
-
        <img src="https://static.igem.org/mediawiki/2013/6/6f/Package.png">
+
-
      </span>
+
     </div>
     </div>
     <div id="practice-content">
     <div id="practice-content">
-
       <div id="part1-header">
+
       <div id="practice-content-header">
-
         What’s the “wishing” part, you ask?
+
         TEDx and Game
       </div>
       </div>
-
       <div id="part1-image">
+
       <div id="practice-content-image">
-
         <img src="https://static.igem.org/mediawiki/2013/f/f1/Q1-image.png">
+
         <img src="https://static.igem.org/mediawiki/2013/9/96/Sysu-practice-tupian.png">
       </div>
       </div>
-
       <div id="part1-content">
+
       <div id="practice-introduction">
-
         Wee Society came bouncing into the world one year ago today. We can’t quite believe it, but it’s true. Wee are 1!<br>
+
         TEDx SYSU
-
        Since the launch of our very first app, we’ve been hard at work coming up with new ways to delight little and big people<br>
+
-
        alike. It’s been more fun than we could have imagined—and we have crazy imaginations.But instead of telling you all the<br>
+
-
        highlights, we thought it would be more fun to show you. Have a look. And remember, there’s more where that came from.
+
       </div>
       </div>
-
       <div id="part2-header">
+
       <div id="practice-introduction-text">
-
         What’s the “wishing” part, you ask?
+
         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>
-
       <div id="part2-content">
+
       <div id="practice-introduction-text">
-
         Wee Society came bouncing into the world one year ago today. We can’t quite believe it, but it’s true. Wee are 1!<br>
+
         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.
-
        Since the launch of our very first app, we’ve been hard at work coming up with new ways to delight little and big people<br>  
+
-
        alike. It’s been more fun than we could have imagined—and we have crazy imaginations.But instead of telling you all the<br>
+
-
        highlights, we thought it would be more fun to show you. Have a look. And remember, there’s more where that came from.  
+
       </div>
       </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 id="practice-slide">
 +
        <div class="zoombox">
 +
          <div class="zoompic">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/a2/Sysutedx_%283%29title.jpg" width="1000" height="400"  />
 +
          </div>
 +
 
 +
          <div class="sliderbox">
 +
            <div id="btn-left" class="arrow-btn dasabled"></div>
 +
              <div class="slider" id="thumbnail">
 +
                <ul>               
 +
                  <li class="current">
 +
<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/6/6b/Sysutedx_%281%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/4/48/Sysutedx_%282%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/a/a2/Sysutedx_%283%29title.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/0/07/Sysutedx_%284%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/3/3d/Sysutedx_%285%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/7/77/Sysutedx_%286%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </li>
 +
 +
                  <li>
 +
<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/53/Sysutedx_%287%29.jpg" width="115" height="74" />
 +
</span>
 +
                  </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>
 +
                  </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>
 +
                  <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>
 +
                </ul>
 +
              </div>
 +
            <div id="btn-right" class="arrow-btn"></div>
 +
          </div>
 +
 
 +
        </div><!--slider end-->
 +
      </div>
 +
     </div>
     </div>
 +
 +
    <div id="practice-game">
 +
      <div id="game-header">
 +
        Game：Life is Synthesizing
 +
      </div>
 +
      <div>
 +
        <div id="game-show">
 +
          <table>
 +
            <tr>
 +
              <td>
 +
                <a href="https://2013.igem.org/Team:SYSU-Software/game" target="_blank">
 +
                  <span id="game-presentaion">
 +
                    <img src="https://static.igem.org/mediawiki/2013/5/51/Wikiad.png.png">
 +
                  </span>
 +
                </a>
 +
              </td>
 +
 +
              <td>
 +
                <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>
 +
            </td>
 +
            </tr>
 +
          </table>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<!--page footer-->
 +
  <div id="sysu-footer"> 
 +
    <img id="bottom-image" src="https://static.igem.org/mediawiki/2013/d/d9/Sysu-footer.png">
   </div>
   </div>
-
 
-
<footer></footer>
 
</body>
</body>
</html>
</html>

Latest revision as of 03:02, 26 October 2013

Team:SYSU-Software new

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
In order to let more people know about Synthetic biology and show the dynamics within the cell. We developed an interesting web page game.

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.

Life is just synthesizing…

Retrieved from "http://2013.igem.org/Team:SYSU-Software/humanpra"