Team:Amsterdam/temp

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style>
 +
body {
 +
text-align: center;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 11px;
 +
background-color: white;
 +
}
 +
 +
/*Defining the columns */
 +
#total {
 +
background-color: white;
 +
width: 100%;
 +
margin-right: auto;
 +
margin-left: auto;
 +
text-align: left;
 +
}
 +
#header-left{
 +
float: left;
 +
height: 150px;
 +
width: 25%;
 +
text-align: center;
 +
background-color: white;
 +
}
 +
#header-middle{
 +
float: left;
 +
height: 150px;
 +
width: 50%;
 +
text-align: center;
 +
background-color: white;
 +
}
 +
#header-right{
 +
float: left;
 +
height: 150px;
 +
width: 25%;
 +
text-align: center;
 +
background-color: white;
 +
}
 +
#menu {
 +
float: left;
 +
height: 25px;
 +
width: 75%;
 +
border: 1px solid black;
 +
text-align: center;
 +
background-color: black;
 +
}
 +
#centerContent {
 +
float: left;
 +
width: 75%;
 +
border: 1px solid black;
 +
background-color: grey;
 +
}
 +
#rightContent {
 +
float: right;
 +
width: 20%;
 +
background-color: white;
 +
}
 +
#footer {
 +
font-size: 10px;
 +
height: 14px;
 +
width: 100%;
 +
clear:both;
 +
text-align: center;
 +
background-color: white;
 +
}
 +
 +
/* Text styles */
 +
p {
 +
padding: 0px;
 +
margin-top: 5px;
 +
margin-right: 0px;
 +
margin-bottom: 7px;
 +
margin-left: 0px;
 +
}
 +
h3 {
 +
font-size: 36px;
 +
font-weight: bold;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
padding-top: 10px;
 +
padding-right: 0px;
 +
padding-bottom: 10px;
 +
padding-left: 0px;
 +
}
 +
m1 {
 +
font-size: 36px;
 +
font-weight: bold;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
padding-top: 10px;
 +
padding-right: 0px;
 +
padding-bottom: 10px;
 +
padding-left: 0px;
 +
}
 +
 +
/* Menu */
 +
 +
#nav, #nav ul2{
 +
    margin:0;
 +
    padding:0;
 +
    list-style-type:none;
 +
    list-style-position:outside;
 +
    position:relative;
 +
    line-height:2em;
 +
}
 +
#nav a:link, #nav a:active, #nav a:visited{
 +
    display:block;
 +
    padding:0em 0.5em;
 +
    color:white;
 +
    text-decoration:none;
 +
    background-color:black;
 +
}
 +
 +
#nav a:hover{
 +
    background-color:black;
 +
    color:white;
 +
}
 +
#nav li2{
 +
    float:left;
 +
    position:relative;
 +
    width: 8em;
 +
}
 +
#nav ul2 {
 +
    position:absolute;
 +
    width:8em;
 +
    display:none;
 +
}
 +
#nav li2 ul2 a{
 +
    width:100%;
 +
    border:1px solid black;
 +
    float:left;
 +
}
 +
#nav ul2 ul2{
 +
    top:auto;
 +
}
 +
 +
#nav li2 ul2 ul2 {
 +
    top: 0.5em;
 +
    left:8em;
 +
    margin:0em 0 0 1em;
 +
    }
 +
 +
#nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{
 +
    display:none;
 +
    }
 +
#nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{
 +
    display:block;
 +
    }
 +
</style>
<head>
<head>
 +
<meta http-equiv="Content-Type" content="text/html;
 +
charset=iso-8859-1" />
 +
<title>Test page</title>
 +
<link href="https://2012.igem.org/Team:Amsterdam/stylesheet.css" rel="stylesheet" type="text/css" />
 +
<script type='text/javascript' src='http://f.cl.ly/items/0E0N2k3R001J2T2q3A0D/jquery-1.2.3.min.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>
-
<?php echo test; ?>
+
<div id="fb-root"></div>
-
test
+
<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="header-left">
 +
<h3></h3>
 +
</div>
 +
<div id="header-middle">
 +
<h3><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png" height="140px"></img></h3>
 +
</div>
 +
<div id="header-right">
 +
 
 +
</div>
 +
<div id="menu">
 +
<ul id="nav">
 +
    <li2><a href="#">Home</a></li2>
 +
    <li2><a href="#">Team</a>
 +
<ul2>
 +
            <li2><a href="/team/members.html">Members</a>
 +
                <ul2>
 +
<li2><a href="/team/members/bank.html">Ernst</a></li2>
 +
<li2><a href="/team/members/groenewegen.html">Glenn</a></li2>
 +
<li2><a href="/team/members/mendeville.html">Matias</a></li2>
 +
<li2><a href="/team/members/quirin.html">Tania</a></li2>
 +
<li2><a href="/team/members/reijnders.html">Maarten R.</a></li2>
 +
                                        <li2><a href="/team/members/.html">Maarten S.</a></li2>                 
 +
                </ul2>
 +
            </li2>
 +
            <li2><a href="#">Page 2</a></li2>
 +
            <li2><a href="#">Page 3</a></li2>
 +
        </ul2>
 +
</li2>
 +
<li2><a href="#">Project</a></li2>
 +
<li2><a href="#">Parts</a></li2>
 +
<li2><a href="#">Modelling</a></li2>
 +
    <li2><a href="#">Outreach</a></li2>
 +
 +
</ul2>
 +
</div>
 +
<div id="centerContent">
 +
<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>
 +
</div>
 +
<div id="rightContent">
 +
<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 id="footer">Footer</a>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

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.