|
|
(76 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}} | + | {{ExeterMain}} |
| <html> | | <html> |
| + | <div id="image"> <!-- Image Gallery --> |
| | | |
- | <head> | + | <ul id="image_gallery"> <!-- Pictures --> |
- | <title>Exeter iGEM 2014</title> | + | <li><img src="https://static.igem.org/mediawiki/2014/9/97/Exeter2014_Main_Front.jpg"></li> |
- | <style> | + | <li><img src="https://static.igem.org/mediawiki/2014/0/02/Exeter2014_Main_Problem.jpg"></li> |
- | p {color: black;}
| + | <li><img src="https://static.igem.org/mediawiki/2014/3/30/Exeter2014_Main_Solution.jpg"></li> |
- | a {color: #006600;}
| + | <li><img src="https://static.igem.org/mediawiki/2014/e/e4/Exeter2014_Main_Project.jpg"></li> |
- | h3 {background-color: #006600; color: white;}
| + | |
- | </style> | + | </ul> |
- | <style type="text/css"> | + | <a href="#"> <!-- Make navigation buttons act like links --> |
| + | <span class="image_navigation" id="previous"></span> |
| + | <span class="image_navigation" id="next"></span> |
| + | </a> |
| + | |
| + | </div> |
| + | <div id="image_links"> |
| + | <ul id="pager"> |
| + | </ul> |
| + | </div> |
| + | <div id="description"> |
| | | |
- | | + | |
- | </style> | + | </div> |
- | | + | </html> |
- | <script type="text/javascript"> | + | {{ExeterFooter}} |
- | //Credit to http://www.javascriptkit.com
| + | |
- | | + | |
- | var pausebetweenmsg=1 //customize pause in miliseconds between each message showing up (3000=3 seconds)
| + | |
- | var curobjindex=0
| + | |
- | | + | |
- | function actualstyle(el, cssproperty){
| + | |
- | if (el.currentStyle)
| + | |
- | return el.currentStyle[cssproperty]
| + | |
- | else if (window.getComputedStyle){
| + | |
- | var elstyle=window.getComputedStyle(el, "")
| + | |
- | return elstyle.getPropertyValue(cssproperty)
| + | |
- | } | + | |
- | } | + | |
- | | + | |
- | function collectElementbyClass(){
| + | |
- | var classname="glidetext"
| + | |
- | glidearray=new Array()
| + | |
- | var inc=0
| + | |
- | var alltags=document.all? document.all : document.getElementsByTagName("*")
| + | |
- | for (i=0; i<alltags.length; i++){
| + | |
- | if (alltags[i].className==classname)
| + | |
- | glidearray[inc++]=alltags[i]
| + | |
- | }
| + | |
- | if (glidearray.length>0)
| + | |
- | onebyoneglide()
| + | |
- | }
| + | |
- | | + | |
- | function onebyoneglide(){
| + | |
- | if (curobjindex<glidearray.length)
| + | |
- | glidetimer=setInterval("glideroutine()",0.001)
| + | |
- | }
| + | |
- | | + | |
- | function glideroutine(){
| + | |
- | if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
| + | |
- | glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+5+"px"
| + | |
- | else{
| + | |
- | glidearray[curobjindex].style.left=0
| + | |
- | curobjindex++
| + | |
- | clearInterval(glidetimer)
| + | |
- | setTimeout("onebyoneglide()", pausebetweenmsg)
| + | |
- | }
| + | |
- | }
| + | |
- | | + | |
- | if (window.addEventListener)
| + | |
- | window.addEventListener("load", collectElementbyClass, false)
| + | |
- | else if (window.attachEvent)
| + | |
- | window.attachEvent("onload", collectElementbyClass)
| + | |
- | else if (document.getElementById)
| + | |
- | window.onload=collectElementbyClass
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | function confuse(){
| + | |
- | b = document.getElementById("confusing_button");
| + | |
- | b.style.top = (400+(Math.random()*180)).toString()+"px";
| + | |
- | b.style.left = (400+(Math.random()*360)).toString()+"px";
| + | |
- | }
| + | |
- | | + | |
- | </script>
| + | |
- | </head>
| + | |
- | | + | |
- | <body style="background-color:#F2F0FF;">
| + | |
- | | + | |
- | <button onmouseover="confuse()" class="glidetext" id="confusing_button" onclick="alert('Level 2')" style="position:absolute; top:400px; left:580px;">More info</button>
| + | |
- | | + | |
- | <center>
| + | |
- | | + | |
- | <p style="font-family:Helvetica, serif; width:400pt;">This summer the Exeter iGEM Team is working on an exciting project to solve the issue of chemical contamination. Decades of production and misuse have left some areas of the world polluted by explosive and chemical weapons; we aim to create a product with the ability to remediate these areas.</p>
| + | |
- | <p style="font-family:Helvetica, serif; width:400pt;">
| + | |
- | We will be using modern techniques in the field of Synthetic Biology, while taking advantage of our interdisciplinary team to apply them in innovative ways.</p>
| + | |
- | <p style="font-family:Helvetica, serif; font-weight:bold; width:400pt;">
| + | |
- | Although we are only in early stages currently, check back on our website over the summer for more updates!
| + | |
- | </p>
| + | |
- | </center>
| + | |
- | | + | |
- | | + | |
- | </body>
| + | |