Team:SUSTC-Shenzhen-A

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(62 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:SUSTC_A}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<style type="text/css">
-
This is a template page. READ THESE INSTRUCTIONS.
+
 
-
</div>
+
.sidebar_box_woframe {
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
margin-bottom: 20px;
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
}
 +
 
 +
.sidebar_box {
 +
width: 260px;
 +
padding: 0;
 +
 
 +
}
 +
 
 +
.sidebar_box_top {
 +
width: 260px;
 +
height: 20px;
 +
 
 +
}
 +
 
 +
.sidebar_box_bottom {
 +
width: 260px;
 +
height: 20px;
 +
margin-bottom: 30px;
 +
 
 +
}
 +
 
 +
.sidebar_box_content {
 +
padding: 0 20px;
 +
}
 +
 
 +
.sidebar_box_content p {
 +
margin-bottom: 10px;
 +
}
 +
 
 +
.image_wrapper {
 +
position: relative;
 +
display: block;
 +
width: 218px;
 +
height: 128px;
 +
padding: 9px;
 +
}
 +
.image_wrapper span {
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 236px;
 +
height: 144px;
 +
background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat;
 +
}
 +
.image_fl { float: left; margin: 3px 20px 0 0; }
 +
.image_fr { float: right; margin: 3px 0 0 20px; }
 +
 
 +
.title {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: xx-large;
 +
color: #698B69;
 +
}
 +
.title1 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: x-large;
 +
color: #000;
 +
}
 +
.date {
 +
      font-family: serif, cursive, fantasy;
 +
      color:#5f3c23;
 +
}
 +
 
 +
#talkbubble {
 +
  width: 544px;
 +
  height:165px;
 +
  background:#ffffff;
 +
//  background:#EFEFEF;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
font-size: 14px;
 +
  color:#333;
 +
}
 +
#talkbubble_a {
 +
  width: 544px;
 +
  height:200px;
 +
//  background:#EFEFEF;
 +
  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:   0px;  
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
#talkbubble_b {
 +
  width: 544px;  
 +
  height:250px;
 +
//  background:#EFEFEF;
 +
  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
 
 +
#talkbubble1 {
 +
  width: 275px;
 +
  height:500px;
 +
//  background:#FAF0E6;
 +
//  background:#feeeed;
 +
background:#F0F8FF;
 +
  position: relative;
 +
  -moz-border-radius:    10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius:        10px;
 +
text-align: left;
 +
border-top-style: solid;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-left-style: solid;
 +
        border-width: thin;
 +
border-top-color:#DCDCDC;
 +
border-right-color: #DCDCDC;
 +
border-bottom-color:#DCDCDC;
 +
border-left-color:#DCDCDC;
 +
  font-size: 13px;
 +
  color:#333;
 +
font-family: Tahoma, Geneva;
 +
}
 +
</style>
 +
</head>
 +
<body >
 +
 
 +
<table align="center" width="899">
 +
  <tr>
 +
    <td valign="TOP">  <tr>
 +
        <td width="300">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b5/Biodesignmainpage.png" width="280">   
 +
          </td><td width="299">
 +
 
 +
<div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div>
 +
  <div class="sidebar_box_content">           
 +
<p class="title1">BioDesign</p>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg">
 +
<p>&nbsp;</p>
 +
 
 +
<p>&nbsp;&nbsp;You can draw a biological circuit with your freehand on iPhone with BioDesign!</p>
 +
<p>&nbsp;&nbsp;Biodesign is a graphics editing application specific to synthetic biology for iPhone. It is based on Tinkercell and provides hundreds of biobrick icons as well as a great many fancy functions including dragging graphics, drawing curves and ect. With BioSearch, users are capable of drawing and sharing biochemical reaction schematics whenever and wherever they want！</p>
 +
<p>&nbsp;</p>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
 
 +
<div class="sidebar_box_bottom"></div>                   
 +
            </div>
 +
</div><div>
 +
</td><td>
-
{|align="justify"
+
<div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div>
-
|You can write a background of your team here. Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
  <div class="sidebar_box_content">           
-
|[[Image:SUSTC-Shenzhen-A_logo.png|200px|right|frame]]
+
<p class="title1">BioSearch</p>
-
|-
+
<img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg">
-
|
+
<p>&nbsp;</p>
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<p>&nbsp;&nbsp;The era of Partsregistry on mobile phone has arrived! We developed an iPhone App for partsregistry website, http://partsregistry.org. With Biosearch on your iPhone, you can now check BioBricks and partsregistry in the seminar room; You can design your genetic circuits when you are waiting for a bus!</p>
-
|[[Image:SUSTC-Shenzhen-A_team.png|right|frame|Your team picture]]
+
<p>&nbsp;&nbsp;Biosearch is fully interacting with Partsregistry and has all parts information of Partsregistry database with enhanced user-friendly interface.</p>
-
|-
+
<p>&nbsp;</p>
-
|
+
-
|align="center"|[[Team:SUSTC-Shenzhen-A | Team SUSTC-Shenzhen-A]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div class="sidebar_box_bottom"></div>                   
-
!align="center"|[[Team:SUSTC-Shenzhen-A|Home]]
+
            </div>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Team|Team]]
+
</div><div>
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=SUSTC-Shenzhen-A Official Team Profile]
+
</td>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Project|Project]]
+
</tr>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Parts|Parts Submitted to the Registry]]
+
        </table>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Modeling|Modeling]]
+
</td>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Notebook|Notebook]]
+
      </tr>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Safety|Safety]]
+
</table>
-
!align="center"|[[Team:SUSTC-Shenzhen-A/Attributions|Attributions]]
+
<!-- end of header -->
-
|}
+
 
 +
</body>
 +
</html>
 +
 
 +
[[file:footbar.jpg|center]]

Latest revision as of 03:20, 27 October 2012

BioDesign

 

  You can draw a biological circuit with your freehand on iPhone with BioDesign!

  Biodesign is a graphics editing application specific to synthetic biology for iPhone. It is based on Tinkercell and provides hundreds of biobrick icons as well as a great many fancy functions including dragging graphics, drawing curves and ect. With BioSearch, users are capable of drawing and sharing biochemical reaction schematics whenever and wherever they want！

 

BioSearch

 

  The era of Partsregistry on mobile phone has arrived! We developed an iPhone App for partsregistry website, http://partsregistry.org. With Biosearch on your iPhone, you can now check BioBricks and partsregistry in the seminar room; You can design your genetic circuits when you are waiting for a bus!

  Biosearch is fully interacting with Partsregistry and has all parts information of Partsregistry database with enhanced user-friendly interface.

 

Footbar.jpg
Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A"