Team:Heidelberg/DesignTest

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
-
<head>
 
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css" type="text/css">
 
-
 
-
<script src="https://2013.igem.org/Team:Heidelberg/JS?action=raw&ctype=text/javascript"></script>
 
-
<!-- Place in the <head>, after the three links -->
 
-
<script type="text/javascript" charset="utf-8">
 
-
 
-
 
-
(function() {
 
-
debugger;
 
-
  // store the slider in a local variable
 
-
  var $window = $(window),
 
-
      flexslider;
 
-
 
-
  // tiny helper function to add breakpoints
 
-
  function getGridSize() {
 
-
    return (window.innerWidth < 600) ? 2 :
 
-
          (window.innerWidth < 900) ? 3 : 4;
 
-
  }
 
-
 
 
-
 
-
  $window.load(function() {
 
-
    $('.flexslider').flexslider({
 
-
      animation: "slide",
 
-
      animationLoop: true,
 
-
      itemWidth: 300,
 
-
      itemMargin: 0,
 
-
      minItems: 1,//getGridSize(), // use function to pull in initial value
 
-
      maxItems: 3,//getGridSize(), // use function to pull in initial value
 
-
 
-
pauseOnHover: true,
 
-
slideshowSpeed: 3000,
 
-
animationSpeed: 700
 
-
   
 
-
});
 
-
  });
 
-
 
-
  // check grid size on resize event
 
-
  $window.resize(function() {
 
-
    var gridSize = getGridSize();
 
-
 
-
    flexslider.vars.minItems = gridSize;
 
-
    flexslider.vars.maxItems = gridSize;
 
-
  });
 
-
}());
 
-
 
-
</script>
 
-
 
-
<style>
 
-
 
-
body {
 
-
 
-
margin: 0 0 0 0;
 
-
padding: 3px 3px 3px 3px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
.flexslider {
 
-
 
-
padding: 10px 10px 10px 10px;
 
-
 
-
 
-
}
 
-
 
-
 
-
#carousel {
 
-
 
-
margin-left: 10%;
 
-
margin-right: 10%;
 
-
}
 
-
 
-
#goldbar{
 
-
height: 1.2em;
 
-
background-color: #ffcc00;
 
-
margin-bottom:0.5em;
 
-
}
 
-
#top{
 
-
text-align: center;
 
-
background-color: #292929;
 
-
height:5em;
 
-
margin-bottom:0.3em;
 
-
color: white;
 
-
}
 
-
 
-
</style>
 
-
 
-
</head>
 
-
 
-
 
-
<!-- Place somewhere in the <body> of your page -->
 
-
<div id="carousel" class="flexslider">
 
-
  <ul class="slides">
 
-
   
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol1.png" />
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol2.png" />
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol3.png" />
 
-
    </li>
 
-
<li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol1.png" />
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol2.png" />
 
-
    </li>
 
-
    <li>
 
-
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol3.png" />
 
-
    </li>
 
-
   
 
-
  </ul>
 
-
</div>
 
Find all templates used on <a href="https://2013.igem.org/Team:Heidelberg/Templates">the templates page</a> with coresponding explanations.<br />
Find all templates used on <a href="https://2013.igem.org/Team:Heidelberg/Templates">the templates page</a> with coresponding explanations.<br />
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

Revision as of 11:15, 12 September 2013

PHILOSOPHER'S STONE

igem-2013

bli
bla
additional: blub

Find all templates used on the templates page with coresponding explanations.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Philosophers Stone
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING

Retrieved from "http://2013.igem.org/Team:Heidelberg/DesignTest"