Team:Exeter

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:Team:Exeter/e-candi_banner}}
{{Template:Team:Exeter/e-candi_banner}}
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
+
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title></title>
+
  <title>ExiGEM2012 Homepage</title>
-
<link rel="stylesheet" href="https://2012.igem.org/Team:Exeter/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
+
-
<!--See for navigation icons and caption controls-->
+
-
<link rel="stylesheet" href="https://2012.igem.org/Team:Exeter/default.css?action=raw&amp;ctype=text/css" type="text/css"  media="screen" />
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?action=raw&amp;ctype=text/js" type="text/javascript"></script>
+
-
<!--See this for transition speeds and effects-->
+
-
<script src="https://2012.igem.org/Team:Exeter/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/js" type="text/javascript"></script>
+
 +
  <link rel="stylesheet" href="https://2012.igem.org/Team:Exeter/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 +
  <!--See for navigation icons and caption controls-->
 +
  <link rel="stylesheet" href="https://2012.igem.org/Team:Exeter/default.css?action=raw&amp;ctype=text/css" type="text/css"  media="screen" />
 +
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?action=raw&amp;ctype=text/js" type="text/javascript"></script>
 +
  <!--See this for transition speeds and effects-->
 +
  <script src="https://2012.igem.org/Team:Exeter/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/js" type="text/javascript"></script>
-
<script type="text/javascript">
 
-
$(window).load(function() {
 
-
    $('#slider').nivoSlider();
 
-
});
 
-
</script>
 
 +
  <script type="text/javascript">
 +
    $(window).load(function() {
 +
    $('#slider').nivoSlider();
 +
    });
 +
  </script>
-
<style type="text/css">
+
  <script type="text/javascript">
-
+
-
    
+
   /*
-
</style>
+
  Count down until any date script-
 +
  By JavaScript Kit (www.javascriptkit.com)
 +
  Over 200+ free scripts here!
 +
  Modified by Robert M. Kuhnhenn, D.O.
 +
  on 5/30/2006 to count down to a specific date AND time,
 +
  on 10/20/2007 to a new format, and 1/10/2010 to include
 +
  time zone offset.
 +
  */
 +
 
 +
  /*  Change the items noted in light blue below to create your countdown target date and announcement once the target date and time are reached.  */
 +
    var current="00:00:00"; //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
 +
    var year=2012;      //-->Enter the count down target date YEAR
 +
    var month=10;        //-->Enter the count down target date MONTH
 +
    var day=06;        //-->Enter the count down target date DAY
 +
    var hour=00;        //-->Enter the count down target date HOUR (24 hour clock)
 +
    var minute=00;      //-->Enter the count down target date MINUTE
 +
    var tz=1;          //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
 +
 
 +
  //-->    DO NOT CHANGE THE CODE BELOW!    <--
 +
    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
 +
 
 +
    function countdown(yr,m,d,hr,min){
 +
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
 +
var today=new Date();
 +
var todayy=today.getYear();
 +
if (todayy < 1000) {todayy+=1900;
 +
}
 +
var todaym=today.getMonth();
 +
var todayd=today.getDate();
 +
var todayh=today.getHours();
 +
var todaymin=today.getMinutes();
 +
var todaysec=today.getSeconds();
 +
var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
 +
var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
 +
var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
 +
var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
 +
var dd=futurestring-todaystring;
 +
var dday=Math.floor(dd/(60*60*1000*24)*1);
 +
var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
 +
var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
 +
var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
 +
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
 +
document.getElementById('count2').innerHTML=current;
 +
document.getElementById('count2').style.display="inline";
 +
document.getElementById('count2').style.width="390px";
 +
document.getElementById('dday').style.display="none";
 +
document.getElementById('dhour').style.display="none";
 +
document.getElementById('dmin').style.display="none";
 +
document.getElementById('dsec').style.display="none";
 +
document.getElementById('days').style.display="none";
 +
document.getElementById('hours').style.display="none";
 +
document.getElementById('minutes').style.display="none";
 +
document.getElementById('seconds').style.display="none";
 +
document.getElementById('spacer1').style.display="none";
 +
document.getElementById('spacer2').style.display="none";
 +
return;
 +
}
 +
else {
 +
document.getElementById('count2').style.display="none";
 +
document.getElementById('dday').innerHTML=dday;
 +
document.getElementById('dhour').innerHTML=dhour;
 +
document.getElementById('dmin').innerHTML=dmin;
 +
document.getElementById('dsec').innerHTML=dsec;
 +
setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
 +
}
 +
  }
 +
