Team:SEU A/Attributions

From 2012.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 7: Line 7:
         <meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/>
         <meta name="keywords" content="jquery, css3, images, wall, thumbnails, slide, animate"/>
<meta name="author" content="Codrops" />
<meta name="author" content="Codrops" />
 +
 +
<title>iGEM 2012 SEU_A Human Practice</title>
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css' />
 +
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/main.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/top.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/footer.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css">
-
<title>iGEM 2012 SEU_A Human Practice</title>
+
<script src="js/jquery-1.7.1.min.js"></script>
 +
<script src="js/jquery.flexslider-min.js"></script>
-
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
+
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/main.css?action=raw&ctype=text/css" type="text/css">
+
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/attribution/pic.js?action=raw&ctype=text/javascript"></script>
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/clear.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/footer.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css">
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css">
+
-
<script src="js/jquery-1.7.1.min.js"></script>
+
<style type="text/css">h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:10px 0 0 0; text-align:center; }</style>
-
<script src="js/jquery.flexslider-min.js"></script>
+
<style type="text/css">h2{ font-size:24px; padding:10px; }</style>
-
 
+
-
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
+
-
//Blur Links (Prevents Outline)
+
-
$('a').click(function() {
+
-
        this.blur();
+
-
        });
+
-
+
-
//Hide all item descriptions in the info box
+
-
$("#infobox > div").css("display", "none");
+
-
+
-
//Call in the info box
+
-
$(".more a").click(function(){
+
-
$("#infobox").animate({bottom: '233px' }, 300);
+
-
$("#fade_bg").fadeIn();
+
-
return false;
+
-
});
+
-
+
-
//Expand more info button on hover
+
-
$(".more").hover(function(){
+
-
$(this).stop().animate({width: '225px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
+
-
}, function () {
+
-
$(this).stop().animate({width: '50px' }, 200).css({'z-index' : '1'});
+
-
      });
+
-
     
+
-
      //Show description for selected item
+
-
      $("#couch a").click(function(){
+
-
$("#couch_info").show();
+
-
});
+
-
+
-
$("#plant a").click(function(){
+
-
$("#plant_info").show();
+
-
});
+
-
 
+
-
      $("#monitor a").click(function(){
+
-
$("#monitor_info").show();
+
-
});
+
-
+
-
      $("#board a").click(function(){
+
-
$("#board_info").show();
+
-
});
+
-
+
-
//Remove background, info box and hide all descriptions
+
-
$("#fade_bg, .close").click(function(){
+
-
$("#fade_bg").fadeOut();
+
-
$("#infobox").animate({bottom: '-200px' }, 300, function() {
+
-
$("#infobox > div").css("display", "none");
+
-
});
+
-
return false;
+
-
});
+
-
+
-
});
+
-
</script>
+
-
+
-
<style type="text/css">
+
-
/* General Styles */
+
-
a:focus, a:active{ outline:none; }
+
-
h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:20px 0 0 0; text-align:center; }
+
-
 
+
-
+
-
/* Picture Styles */
+
-
#picture{ position:relative; top:20px; width:700px; height:466px; margin:0px auto; background:#FFF url('office.jpg'); overflow:hidden; }
+
-
 
