Team:UCLA/anuved verma ucla2014 workspace/home

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 3: Line 3:
<html lang="en">
<html lang="en">
<!-- TITLE BANNER-->
<!-- TITLE BANNER-->
-
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br><Br>
+
<br/>
 +
<center><img style="padding: 0px 0px 0px 0px;" src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center>
 +
<br/>
<!--SLIDER-->
<!--SLIDER-->
-
<head>
+
<div class= "slider">
-
<link href="https://2014.igem.org/Team:UCLA/anuved_verma_ucla2014_workspace/jscore?action=raw&ctype=text/css" rel="stylesheet">
+
  <table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0">
-
<script>
+
    <tr>
-
$(document).ready(function() {
+
    <td><div id= "slide1"></div></td>
-
//Display slider for Javascript users
+
    <td><div id= "slide2"></div></td>
-
$('#Slider').css('display', 'block');
+
    <td><div id= "slide3"></div></td>
-
+
    </tr>
-
//Set height of slider (16/5 ratio)
+
  </table>
-
$('#Slider').css('height', ($('body').width() / 3.2));
+
    <div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div>
-
+
    <div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div>
-
//Position right/left arrows
+
</div>
-
var BarHeight = $('#Slider').height() -  $('#BottomLinks').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() -  $('#BottomLinks').height();
+
-
$('#LeftBar, #RightBar').css('height', BarHeight);
+
-
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
+
-
});
+
-
+
-
var TotalSlides = $('.Slides').length;
+
-
var CurrentSlide = 0;
+
-
$('#RightArrow').click(function() {
+
<br/>
-
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="Slide4" class="Slides"></div>
+
-
<div id="Slide5" class="Slides"></div>
+
-
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
+
-
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
+
-
<ul id="BottomLinks">
+
-
<li id="Link0" class="SlideLink">Intro</li><li id="Link1" class="SlideLink">Problem</li><li id="Link2" class="SlideLink">Situation</li><li id="Link3" class="SlideLink">Idea</li><li id="Link4" class="SlideLink">Solution</li><li id="Link5" class="SlideLink">Platform</li>
+
-
</ul>
+
-
</div>
+
-
</section>
+
-
</body>
+
<!--SUMMARY TILES-->
<!--SUMMARY TILES-->
-
<br><hr class="style-one">
+
<hr class="style-one">
 +
<br/>
<div class="container">
<div class="container">
     <div class = "expandedContent">
     <div class = "expandedContent">
Line 123: Line 70:
</div>
</div>
-
<div style="position:absolute;background-color:#transparent;width:100%;height:20%;top:1200px;z-index:-1;"></div>
+
<br/>
 +
 
 +
<div style="position:absolute;background-color:#transparent;width:100%;height:1%;top:1200px;z-index:-1;"></div>
</html>
</html>

Latest revision as of 01:23, 22 September 2014

Hello

lsdkjfclksdhflkjwehlrjfhlkwejrhfkljwehrlkjfwhlekjrhf

Hello

  • item1
  • item2
  • item3

Hello



Retrieved from "http://2014.igem.org/Team:UCLA/anuved_verma_ucla2014_workspace/home"