Team:Heidelberg/DesignTest
From 2013.igem.org
(Difference between revisions)
m |
m |
||
(25 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
- | + | <!-- Warning! Although the jQuery loaded is declared in the framework code as "latest" it is version 1.4.2! | |
+ | Hence we need to load it ourselves | ||
+ | --> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
+ | |||
+ | var cssCalcExpression = (function() { | ||
+ | |||
+ | var vendorPrefixes = new Array('-o-','-moz-','-webkit-', ''), | ||
+ | retrievedValue, | ||
+ | prefix; | ||
+ | |||
+ | while (vendorPrefixes.length > 0) | ||
+ | { | ||
+ | prefix = vendorPrefixes.pop(); | ||
+ | retrievedValue = $( | ||
+ | "<span style='display:none;width:" | ||
+ | + prefix | ||
+ | + "calc(10px)'></span>" ).appendTo( "body" ).css('width' ); | ||
+ | if (retrievedValue === '10px') { | ||
+ | return function(expression, defaultValue) { | ||
+ | return prefix + 'calc(' + expression + ')'; | ||
+ | }; | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | return function(expression, defaultValue) { | ||
+ | return defaultValue ? defaultValue : ''; | ||
+ | }; | ||
+ | }()); | ||
+ | |||
+ | |||
window.onresize = function() { | window.onresize = function() { | ||
rotateMenu("menu-team", getMenuAngle(2.2)); | rotateMenu("menu-team", getMenuAngle(2.2)); | ||
Line 20: | Line 54: | ||
(function() { | (function() { | ||
+ | |||
+ | //alert("jQuery Version: " + jQuery.fn.jquery); | ||
+ | |||
+ | |||
$(window).load(function() { | $(window).load(function() { | ||
Line 80: | Line 118: | ||
//load the slider specific CSS | //load the slider specific CSS | ||
- | linkelem = document.createElement('link'); | + | /*linkelem = document.createElement('link'); |
linkelem.setAttribute("rel", "stylesheet"); | linkelem.setAttribute("rel", "stylesheet"); | ||
linkelem.setAttribute("type", "text/css"); | linkelem.setAttribute("type", "text/css"); | ||
linkelem.setAttribute("href", "https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css"); | linkelem.setAttribute("href", "https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css"); | ||
- | document.getElementsByTagName("head")[0].appendChild(linkelem); | + | document.getElementsByTagName("head")[0].appendChild(linkelem);*/ |
//add favorite icon if specified | //add favorite icon if specified | ||
Line 92: | Line 130: | ||
linkelem.setAttribute("rel", "shortcur icon"); | linkelem.setAttribute("rel", "shortcur icon"); | ||
linkelem.setAttribute("type", "image/x-icon"); | linkelem.setAttribute("type", "image/x-icon"); | ||
- | linkelem.setAttribute("href", | + | linkelem.setAttribute("href", faviconURL); |
document.getElementsByTagName("head")[0].appendChild(linkelem); | document.getElementsByTagName("head")[0].appendChild(linkelem); | ||
} | } | ||
Line 174: | Line 212: | ||
var root = document.getElementById(id); | var root = document.getElementById(id); | ||
root.style.position = "relative"; | root.style.position = "relative"; | ||
- | root.style.top = | + | root.style.top = cssCalcExpression("5.3em - " + angle[1] + "px", "5.3em"); // 100px from #main-menu |
var children = root.children; | var children = root.children; | ||
for (var i = 0; i < children.length; ++i) { | for (var i = 0; i < children.length; ++i) { | ||
Line 185: | Line 223: | ||
--> | --> | ||
</script> | </script> | ||
- | + | ||
<div id="top-matter"> | <div id="top-matter"> | ||
Line 246: | Line 284: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <img src="https://static.igem.org/mediawiki/2013/a/a4/ | + | <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol3.png" /> |
</li> | </li> | ||
<li> | <li> | ||
- | <img src="https://static.igem.org/mediawiki/2013/c/c4/ | + | <img src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_menu_symbol5.png" /> |
</li> | </li> | ||
<li> | <li> | ||
- | <img src="https://static.igem.org/mediawiki/2013/8/83/ | + | <img src="https://static.igem.org/mediawiki/2013/8/83/Heidelberg_menu_symbol6.png" /> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 287: | Line 325: | ||
<h5>Philosophers Stone</h5> | <h5>Philosophers Stone</h5> | ||
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. | 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. | ||
+ | <object data="https://2013.igem.org/wiki/index.php?title=Team:Heidelberg/DesignTest/Circle.svg&action=render&oldid=259395" type="image/svg+xml"> | ||
+ | <param name="src" value="https://2013.igem.org/wiki/index.php?title=Team:Heidelberg/DesignTest/Circle.svg&action=render&oldid=259395"> | ||
+ | Ihr Browser kann das Objekt leider nicht anzeigen! | ||
+ | </object> | ||
</td> | </td> | ||
</tr> | </tr> | ||
Line 411: | Line 453: | ||
</html> | </html> | ||
+ | |||
{{:Team:Heidelberg/Templates/EndPage}} | {{:Team:Heidelberg/Templates/EndPage}} |
Latest revision as of 15:51, 1 October 2013
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 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