Difference between revisions of "Team:HKUST-Rice"

(Undo revision 22952 by Stephanieyiu (talk))
Line 1: Line 1:
 
{{HKUST-Rice}}
 
{{HKUST-Rice}}
 
<html>
 
<html>
 +
<head>
 +
                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
                <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script>
 +
<!--css-->
 +
<style>
 +
#Slider {
 +
position: relative;
 +
width: 100%;
 +
display: none;
 +
}
  
−
<div id="bannerContainer">
+
#Slider .Slides {
−
<br><br>
+
width: 100%;
−
<img src="https://static.igem.org/mediawiki/2015/9/97/File-Team_HKUST-Rice_banner_potato.jpg" alt="Error! " style="width:1300px;height:400px;margin-top: 10px;margin-bottom: 10px">
+
height: 100%;
 +
background-size: 100%, auto;
 +
}
 +
 
 +
#Slider #Slide0 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/c/c5/Hkust-rice-2015-slider-try-out1.jpg);
 +
}
 +
 
 +
#Slider #Slide1 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/c/c5/Hkust-rice-2015-slider-try-out2.jpg);
 +
display: none;
 +
}
 +
 
 +
#Slider #Slide2 {
 +
background-image: url(https://static.igem.org/mediawiki/2015/c/c5/Hkust-rice-2015-slider-try-out3.jpg);
 +
display: none;
 +
}
 +
 
 +
#Slider #Slide3 {
 +
background-image: url (https://static.igem.org/mediawiki/2015/c/c5/Hkust-rice-2015-slider-try-out4.jpg);
 +
display: none;
 +
}
 +
 
 +
#Slider .SideBar {
 +
position: absolute;
 +
top: 0;
 +
width: 90px;
 +
z-index: 1;
 +
}
 +
 
 +
#Slider #LeftBar {
 +
left: 0;
 +
}
 +
 
 +
#Slider #RightBar {
 +
right: 0;
 +
}
 +
 
 +
#Slider #LeftArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-left: 30px;
 +
background: url(https://static.igem.org/mediawiki/2015/5/55/Hkust-rice_slider-arrow-left.png) top no-repeat;
 +
}
 +
 
 +
#Slider #RightArrow {
 +
position: absolute;
 +
width: 60px;
 +
height: 60px;
 +
margin-right: 30px;
 +
background: url(https://static.igem.org/mediawiki/2015/5/55/Hkust-rice_slider-arrow-right.png) top no-repeat;
 +
}
 +
 
 +
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
 +
background-color: #000000;
 +
cursor: pointer;
 +
}
 +
</style>
 +
<script>
 +
$(document).ready(function() {
 +
//Display slider for Javascript users
 +
$('#Slider').css('display', 'block');
 
 
 +
//Set height of slider (16/5 ratio)
 +
$('#Slider').css('height', ($('body').width() / 3.2));
 
 
 +
//Position right/left arrows
 +
var BarHeight = $('#Slider').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
 +
//Repeats for window resize
 +
$(window).resize(function() {
 +
$('#Slider').css('height', ($('body').width() / 3.2));
 +
 +
var BarHeight = $('#Slider').height() ;
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 +
});
 +
 +
var TotalSlides = $('.Slides').length;
 +
var CurrentSlide = 0;
 +
 +
$('#RightArrow').click(function() {
 +
CurrentSlide = ++CurrentSlide % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('#LeftArrow').click(function() {
 +
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
function changeSlide(num){
 +
var SlideID = '#Slide' + num;
 +
$('.Slides').css('display', 'none');
 +
$(SlideID).css('display', 'block');
 +
}
 +
});
 +
</script>
 +
</head>
 +
 +
<body>
 +
<section id="HomePageContent">
 +
<div id="Slider">
 +
<div id="Slide0" class="Slides current"></div>
 +
<div id="Slide1" class="Slides"></div>
 +
<div id="Slide2" class="Slides"></div>
 +
<div id="Slide3" class="Slides"></div>
 +
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 +
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 
</div>
 
</div>
 +
  
 
<div style="text-align: center;"><h1>HKUST-Rice iGEM Team</h1></div>
 
<div style="text-align: center;"><h1>HKUST-Rice iGEM Team</h1></div>
Line 189: Line 315:
 
               </table>   
 
               </table>   
 
           </div>
 
           </div>
−
                   
+
</body>                   
  
 
</html>
 
</html>

Revision as of 02:26, 14 June 2015

HKUST-Rice iGEM Team

Potassium, Nitrate, and Phosphate Biosensors for Agriculture Assays

Abstract

Home Project Team Parts Notebook Human Practice Safety Future Work Achievement
  • Collabortion
  • Attribution
  • People
  • Basic
  • Composite
  • Protocol
  • Logbook
  • Debate
  • Evaluation Paper
  • Design
  • Labwork
  • Shipment
  • Application
  • Improvement