Team:Paris Liliane Bettencourt/Sandbox

From 2010.igem.org

(Difference between revisions)
(Undo revision 65066 by Theotime (Talk))
(set the sandbox)
Line 1: Line 1:
 +
<!-- TEMPLATE -->
 +
<html>
<html>
 +
<style type="text/css">
<style type="text/css">
-
/************* GENERAL CSS ************/
+
 
 +
/************* MEDIAWIKI CSS ************/
input.searchButton {
input.searchButton {
Line 23: Line 27:
  width: 300px;
  width: 300px;
  margin-top: -75px;
  margin-top: -75px;
-
  border: none; }
+
  border: none;
 +
}
.left-menu ul {
.left-menu ul {
-
  border: none; }
+
  border: none;
 +
}
#searchform {
#searchform {
  background: none;
  background: none;
  display: block;
  display: block;
-
  float: right;}
+
  float: right;
 +
}
#menubar.right-menu {
#menubar.right-menu {
Line 38: Line 45:
  float: left;
  float: left;
  margin-top: -75px;
  margin-top: -75px;
-
  border: none; }
+
  border: none;
 +
}
.right-menu ul {
.right-menu ul {
-
  border: none; }
+
  border: none;
 +
}
#top-section {
#top-section {
Line 51: Line 60:
  padding:0;
  padding:0;
  position: relative;
  position: relative;
-
  border: none;}
+
  border: none;
 +
}
#p-logo {
#p-logo {
Line 57: Line 67:
  overflow: hidden;
  overflow: hidden;
  display: none;
  display: none;
-
  border: }
+
  border: none;
 +
}
#footer-box {
#footer-box {
Line 66: Line 77:
  padding: 0;
  padding: 0;
  border: 1px solid #444444;
  border: 1px solid #444444;
-
border-top: 1px solid #666666;
+
 
-
  //background: #424D47;
+
  /* background: [[Image:banner2.jpg]] */
  font-size: 11px;
  font-size: 11px;
}
}
.firstHeading {
.firstHeading {
-
  display: none; }
+
  display: none;
 +
}
ol.references {
ol.references {
-
    text-align: left;
+
text-align: left;
-
    font-size: smaller;
+
font-size: smaller;
}
}
ul.references {
ul.references {
-
    text-align: left;
+
text-align: left;
-
    font-size: smaller;
+
font-size: smaller;
}
}
/*reset*/
/*reset*/
p {
p {
-
    margin:0;
+
display:none;
 +
margin:0;
}
}
.editsection {
.editsection {
-
    font-size: 100%;
+
font-size: 100%;
-
    font-weight: normal;
+
font-weight: normal;
-
    font-color:#b0310e;
+
font-color:#b0310e;
}
}
ol.references > li:target  {
ol.references > li:target  {
-
    background-color: #def;
+
background-color: #def;
}
}
/* hide table of contents */
/* hide table of contents */
#toc {
#toc {
-
    display: none;
+
display: none;
}
}
h1 {
h1 {
-
    font-size: 160%;
+
font-size: 160%;
}
}
-
body {
 
-
background: #CCCCCC;
 
-
width: auto;
+
/************* GENERAL CSS ************/
-
text-align: justify;
 
-
font-family: Verdana, Arial, Helvetica, sans-serif;
 
-
 
-
color: #333333;
 
 +
body {
 +
background: #CCCCCC url(https://static.igem.org/mediawiki/2010/c/c0/Background_paris2.jpg);
 +
text-align: justify;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
color: #333333;
}
}
-
 
-
 
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
-
 
+
font-family: Georgia, "Times New Roman", Times, serif;
-
font-family: Georgia, "Times New Roman", Times, serif;
+
color: #000000;
-
 
+
-
color: #3399FF;
+
-
 
+
}
}
-
 
-
 
a {
a {
-
 
+
font-weight: bold;
-
font-weight: bold;
+
text-decoration: none;
-
 
+
color: #484848 ;
-
text-decoration: none;
+
-
 
+
-
color: #33CCFF;
+
-
 
+
}
}
a:visited {
a:visited {
-
 
+
font-weight: bold;
-
font-weight: bold;
+
text-decoration: none;
-
 
+
color: #303030;
-
text-decoration: none;
+
-
 
+
-
color: #33CCFF;
+
-
 
+
}
}
-
 