+
-
/* General More Button */
+
-
.more{ position:absolute; width:50px; height:50px; background:url('dim.png'); border:1px solid #444; padding:5px; text-align:left; overflow:hidden; }
+
-
+
-
.more span{ position:absolute; left:60px; width:160px; padding:15px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }
+
-
+
-
/* Item Specific More Button */
+
-
#couch{ top:240px; left:75px;}
+
-
#plant{ top:180px; left:370px; }
+
-
#monitor{ top:335px; left:390px; }
+
-
#board{ top:50px; left:450px; }
+
-
+
-
/* General Info Box */
+
-
#infobox{ position:absolute; bottom:-200px; left: 350px; height:200px; width:300px; z-index:20; margin:0 0 -100px -150px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
+
-
#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }
+
-
#infobox a:hover{ text-decoration:underline; }
+
-
+
-
/* Close button for info box */
+
-
span.close{position:absolute; right:5px; top:5px;}
+
-
+
-
/* The dimmed background when the info box is showing */
+
-
#fade_bg{ position:absolute; z-index:15; width:100%; height:100%; background:url('dim.png'); display:none;}
+
-
.whitef{ color:#FFFFFF;}
+
-
.whitef a{ color:#FFFFFF;}
+
-
+
-
 
+
-
 
+
-
</style>
+
</head>
</head>
<body>
<body>
 +
 +
<div class="navcontainer">
<div class="navcontainer">
     <ul class="navlist">
     <ul class="navlist">
Line 129: Line 46:
         <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Attributions">Attributions</a></li>
         <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Attributions">Attributions</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li>
         <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li>
 +
        <li><a href="https://2012.igem.org">iGEM 2012</a></li>
     </ul>
     </ul>
</div>
</div>
 +
<div class="container">
<div class="container">
     <header>
     <header>
Line 145: Line 64:
<span>Next comes what we have done for this project.</span>
<span>Next comes what we have done for this project.</span>
</header>
</header>
 +
      </html>[[File:Seua_poison_apple.png|400px|left|Southeast University Project]]<html>
 +
            <table id="toc" class="toc" style="margin:0 0 auto auto; background:none; padding:10px;">
 +
            <tr>
 +
                <td>
 +
                  <div id="toctitle"><h2>Index</h2> </div>
 +
<ul>
 +
<li class="toclevel-1 tocsection-1"><a href="#.A0"><span class="tocnumber">1</span> <span class="toctext">Acknowledge</span></a>
 +
<ul>
 +
<li class="toclevel-2 tocsection-1"><a href="#.A1"><span class="tocnumber">&nbsp;&nbsp;&nbsp;1.1</span> <span class="toctext">Academic Guidance</span></a></li>
 +
<li class="toclevel-2 tocsection-2"><a href="#.A2"><span class="tocnumber">&nbsp;&nbsp;&nbsp;1.2</span> <span class="toctext">Activities Cooperation</span></a></li>
 +
 +
</ul>
 +
</li>
 +
<li class="toclevel-1 tocsection-2"><a href="#.B0"><span class="tocnumber">2</span> <span class="toctext">Contribution</span></a>
 +
<ul>
 +
<li class="toclevel-2 tocsection-1"><a href="#.B1"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.1</span> <span class="toctext">Project Design &Wet Experiment</span></a></li>
 +
<li class="toclevel-2 tocsection-2"><a href="#.B2"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.2</span> <span class="toctext">Model</span></a></li>
 +
<li class="toclevel-2 tocsection-3"><a href="#.B3"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.3</span> <span class="toctext">Human Practice</span></a></li>
 +
<li class="toclevel-2 tocsection-4"><a href="#.B4"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.4</span> <span class="toctext">Wiki Construction</span></a></li>
 +
<li class="toclevel-2 tocsection-5"><a href="#.B5"><span class="tocnumber">&nbsp;&nbsp;&nbsp;2.5</span> <span class="toctext">Hand Paintings</span></a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
                </td>
 +
            </tr>
 +
            </table>
 +
 +
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".A0">Acknowledge</h2>
 +
SEU_A iGEM 2012 would like to express thanks to the following people and organizations for their contribution to our team:</br></br>
 +
<span class="mw-headline" id=".A1"><strong>Academic Guidance</strong></span><br></br>
 +
<strong>Prof. Zuhong Lu</strong> from Biomedical Engineering Department for his instructions in all directions and timely help.</br>
 +
<strong>Mr. Yunfei Bai</strong> from Biomedical Engineering Department for his practical advice and essential communication with the outside.</br>
 +
<strong>Mr. Jinke Wang</strong> from Biomedical Engineering Department for his flawless equipment of the molecule biology lab in which part of our research took place.</br>
 +
<strong>Mrs. Lei Huang</strong> from Biomedical Engineering Department for arranging and harmonizing some trivial matters.</br>
 +
<strong>Chunpeng He</strong>, a doctor student from Biomedical Engineering Department for helping us to use TEM and instructing our practical skills that be involved in wet experiment.</br>
 +
<strong>Doctor Zhigang Qu</strong> from Academy of Military Mmedical Sciences for his generously providing the RP4 plasmid.</br></br>
 +
<span class="mw-headline" id=".A2"><strong>Activities Cooperation</strong></span><br></br>
 +
<strong>SEU_O_China iGEM</strong> for providing support and help on project and experiment.</br>
 +
<strong>NJU iGEM Teams</strong> for cooperating with the lecture for the human practice.</br>
 +
And all the friends that once involved in the game, providing intelligent ideas bit by bit, that really cheers up.</br></br></br>
 +
 +
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".B0">Contribution</h2>
 +
Almost all the work that we demonstrated has been done by ourselves.</br></br>
 +
      </html>[[File:Seua contributions.png|400px|right|Seua contributions]]<html>
 +
<span class="mw-headline" id=".B1"><strong>Project Design &Wet Experiment</strong></span><br></br>Rui, Lan and Dan did nearly all the wet experiment, including (biobrick)part design, part assembly and validation scheme design. </br>Li Wang and Yue Hu also had attribution to the wet experiment.Yue Hu partly design the sweet gene biobrick meanwhile He Zhang took in charge of all the chemotoxis parts design.</br></br>
 +
<span class="mw-headline" id=".B2"><strong>Model</strong></span></br></br>The whole conjugation model had been established by Haoruo Jia, Rui Guan and Xiao Han helped him a lot with the data processing.</br></br>
 +
<span class="mw-headline" id=".B3"><strong>Human Practice</strong></span></br></br>Ye Ye contacted to the NJU iGEM to invited them collaborate with us to organizing lectures among the universities. She tried her best to make our team good impression to public and she made it. </br>Li Wang was in full charge of the cards design, devoting to build reasonable and pleased rules. </br>Cover of the cards were all designed by Hongbo Xu, who has high talents in art and majors in clinical medicine.</br></br>
 +
<span class="mw-headline" id=".B4"><strong>Wiki Construction</strong></span></br></br>All pages of this wiki was constructed by Dadi Zhao, who learned web design started from scratch in this summer. In order to show you our project vividly, he also use some JavaScript & CSS3 method trying to avoid boring word accumulation.</br></br>
 +
<span class="mw-headline" id=".B5"><strong>Hand Paintings</strong></span></br></br>All the hand paintings were drawn by Hongbo Xu, and he also design our logo and mascot which had profound meaning and art value at the same time.</br></br>
 +
 +
<h2 style="font-size:24px;margin:0 0 15px 0"><span class="mw-headline" id=".C0">Help</h2>
 +
We helped SEU_O_CHINA as below:</br>
 +
We held a lecture on synthetic biology as human practice and invited NJU to share ideas together .  Almost all of the organizational work is done by the member of our team,such as contact to the students of NJU and arrange the time and place of the lecture.</br>
 +
In the final stage of  experiment,we help them in their construction of standard BioBrick. For example,we provided them with the bacteria caring pSB1C3 and the expression vector for verification experiment.</br>
 +
We are responsible for most of the health cleaning and sterilization work.</br>
 +
 +
<br><br></html>
 +
 +
What SEU_O_China helped us can be seen here:
 +
 +
https://2012.igem.org/Team:SEU_O_China/Result/Helping
 +
<html>
</div>
</div>
<div class="footer">
<div class="footer">
-
  <a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a>
+
  <a href="https://2012.igem.org/Main_Page/" target="_blank">iGEM 2012</a>
-
  <a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School,SEU</a>
+
-
  <a href="https://2012.igem.org/Main_Page/" target="_blank">iGEM 2012</a>
+
-
  <a href="https://igem.org/Team.cgi" target="_blank">Designed By SEU_A</a>
+
-
  <a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:SEU_A/Attributions" title="Log out">Log out</a>
+
-
  <a href='https://igem.org/User_Information' title='My account'>My account</a></li>
+
-
  <a href="/User:Poetdevin" title="Your user page [.]" accesskey="." class="new">Poetdevin</a>
+
  <a href="/wiki/index.php?title=Team:SEU_A/Attributions&amp;action=edit">Edit</a>
  <a href="/wiki/index.php?title=Team:SEU_A/Attributions&amp;action=edit">Edit</a>
 +
  <a href="#top" onclick="window.scrollTo(0,0);return false;">Top</a>
</div>
</div>
-
<div id="picture">
+
 
-
+
</br></br></br>
-
<!-- More Info Buttons -->
+
<p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p>
-
+
<p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School, SEU </a> | <a href="https://2012.igem.org/" target="_blank"> iGEM 2012</a></p>
-
<div class="more" id="couch">
+
<p align="center">Copyright &copy; Southeast University iGEM 2012 Team A, All rights reserved.</p>
-
+
-
<a href="#"><img src="more.png"/></a>
+
-
<span>IKEA Klippan Couch</span>
+
-
+
-
</div>
+
-
+
-
<div class="more" id="plant">
+
-
<a href="#"><img src="more.png"/></a>
+
-
<span>Cornelius, Office Plant</span>
+
-
</div>
+
-
+
-
<div class="more" id="monitor">
+
-
<a href="#"><img src="more.png"/></a>
+
-
<span>Samsung 305t Monitor</span>
+
-
</div>
+
-
+
-
<div class="more" id="board">
+
-
<a href="#"><img src="more.png"/></a>
+
-
<span>Custom White Board</span>
+
-
</div>
+
-
+
-
<!-- Info Boxes -->
+
-
<div id="infobox">
+
-
<span class="close"><a href="#"><img src="close.png"/></a></span>
+
-
<br/>
+
-
+
-
<div id="couch_info">
+
-
<img src="klippan.jpg"/><br/>
+
-
<a href="http://www.ikea.com/us/en/catalog/products/10138530">IKEA Klippan Couch</a>
+
-
</div>
+
-
+
-
<div id="plant_info">
+
-
<img src="plant.jpg"/><br/>
+
-
<a href="http://images.google.com/images?q=office%20plants&oe=utf-8&rls=org.mozilla:en-US:official&client=firefox-a&um=1&ie=UTF-8&sa=N&hl=en&tab=wi">Office Plants</a>
+
-
</div>
+
-
+
-
<div id="monitor_info">
+
-
<img src="samsung.jpg"/><br/>
+
-
<a href="http://www.samsung.com/us/consumer/office/monitors/professional/LS30HUXCB/XAA/index.idx?pagetype=prd_detail">Samsung 305t Monitor</a>
+
-
</div>
+
-
+
-
<div id="board_info">
+
-
<img src="whiteboard.jpg"/><br/>
+
-
<a href="http://www.lowes.com/lowes/lkn?action=productDetail&productId=61082-46498-31023248&lpage=none">Custom Whiteboards</a>
+
-
</div>
+
-
</div>
+
-
+
-
<!-- Dimmed Background -->
+
-
<div id="fade_bg">&nbsp;</div>
+
-
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 04:04, 27 September 2012

iGEM 2012 SEU_A Human Practice

Attributions

Next comes what we have done for this project.
Southeast University Project

Index

Acknowledge

SEU_A iGEM 2012 would like to express thanks to the following people and organizations for their contribution to our team:

Academic Guidance

Prof. Zuhong Lu from Biomedical Engineering Department for his instructions in all directions and timely help.
Mr. Yunfei Bai from Biomedical Engineering Department for his practical advice and essential communication with the outside.
Mr. Jinke Wang from Biomedical Engineering Department for his flawless equipment of the molecule biology lab in which part of our research took place.
Mrs. Lei Huang from Biomedical Engineering Department for arranging and harmonizing some trivial matters.
Chunpeng He, a doctor student from Biomedical Engineering Department for helping us to use TEM and instructing our practical skills that be involved in wet experiment.
Doctor Zhigang Qu from Academy of Military Mmedical Sciences for his generously providing the RP4 plasmid.

Activities Cooperation

SEU_O_China iGEM for providing support and help on project and experiment.
NJU iGEM Teams for cooperating with the lecture for the human practice.
And all the friends that once involved in the game, providing intelligent ideas bit by bit, that really cheers up.


Contribution

Almost all the work that we demonstrated has been done by ourselves.

Seua contributions
Project Design &Wet Experiment

Rui, Lan and Dan did nearly all the wet experiment, including (biobrick)part design, part assembly and validation scheme design.
Li Wang and Yue Hu also had attribution to the wet experiment.Yue Hu partly design the sweet gene biobrick meanwhile He Zhang took in charge of all the chemotoxis parts design.

Model

The whole conjugation model had been established by Haoruo Jia, Rui Guan and Xiao Han helped him a lot with the data processing.

Human Practice

Ye Ye contacted to the NJU iGEM to invited them collaborate with us to organizing lectures among the universities. She tried her best to make our team good impression to public and she made it.
Li Wang was in full charge of the cards design, devoting to build reasonable and pleased rules.
Cover of the cards were all designed by Hongbo Xu, who has high talents in art and majors in clinical medicine.

Wiki Construction

All pages of this wiki was constructed by Dadi Zhao, who learned web design started from scratch in this summer. In order to show you our project vividly, he also use some JavaScript & CSS3 method trying to avoid boring word accumulation.

Hand Paintings

All the hand paintings were drawn by Hongbo Xu, and he also design our logo and mascot which had profound meaning and art value at the same time.

Help

We helped SEU_O_CHINA as below:
We held a lecture on synthetic biology as human practice and invited NJU to share ideas together . Almost all of the organizational work is done by the member of our team,such as contact to the students of NJU and arrange the time and place of the lecture.
In the final stage of experiment,we help them in their construction of standard BioBrick. For example,we provided them with the bacteria caring pSB1C3 and the expression vector for verification experiment.
We are responsible for most of the health cleaning and sterilization work.


What SEU_O_China helped us can be seen here:

https://2012.igem.org/Team:SEU_O_China/Result/Helping




Southeast University

Biomedical Engineer School, SEU | iGEM 2012

Copyright © Southeast University iGEM 2012 Team A, All rights reserved.