Team:Exeter

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<table width="800" border="0" align="center">
+
<html>
-
  <tr>
+
<head>
-
    <td rowspan="2">[[Image:ExiGEM_is_DOWN.jpg|750px|centre]]</td>
+
<title>My website</title>
-
  </tr>
+
<link rel="stylesheet" href="menu.css">
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="../../Downloads/fadeslideshow.js">
 +
</script>
-
  <tr>
+
<script type="text/javascript">
-
    <td>[[Image:Exeterhome.jpg|175px|link=http://www.exeter.ac.uk|centre]]
+
 
-
        [[Image:Followourtweets.jpg|175px|link=http://twitter.com/iGEMExeter2012|centre]]
+
 
-
        [[Image:Readourblog.jpg|175px|link=http://exigem2012.wordpress.com/|centre]]</td>
+
var mygallery=new fadeSlideShow({
-
   </tr>
+
wrapperid: "fadeshow1",
-
</table>
+
dimensions: [714, 536],
 +
imagearray:
 +
[
 +
["https://static.igem.org/mediawiki/2012/a/a9/Sharing_ideas.jpg", "#", "", "Find out the planning process"],
 +
["https://static.igem.org/mediawiki/2012/c/cc/Freddy.JPG", "#", "", "Interested in the result?"],
 +
["https://static.igem.org/mediawiki/2012/e/ea/Exigemplanning.jpg", "#", "", "The project takes shape!"]
 +
],
 +
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
 +
persist: false,
 +
fadeduration: 500,
 +
descreveal: "ondemand",
 +
togglerid: ""
 +
})
 +
</script>
 +
<style>
 +
@charset "utf-8";
 +
body {font-family:century gothic;
 +
font-size:16px;
 +
margin:50px;
 +
text-align:center;
 +
}
 +
 +
.banner1 {border:none;
 +
width:800px;
 +
height:240px;
 +
padding:10px;
 +
margin-top:5px;
 +
margin-left:210px;
 +
}
 +
 
 +
.igemlogo {position:absolute;
 +
margin-top:120px;
 +
margin-left:45px;
 +
}
 +
 +
.exeterlogo {position:absolute;
 +
margin-top:295px;
 +
margin-left:55px;
 +
}
 +
 +
.twitterlogo {position:absolute;
 +
margin-top:400px;
 +
margin-left:90px;
 +
}
 +
 +
.wordpresslogo {position:absolute;
 +
margin-top:530px;
 +
margin-left:90px;
 +
}
 +
 
 +
.background1 {-webkit-border-top-left-radius: 80px;
 +
-webkit-border-top-right-radius: 80px;
 +
-moz-border-radius-topleft: 80px;
 +
-moz-border-radius-topright: 80px;
 +
border-top-left-radius: 80px;
 +
border-top-right-radius: 80px;
 +
background-color:#FF9;
 +
width:1200px;
 +
height:1200px;
 +
background-position:center;
 +
border-color:#000 1px;
 +
margin-left:30px;
 +
}
 +
 
 +
.menu {font-family:century gothic;
 +
font-size:18px;
 +
margin: 50px auto;
 +
background-color:#000;
 +
width:930px;
 +
height:40px;
 +
text-align:center;
 +
border:groove #FFF;
 +
padding-top:10px;
 +
word-spacing:20px;
 +
margin-top:0px;
 +
}
 +
 
 +
.menu a {color:#FFF;
 +
text-decoration:none;
 +
}
 +
 
 +
.menu a:hover {background-color:#FF9;
 +
color:#000;
 +
}
 +
 +
.header {font-family:century gothic;
 +
float:left;
 +
margin-left: 200px;
 +
text-decoration:bold;
 +
font-size:24px;
 +
text-align:left;
 +
color:#333;
 +
padding:20px 20px 20px 15px;
 +
width:350px;
 +
height:50px;
 +
text-align:center;
 +
}
 +
 +
.header1{font-family:century gothic;
 +
float:right;
 +
margin-right:220px;
 +
text-decoration:bold;
 +
font-size:24px;
 +
text-align:right;
 +
color:#000;
 +
padding:20px 20px 20px 15px;
 +
width:350px;
 +
height:50px;
 +
text-align:center;
 +
}
 +
 
 +
.actualtext {float:left;
 +
margin-left:200px;
 +
width:350px;
 +
height:300px;
 +
background-color:#000;
 +
text-align:justify;
 +
font-size:18px;
 +
padding:20px 15px 0px 15px;
 +
border:#FFF groove;
 +
color:#FFF;
 +
}
 +
 +
.actualtext2 {float:right;
 +
margin-right:200px;
 +
width:350px;
 +
height:300px;
 +
background-color:#000;
 +
text-align:justify;
 +
font-size:18px;
 +
padding:20px 15px 0px 15px;
 +
border:#FFF groove;
 +
color:#FFF;
 +
}
 +
 
 +
#fadeshow1 {
 +
width: 392px;
 +
height: 300px;
 +
position: absolute;
 +
padding: 0px 20px 0px 20px;
 +
border: #FFF groove;
 +
}
 +
 +
#calendar {
 +
height:185px;
 +
overflow:auto;
 +
        margin-left:10px;
 +
        margin-right:10px;
 +
padding:10px;
 +
}
 +
 
 +
.calendar_entry {
 +
width:505px;
 +
background-image:url(https://static.igem.org/mediawiki/2010/1/1b/Bielefeld_calendar.jpg);
 +
height:165px;
 +
padding-top:1px;
 +
}
 +
 
 +
.calendar_date {
 +
width:150px;
 +
height:100%;
 +
float:left;
 +
}
 +
 
 +
.calendar_day {
 +
color:black;
 +
font-size:44px;
 +
text-align:center;
 +
width:140px;
 +
padding-top:70px;
 +
vertical-align:middle;
 +
padding-left:10px;
 +
}
 +
 
 +
.calendar_month {
 +
color:black;
 +
font-size:16px;
 +
text-align:center;
 +
width:140px;
 +
height:40px;
 +
vertical-align:middle;
 +
padding-left:10px;
 +
    padding-top:15px;
 +
}
 +
 
 +
.calendar_body {
 +
margin-left:170px;
 +
margin-top:5px;
 +
width:314px;
 +
height:149px;
 +
overflow:auto;
 +
}
 +
 
 +
.calendar_title {
 +
border-bottom:1px solid #ccc;
 +
font-weight:bold;
 +
        width:295px;
 +
}
 +
 
 +
.calendar_text {
 +
margin-top:5px;
 +
padding-bottom:5px;
 +
        width:295px;
 +
        text-align:justify;
 +
}
 +
 
 +
 +
</style>
 +
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
<div class="banner1">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2012/d/dc/Finallogo.jpg" width="800px" height="240px"></a>
 +
</div>
 +
<div class="igemlogo">
 +
<a href="https://2012.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png" width="180px" height="132px"></a>
 +
</div>
 +
<div class="exeterlogo">
 +
<a href="http://www.exeter.ac.uk/"><img src="https://static.igem.org/mediawiki/2012/c/cb/Exelogo.png" width="180px" height="75px"></a>
 +
</div>
 +
<div class="twitterlogo">
 +
<a href="https://twitter.com/iGEMExeter2012"><img src="https://static.igem.org/mediawiki/2012/7/77/Twitter_logo.gif" width="100px" height="100px"></a>
 +
</div>
 +
<div class="wordpresslogo">
 +
<a href="http://exigem2012.wordpress.com/"><img src="https://static.igem.org/mediawiki/2012/b/b7/Wordpress_logo.png" width="100px" height="100px"></a>
 +
</div>
 +
<div class="background1">
 +
<div class="menu">
 +
<a href="https://2012.igem.org/Team:Exeter">Project</a>|;
 +
<a href="https://2012.igem.org/Team:Exeter/Thescience">The Science</a>|;
 +
<a href="https://2012.igem.org/Team:Exeter/Results">Results</a>|;
 +
<a href="https://2012.igem.org/Team:Exeter/Beyondthescience">Beyond The Science</a>|;
 +
<a href="http://exigem2012.wordpress.com/">Blog</a>;
 +
</div>
 +
<div align="center">
 +
<div id="fadeshow1"></div>
 +
</div>
 +
<div class="header">
 +
What is the project?
 +
</div>
 +
<div class="header1">
 +
What is iGEM?
 +
</div>
 +
<div class="actualtext">
 +
Polysaccharides are literally the best things in the world so we thought we would use them for our iGEM project.
 +
Now, they all have a lot of interesting properties so we thought it would be fanbtastic if you could MAKE them from scratch.
 +
In essence, we are creating a system for creating polysaccharides on demand by manipulating E.coli.
 +
<br>
 +
<br>
 +
<div align="center" style="font-weight:bold">
 +
Wish us luck!
 +
</div>
 +
</div>
 +
<div class="actualtext2">
 +
Igem is literally the best thing in the world, an international competition encouraging both science and creativity. Starting in ..... it has since become world renowned..... We hope to do Exeter proud at the jamboree in  Amsterdam! Keep updated here on the wiki and also on our <a href="http://exigem2012.wordpress.com/">blog</a>!    
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 14:04, 28 June 2012

My website

What is the project?
What is iGEM?
Polysaccharides are literally the best things in the world so we thought we would use them for our iGEM project. Now, they all have a lot of interesting properties so we thought it would be fanbtastic if you could MAKE them from scratch. In essence, we are creating a system for creating polysaccharides on demand by manipulating E.coli.

Wish us luck!
Igem is literally the best thing in the world, an international competition encouraging both science and creativity. Starting in ..... it has since become world renowned..... We hope to do Exeter proud at the jamboree in Amsterdam! Keep updated here on the wiki and also on our blog!