-
 
a:hover {
a:hover {
-
 
+
text-decoration: underline;
-
text-decoration: underline;
+
color: #484848 ;
-
 
+
-
color: #33CCFF;
+
-
 
+
}
}
Line 172: Line 164:
#header {
#header {
-
width: 970px;
+
width: 970px;
-
 
+
border-top: 1px solid #444444;
-
 
+
height: 120px;
-
border-top: 1px solid #444444;
+
padding: 10px 0px;
-
 
+
background: #FFFBFD url(https://static.igem.org/mediawiki/2010/1/19/Paris2010_ban_sandbox2.JPG);
-
height: 120px;
+
-
 
+
-
padding: 10px 0px;
+
-
 
+
-
background: #FFFBFD url(http://www.lsdlive.org/tmp-igem/header_img.jpg);
+
-
 
+
}
}
-
 
-
 
#header h1 {
#header h1 {
-
 
+
margin: 0px;
-
margin: 0px;
+
padding: 0px 0px 0px 10px;
-
 
+
text-align: left;
-
padding: 0px 0px 0px 10px;
+
color: #3399FF;
-
 
+
font-size: 3em;
-
text-align: left;
+
text-transform: uppercase;
-
 
+
-
color: #3399FF;
+
-
 
+
-
font-size: 3em;
+
-
 
+
-
text-transform: uppercase;
+
-
 
+
}
}
-
 
-
 
#header h2 {
#header h2 {
-
 
+
margin: 0px;
-
margin: 0px;
+
padding: 0px 0px 0px 20px;
-
 
+
text-align: left;
-
padding: 0px 0px 0px 20px;
+
font-size: 1.5em;
-
 
+
text-transform: uppercase;
-
text-align: left;
+
-
 
+
-
font-size: 1.5em;
+
-
 
+
-
text-transform: uppercase;
+
-
 
+
}
}
Line 226: Line 195:
#menu {
#menu {
-
 
+
width: 970px;
-
width: 970px;
+
margin: 0px auto;
-
 
+
padding: 5px 0px 5px 0px;
-
margin: 0px auto;
+
background-color: #000000;
-
 
+
font-size: 13px;
-
padding: 5px 0px 5px 0px;
+
-
 
+
-
background-color: #000000;
+
-
 
+
-
font-size: 13px;
+
-
 
+
}
}
-
 
-
 
#menu ul {
#menu ul {
-
 
+
margin: 0px;
-
margin: 0px;
+
padding: 0px;
-
 
+
list-style: none;
-
padding: 0px;
+
text-align: center;
-
 
+
-
list-style: none;
+
-
 
+
-
text-align: center;
+
-
 
+
}
}
-
 
-
 
#menu li {
#menu li {
-
 
+
display: inline;
-
display: inline;
+
-
 
+
}
}
-
 
-
 
#menu a {
#menu a {
-
 
+
padding: 6px 15px;
-
padding: 6px 15px;
+
text-transform: uppercase;
-
 
+
text-decoration: none;
-
text-transform: uppercase;
+
font-size: 12px;
-
 
+
font-weight: bold;
-
text-decoration: none;
+
color: #FFFFFF;
-
 
+
-
font-size: 12px;
+
-
 
+
-
font-weight: bold;
+
-
 
+
-
color: #FFFFFF;
+
-
 
+
}
}
-
 
-
 
#menu a:hover {
#menu a:hover {
 +
background-color: #333333;
 +
}
-
background-color: #333333;
 
-
 
-
}
 
Line 293: Line 233:
#content {
#content {
-
width: 970px;
+
width: 970;
-
 
+
margin: 0px auto;
-
margin: 0px auto;
+
padding: 0px 0px 0px 0px;
-
 
+
font-size: 11px;
-
padding: 0px 0px 0px 0px;
+
-
 
+
-
font-size: 11px;
+
-
 
+
}
}
-
 
-
 
#content h2, #content h3, #content h4, #content h5, #content h6 {
#content h2, #content h3, #content h4, #content h5, #content h6 {
-
 
+
font-weight: normal;
-
font-weight: normal;
+
}
}
-
 
-
 
#content p, #content ul, #content ol {
#content p, #content ul, #content ol {
 +
