Difference between revisions of "Team:Tuebingen"
(39 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
max-width:80%; | max-width:80%; | ||
max-height:80%; | max-height:80%; | ||
+ | } | ||
+ | |||
+ | div.chalkie {position:absolute;width:10vw;height:10vw;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;transition:opacity 1.3s;} | ||
</style> | </style> | ||
− | <div id="main" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;text-align:center;opacity:0;transition:opacity 0. | + | <div id="main" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;text-align:center;opacity:0;transition:opacity 0.8s;"><img id="colizentriert" src="https://static.igem.org/mediawiki/2015/a/a2/Team_Tuebingen_Chalkiewithtextlogo.png"/></div> |
+ | |||
+ | <div id="animation" style="position:absolute;top:0px;left:0px;bottom:0px;right:0px;text-align:center;"><img style="max-width:80%;max-height:80%" id="aniSrc" /></div> | ||
+ | |||
− | |||
</div></div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | </div></div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | ||
+ | |||
+ | |||
+ | <div class="chalkie" style="left:75vw;top:30vw; max-height: 200px; background-image:url(https://static.igem.org/mediawiki/2015/c/c4/Cellfie_Startseitensections_Art.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Art_and_Design';title="Art and Design""></div> | ||
+ | |||
+ | <div class="chalkie" style="left:10vw;top:16vw;max-height: 200px;background-image:url(https://static.igem.org/mediawiki/2015/b/be/Cellfie_Startseitensections_Project.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Description';"title="Project"></div> | ||
+ | |||
+ | <div class="chalkie" style="left:75vw;top:6vw;max-height: 200px;background-image:url(https://static.igem.org/mediawiki/2015/c/cd/Cellfie_Startseitensections_Human_Practice.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Practices';"title="Human Practices"></div> | ||
+ | |||
+ | <div class="chalkie" style="left:15vw;top:30vw;max-height: 200px;background-image:url(https://static.igem.org/mediawiki/2015/7/7f/Cellfie_Startseitensections_Modelling.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Modeling';"title="Modeling"></div> | ||
+ | |||
+ | <div class="chalkie" style="left:80vw;top:16vw;max-height: 200px;background-image:url(https://static.igem.org/mediawiki/2015/5/5f/Chalkie_acknowledgements.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Attributions';"title="Attributions"></div> | ||
+ | |||
+ | <div class="chalkie" style="left:15vw;top:6vw;max-height: 200px;background-image:url(https://static.igem.org/mediawiki/2015/4/4d/Cellfie_Startseitensections_Team.png);" onclick="window.location.href='https://2015.igem.org/Team:Tuebingen/Team';" title="Team"></div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
ani = document.getElementById('animation'); | ani = document.getElementById('animation'); | ||
+ | aniSrc = document.getElementById('aniSrc'); | ||
main = document.getElementById('main'); | main = document.getElementById('main'); | ||
− | + | aniSrc.src = 'https://static.igem.org/mediawiki/2015/a/a7/Cellfietransformation_animation_witheffects2_transparent.gif'; | |
− | + | function run() { | |
+ | ani.style.display = 'none'; | ||
+ | main.style.opacity = 1; | ||
+ | var chalkies = document.getElementsByClassName('chalkie'); | ||
+ | for (var i=0;i<chalkies.length;i++) { | ||
+ | chalkies[i].style.opacity = 1; | ||
+ | } | ||
+ | } | ||
+ | window.setTimeout("run();",10500); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 03:53, 19 September 2015
<
>