</script>
 +
 
 +
<style type="text/css">
 +
  .numbers {
 +
    width: 55px;
 +
    text-align: center;
 +
    font-family: DokChampa;
 +
    font-size: 20px;
 +
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
 +
    font-style: normal;  /* options are normal or italic */
 +
    color: #1d1d1b;      /* change color using the hexadecimal color codes for HTML */
 +
  }
 +
  .title { /* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
 +
    width: 55px;
 +
    text-align: center;
 +
    font-family: DokChampa;
 +
    font-size: 10px;
 +
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
 +
    color: #dddddd;      /* change color using the hexadecimal color codes for HTML */
 +
  }
 +
  #table {
 +
    width: 100px;
 +
    height: 48px;
 +
    border-style: none;
 +
    background-color: transparent;
 +
    margin: 0px auto;
 +
    position: relative;  /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
 +
    top: 0px;            /* change to position the timer */
 +
    left: 0px;            /* change to position the timer; delete this property and it's value to keep timer centered on page */
 +
  }
 +
</style>
</head>
</head>
   
   
-
<body>
+
<body onload="countdown(year,month,day,hour,minute)">
-
   
+
  <div id="home">
   <table width="1075" border="0">
   <table width="1075" border="0">
   <!--Spacer for Menu Banner-->
   <!--Spacer for Menu Banner-->
     <tr>
     <tr>
-
     <td width="200" height="50"></td>
+
     <td width="100" height="50"></td>
-
     <td width="650"></td>
+
     <td width="850"></td>
-
     <td width="200"></td>
+
     <td width="100"></td>
     </tr>
     </tr>
   <!--End of Spacer-->
   <!--End of Spacer-->
     <tr>
     <tr>
-
     <td height="245"></td>
+
    <!--Countdown to Amsterdam-->
 +
     <td>
 +
      <table id="table" border="0" cellpadding="0" cellspacing="0">
 +
      <tr>
 +
        <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 5px 0 0 0; "></div></td>
 +
      </tr>
 +
      <tr id="spacer1" height="30">
 +
       
 +
        <td align="center" ><div class="numbers" id="dday"></div></td>
 +
        <td align="center" ><div class="numbers" id="dhour"></div></td>
 +
        <td align="center" ><div class="numbers" id="dmin"></div></td>
 +
        <td align="center" ><div class="numbers" id="dsec"></div></td>
 +
       
 +
      </tr>
 +
      <tr id="spacer2" height="12">
 +
       
 +
        <td align="center" ><div class="title" id="days">Days</div></td>
 +
        <td align="center" ><div class="title" id="hours">Hrs</div></td>
 +
        <td align="center" ><div class="title" id="minutes">Mins</div></td>
 +
        <td align="center" ><div class="title" id="seconds">Secs</div></td>
 +
       
 +
      </tr>
 +
      </table>
 +
    </td>
 +
    <!--End of Countdown to Amsterdam-->  
     <!--Image Slider-->
     <!--Image Slider-->
     <td>
     <td>
Line 96: Line 216:
   </table>
   </table>
-
 
+
</div>
</body>
</body>
</html>
</html>

Revision as of 11:58, 12 July 2012

ExiGEM2012 Homepage

Days
Hrs
Mins
Secs
This is an example of a HTML caption with a link.
Latest News:

Enter news here.....
Locations of visitors to this page Project Abstract:

Our aim is to engineer Escherichia coli (E. coli) tosynthesise a novel polysaccharide determined by us. We aim also to construct an engineered plasmid which will allow the expression of different enzymes, producing the polysaccharides chosen depending on the stimulus of particular promoters. Thus giving a controlled external selection mechanism to the polysaccharide production of the cell.

To achieve the initial novel polysaccharide, we shall firstly implement the addition of glycosyltransferases from different E. Coli strains to our E. Coli allowing production of polysaccharides by the well documented Wzy-Wzz method.

The ultimate goal of this engineering is to demonstrate the production of desired polysaccharides. More over we provide a mechanism by which polysaccharides can be produced 'to order'. The applications for this means are enormous. For example vaccines could be produced at speed upon an epidemic. Material scientists and engineers would be able to choose a synthetic polysaccharide fulfilling desired properties.

Retrieved from "http://2012.igem.org/Team:Exeter"