Team:Amsterdam/temp

From 2012.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 11: Line 11:
#total {
#total {
background-color: white;
background-color: white;
-
width: 998px;
+
width: 100%;
margin-right: auto;
margin-right: auto;
margin-left: auto;
margin-left: auto;
Line 19: Line 19:
float: left;
float: left;
height: 150px;
height: 150px;
-
width: 250px;
+
width: 25%;
text-align: center;
text-align: center;
background-color: white;
background-color: white;
Line 26: Line 26:
float: left;
float: left;
height: 150px;
height: 150px;
-
width: 498px;
+
width: 50%;
text-align: center;
text-align: center;
background-color: white;
background-color: white;
Line 33: Line 33:
float: left;
float: left;
height: 150px;
height: 150px;
-
width: 250px;
+
width: 25%;
text-align: center;
text-align: center;
background-color: white;
background-color: white;
Line 40: Line 40:
float: left;
float: left;
height: 25px;
height: 25px;
-
width: 750px;
+
width: 75%;
border: 1px solid black;
border: 1px solid black;
text-align: center;
text-align: center;
Line 47: Line 47:
#centerContent {
#centerContent {
float: left;
float: left;
-
width: 750px;
+
width: 75%;
border: 1px solid black;
border: 1px solid black;
background-color: grey;
background-color: grey;
Line 53: Line 53:
#rightContent {
#rightContent {
float: right;
float: right;
-
width: 200px;
+
width: 20%;
background-color: white;
background-color: white;
}
}
Line 73: Line 73:
margin-left: 0px;
margin-left: 0px;
}
}
-
h1 {
+
h3 {
font-size: 36px;
font-size: 36px;
font-weight: bold;
font-weight: bold;
Line 100: Line 100:
/* Menu */
/* Menu */
-
#nav, #nav ul{
+
#nav, #nav ul2{
     margin:0;
     margin:0;
     padding:0;
     padding:0;
Line 110: Line 110:
  #nav a:link, #nav a:active, #nav a:visited{
  #nav a:link, #nav a:active, #nav a:visited{
     display:block;
     display:block;
-
     padding:0px 5px;
+
     padding:0em 0.5em;
-
    border:1px solid black;
+
     color:white;
     color:white;
     text-decoration:none;
     text-decoration:none;
Line 121: Line 120:
     color:white;
     color:white;
}
}
-
#nav li{
+
#nav li2{
     float:left;
     float:left;
     position:relative;
     position:relative;
-
width: 100px;
+
    width: 8em;
}
}
-
#nav ul {
+
#nav ul2 {
     position:absolute;
     position:absolute;
-
     width:100px;
+
     width:8em;
-
    top:2em;
+
     display:none;
     display:none;
}
}
-
#nav li ul a{
+
#nav li2 ul2 a{
-
     width:100px;
+
     width:100%;
 +
    border:1px solid black;
     float:left;
     float:left;
}
}
-
#nav ul ul{
+
#nav ul2 ul2{
-
top:auto;
+
    top:auto;
}
}
-
#nav li ul ul {
+
#nav li2 ul2 ul2 {
-
top: 10px;
+
    top: 0.5em;
-
     left:100px;
+
     left:8em;
-
     margin:0px 0 0 10px;
+
     margin:0em 0 0 1em;
     }
     }
-
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
+
#nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{
     display:none;
     display:none;
     }
     }
-
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
+
#nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{
     display:block;
     display:block;
     }
     }
Line 158: Line 157:
<title>Test page</title>
<title>Test page</title>
<link href="https://2012.igem.org/Team:Amsterdam/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:Amsterdam/stylesheet.css" rel="stylesheet" type="text/css" />
-
<script type='text/javascript' src='jquery-1.2.3.min.js'></script>
+
<script type='text/javascript' src='http://f.cl.ly/items/0E0N2k3R001J2T2q3A0D/jquery-1.2.3.min.js'></script>
-
<script type='text/javascript' src='menu.js'></script>
+
<script type='text/javascript'>
 +
function mainmenu(){
 +
$(" #nav ul2 ").css({display: "none"}); // Opera Fix
 +
$(" #nav li2").hover(function(){
 +
$(this).find('ul2:first').css({visibility: "visible",display: "none"}).show(400);
 +
},function(){
 +
$(this).find('ul2:first').css({visibility: "hidden"});
 +
});
 +
}
 +
 
 +
 +
 +
$(document).ready(function(){
 +
mainmenu();
 +
});</script>
</head>
</head>
<body>
<body>
 +
<div id="fb-root"></div>
 +
<script>
 +
  window.fbAsyncInit = function() {
 +
    FB.init({
 +
      appId      : 'YOUR_APP_ID', // App ID
 +
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
 +
      status    : true, // check login status
 +
      cookie    : true, // enable cookies to allow the server to access the session
 +
      xfbml      : true  // parse XFBML
 +
    });
 +
 +
    // Additional initialization code here
 +
  };
 +
 +
  // Load the SDK Asynchronously
 +
  (function(d){
 +
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
 +
    if (d.getElementById(id)) {return;}
 +
    js = d.createElement('script'); js.id = id; js.async = true;
 +
    js.src = "//connect.facebook.net/en_US/all.js";
 +
    ref.parentNode.insertBefore(js, ref);
 +
  }(document));
 +