line-height: 150%;
 +
}
-
line-height: 150%;
+
#page p {
-
 
+
display: block;
}
}
-
 
-
 
#left {
#left {
-
 
+
float: left;
-
float: left;
+
width: 680px;
-
 
+
background: #FFFFFF;
-
width: 680px;
+
padding: 20px 20px 40px 20px;
-
 
+
-
padding: 20px 20px 40px 20px;
+
-
 
+
}
}
-
 
-
 
#right {
#right {
-
 
+
float: right;
-
float: right;
+
width: 230px;
-
 
+
background: white;
-
width: 210px;
+
padding: 20px 10px 40px 10px;
-
 
+
font-size: 13px;
-
        background: #424D47;
+
color: black;
-
 
+
-
padding: 20px 20px 420px 20px;
+
-
 
+
-
        font-size: 13px;
+
-
 
+
-
color: #99CCFF;
+
-
 
+
}
}
#right ul {
#right ul {
-
 
  list-style:disc;
  list-style:disc;
-
 
-
}
 
-
 
-
#image_menu {
 
-
 
-
padding: 1px;
 
-
margin: 35px 35px;
 
-
background: #5F5F5F;
 
-
border: 5px;
 
-
 
}
}
Line 367: Line 275:
<script language="JavaScript">
<script language="JavaScript">
-
/* Javascript Content */
+
/************** Javascript Content *************/
//PLF-http://www.jejavascript.net/
//PLF-http://www.jejavascript.net/
var coeff=2;
var coeff=2;
-
var i_width=515;
 
-
var i_height=385;
 
var speed=60;
var speed=60;
var coeffinit=coeff;
var coeffinit=coeff;
Line 396: Line 302:
}
}
</script>
</script>
-
</html>
 
-
 
-
<html>
 
<div id="header">
<div id="header">
-
 
+
<h1></h1>
-
<h1></h1>
+
-
 
+
</div>
</div>
<div id="menu">
<div id="menu">
-
 
+
<ul>
-
<ul>
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt">home</a></li>
-
 
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Project">projects</a></li>
-
<li><a href="#">home</a></li>
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Team">team</a></li>
-
 
+
  <li><a href="http://openwetware.org/wiki/IGEM:Paris_Liliane_Bettencourt/Notebook/Paris_2010">notebook</a></li>
-
<li><a href="#">projects</a></li>
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/About">about</a></li>
-
 
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Acknowledgements">acknowledgements</a></li>
-
<li><a href="#">team</a></li>
+
  <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Collaboration">collaboration</a></li>
-
 
+
</ul>
-
<li><a href="#">notebook</a></li>
+
-
 
+
-
<li><a href="#">about</a></li>
+
-
 
+
-
<li><a href="#">acknowledgement</a></li>
+
-
 
+
-
<li><a href="#">collaboration</a></li>
+
-
 
+
-
</ul>
+
-
 
+
</div>
</div>
<div id="content">
<div id="content">
 +
<div id="left">
-
<div id="left">
+
==Abstract==
 +
<p style="display:block;">
-
</div>
+
<br>Counting is the action of finding the number of elements in a set.  Past attempts at developing counters in cells have mostly attempted to mimic the binary methods that computers use to count.
 +
border-right: 1px;
 +
<br>Our first counter takes a new approach to counting in cells, essentially a mechanical rotary counter implemented on a micro scale.  Each time the counter detects an input, it performs an excision and integration directly down-stream of the active site, turning on a reporter and rotating over one "notch" on the counter.
-
<div id="right">
+
<br>Our second counter operates on the wholly different principle that the statistical occurrence of a rare event in a large population can be modeled.  Each cell in our population harbors a construct that when stimulated has a small chance of excising a terminator and expressing a resistance gene.  The number of resistant cells is thus an accurate count of the number of input stimuli.
 +
</p>
-
<h2><img src="https://s3.amazonaws.com/twitter_production/a/1283564528/images/default_profile_3_normal.png" weight="18px" height="18px" /> What's New?</h2>
+
</div>
-
 
+
<div id="right">
-
<div id="twit-div"><ul id="twitter_update_list"></ul></div>
+
-
                <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
+
-
                <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/igemsandbox.json?callback=twitterCallback2&count=3"></script>
