Team:Heidelberg/DesignTest
From 2013.igem.org
(Difference between revisions)
m |
|||
Line 1: | Line 1: | ||
{{:Team:Heidelberg/Templates/StartPage|DesignTest|Navi_left_Team|1}} | {{:Team:Heidelberg/Templates/StartPage|DesignTest|Navi_left_Team|1}} | ||
- | |||
{{:Team:Heidelberg/Templates/Gelpicture|9em|wiki/images/f/ff/IGem_Team_Heidelberg_Logo.gif|bli|bla|blub}} | {{:Team:Heidelberg/Templates/Gelpicture|9em|wiki/images/f/ff/IGem_Team_Heidelberg_Logo.gif|bli|bla|blub}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider" type="text/css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | <script src="https://2013.igem.org/Team:Heidelberg/JS"></script> | ||
+ | |||
+ | <!-- Place in the <head>, after the three links --> | ||
+ | <script type="text/javascript" charset="utf-8"> | ||
+ | |||
+ | |||
+ | (function() { | ||
+ | |||
+ | // 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:00, 12 September 2013
Find all templates used on the templates page with coresponding explanations.
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
T HIS COULD BE YOUR HEADING
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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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 StoneLorem 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