</script>
<div id="total">
<div id="total">
<div id="header-left">
<div id="header-left">
-
<h1>Left header column</h1>
+
<h3></h3>
</div>
</div>
<div id="header-middle">
<div id="header-middle">
-
<h1>Middle header column</h1>
+
<h3><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png" height="140px"></img></h3>
</div>
</div>
<div id="header-right">
<div id="header-right">
-
<h1>Right header column</h1>
+
 
</div>
</div>
<div id="menu">
<div id="menu">
<ul id="nav">
<ul id="nav">
-
     <li><a href="#">Home</a></li>
+
     <li2><a href="#">Home</a></li2>
-
     <li><a href="#">Team</a>
+
     <li2><a href="#">Team</a>
-
<ul>
+
<ul2>
-
             <li><a href="/team/members.html">Members</a>
+
             <li2><a href="/team/members.html">Members</a>
-
                 <ul>
+
                 <ul2>
-
<li><a href="/team/members/bank.html">Ernst Bank</a></li>
+
<li2><a href="/team/members/bank.html">Ernst</a></li2>
-
<li><a href="/team/members/groenewegen.html">Glenn Groenewegen</a></li>
+
<li2><a href="/team/members/groenewegen.html">Glenn</a></li2>
-
<li><a href="/team/members/mendeville.html">Matias Mendeville</a></li>
+
<li2><a href="/team/members/mendeville.html">Matias</a></li2>
-
<li><a href="/team/members/quirin.html">Tania Quirin</a></li>
+
<li2><a href="/team/members/quirin.html">Tania</a></li2>
-
<li><a href="/team/members/reijnders.html">Maarten Reijnders</a></li>
+
<li2><a href="/team/members/reijnders.html">Maarten R.</a></li2>
-
                    <li><a href="/team/members/.html">Maarten Slagter</a></li>                   
+
                                        <li2><a href="/team/members/.html">Maarten S.</a></li2>                   
-
                 </ul>
+
                 </ul2>
-
             </li>
+
             </li2>
-
             <li><a href="#">Page 2</a></li>
+
             <li2><a href="#">Page 2</a></li2>
-
             <li><a href="#">Page 3</a></li>
+
             <li2><a href="#">Page 3</a></li2>
-
         </ul>
+
         </ul2>
-
</li>
+
</li2>
-
<li><a href="#">Project</a></li>
+
<li2><a href="#">Project</a></li2>
-
<li><a href="#">Parts</a></li>
+
<li2><a href="#">Parts</a></li2>
-
<li><a href="#">Modelling</a></li>
+
<li2><a href="#">Modelling</a></li2>
-
     <li><a href="#">Human outreach</a></li>
+
     <li2><a href="#">Outreach</a></li2>
-
</ul>
+
</ul2>
</div>
</div>
<div id="centerContent">
<div id="centerContent">
-
test
+
<p>Bacterial populations in their natural form are very capable of storing, processing and acting on stimuli in their environment. Why not exploit these properties in the pursuit of massively parallel computation? The first thing one needs when constructing a computing device is memory to store the results onto. In order to meet this demand we present the cellular logbook which is usable to reliably store whether a signal was detected in E. coli's environment for a time span of its life duration. Expanding this straightforward molecular mechanism, multiple signals can be stored with the prospective of storing up to 64 bits on a single plasmid. Complex cellular behaviour can then be programmed according to the memory status of the cell by way of introducing additional modules transcriptionally controlled by the introduced memory plasmid.</p>
-
<?php echo abcd; ?>
+
</div>
</div>
<div id="rightContent">
<div id="rightContent">
-
<p>Right menu</p>
+
<a href="http://www.facebook.com/IgemAmsterdam2012"><img src="https://static.igem.org/mediawiki/2012/0/08/Facebook_logo_amsterdam.png" height="20em" align="left" ></img></a>
 +
<div class="fb-like" data-href="http://www.facebook.com/IgemAmsterdam2012" data-send="false" data-layout="box_count" data-width="200" data-show-faces="true" align="center"></div>
 +
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 4,
 +
  interval: 30000,
 +
  width: 250,
 +
  height: 300,
 +
  theme: {
 +
    shell: {
 +
      background: '#ffffff',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#000000',
 +
      color: '#ffffff',
 +
      links: '#4aed05'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('iGEMAmsterd2012').start();
 +
</script>
</div>
</div>
<div id="footer">Footer</a>
<div id="footer">Footer</a>

Latest revision as of 16:17, 17 May 2012

Test page

Bacterial populations in their natural form are very capable of storing, processing and acting on stimuli in their environment. Why not exploit these properties in the pursuit of massively parallel computation? The first thing one needs when constructing a computing device is memory to store the results onto. In order to meet this demand we present the cellular logbook which is usable to reliably store whether a signal was detected in E. coli's environment for a time span of its life duration. Expanding this straightforward molecular mechanism, multiple signals can be stored with the prospective of storing up to 64 bits on a single plasmid. Complex cellular behaviour can then be programmed according to the memory status of the cell by way of introducing additional modules transcriptionally controlled by the introduced memory plasmid.