+
<br />
<br />
-
<h2><img src="https://static.igem.org/mediawiki/2010/6/6a/Flask_icon_xsmall.png" weight="18px" height="18px" /> Projects</h2>
+
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 +
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
 +
WIDTH=130 HEIGHT=112>
 +
<PARAM NAME=movie VALUE="http://lsdlive.org/tmp-igem/servo.swf?tarframe=_self&exbackground=808080&makenavfield0=Project&makenavurl0=&makenavfield1=Tools&makenavurl1=&makenavfield2=Links&makenavurl2=&makenavfield3=About&makenavurl3=">
 +
<PARAM NAME=loop VALUE=false>
 +
<PARAM NAME=menu VALUE=false>
 +
<PARAM NAME=quality VALUE=high>
 +
<PARAM NAME=scale VALUE=noborder>
 +
<PARAM NAME=salign VALUE=LT>
 +
<PARAM NAME=wmode VALUE=transparent>
 +
<PARAM NAME=bgcolor VALUE=#000000>
-
<ul>
+
<EMBED src="http://lsdlive.org/tmp-igem/servo.swf?tarframe=_self&exbackground=808080&makenavfield0=Project&makenavurl0=&makenavfield1=Tools&makenavurl1=&makenavfield2=Links&makenavurl2=&makenavfield3=About&makenavurl3=" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#000000  WIDTH=130 HEIGHT=112 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
-
<li><a href="#">Population-Counter</a></li>
+
</OBJECT>
-
<ul>
+
-
<li><a href="#">Overview</a>
+
-
<li><a href="#">Design</a>
+
-
<li><a href="#">Modeling</a>
+
-
<li><a href="#">Results</a>
+
-
<li><a href="#">Parts</a>
+
-
<li><a href="#">Future</a>
+
-
</ul>
+
-
<li><a href="#">Memo-Cell</a></li>
+
<a href="http://www.guistuff.com/"><img border="0" src="http://www.guistuff.com/images/11dot.gif" width="1" height="1"></a>
-
<ul>
+
-
<li><a href="#">Overview</a>
+
-
<li><a href="#">Design</a>
+
-
<li><a href="#">Modeling</a>
+
-
<li><a href="#">Results</a>
+
-
<li><a href="#">Parts</a>
+
-
<li><a href="#">Future</a>
+
-
</ul>
+
-
<li><a href="#">Other</a></li>
+
-
<ul>
+
-
<li><a href="#">Human Pratice</a></li>
+
-
<li><a href="#">Software</a></li>
+
-
</ul>
+
-
<li><a href="#">Safety</a></li>
+
-
<li><a href="#">References</a></li>
+
<script language = "javascript">
 +
<!--
 +
theObjects = document.getElementsByTagName("object");
 +
for (var i = 0; i < theObjects.length; i++) {
 +
theObjects[i].outerHTML = theObjects[i].outerHTML;}
 +
//-->
 +
</script>
-
<li><a href="#">Brainstorming</a></li>
 
-
<li><a href="#">Protocols</a></li>
 
-
</ul>
+
</div>
-
                <!--<div id="image_menu"><img src="http://lsdlive.org/tmp-igem/image.jpg" height="160px" weight="102px" /></div>-->
+
-
 
+
-
</div>
+
</div>
</div>
-
 
-
<!-- <div id="foot">
 
-
 
-
<p>Copyright &copy; 2006 YOUR SITE NAME.</p>
 
-
 
-
<p>Design by <a href="http://360guide.info">360guide.info</a> and adapted for MediaWiki by T.Calandra</p>
 
-
 
-
</div> -->
 
-
 
</html>
</html>

Revision as of 19:52, 1 October 2010


==Abstract==


Counting is the action of finding the number of elements in a set. Past attempts at developing counters in cells have mostly attempted to mimic the binary methods that computers use to count. border-right: 1px;
Our first counter takes a new approach to counting in cells, essentially a mechanical rotary counter implemented on a micro scale. Each time the counter detects an input, it performs an excision and integration directly down-stream of the active site, turning on a reporter and rotating over one "notch" on the counter.
Our second counter operates on the wholly different principle that the statistical occurrence of a rare event in a large population can be modeled. Each cell in our population harbors a construct that when stimulated has a small chance of excising a terminator and expressing a resistance gene. The number of resistant cells is thus an accurate count of the number of input stimuli.