Line 1: | Line 1: | ||
{{UCopenhagen}} | {{UCopenhagen}} | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
Line 6: | Line 5: | ||
<meta name="viewport" content="width=device-width"> | <meta name="viewport" content="width=device-width"> | ||
<style> | <style> | ||
− | . | + | body { |
− | + | margin: 0; padding: 0; | |
− | + | } | |
+ | |||
+ | .picture { | ||
+ | position: relative; | ||
+ | display: inline; | ||
} | } | ||
− | . | + | .poster_bg { |
− | + | width: 50%; | |
} | } | ||
− | . | + | .texting { |
+ | position: absolute; | ||
display: inline-block; | display: inline-block; | ||
− | + | width: 50%; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | .tabcontent {display: none;} | ||
+ | #Top {display: block;} | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
Line 52: | Line 54: | ||
document.getElementById(ILName).style.display = "block"; | document.getElementById(ILName).style.display = "block"; | ||
evt.currentTarget.className += " active"; | evt.currentTarget.className += " active"; | ||
− | } | + | } |
− | + | ||
− | + | ||
</script> | </script> | ||
<!-- ok cool here starts the image --> | <!-- ok cool here starts the image --> | ||
− | |||
<div class="picture"> | <div class="picture"> | ||
− | + | <img class="poster_bg", src="https://static.igem.org/mediawiki/2020/8/81/T--UCopenhagen--Poster_full.png" usemap="#image-map"> | |
− | + | <map name="image-map"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Top')" id="defaultOpen" title="Top" coords="1499,472,0,0" shape="rect"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Biosensor')" title="Biosensor" coords="23,478,745,479,742,812,575,1220,579,1268,17,1269" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Model')" title="Model" coords="754,555,753,815,818,964,1484,960,1479,562" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Method')" title="Method" coords="820,969,918,1251,1499,1256,1484,969" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Results')" title="Results" coords="20,1280,604,1287,615,1308,615,1347,747,1405,741,1639,15,1630" shape="poly"> | |
− | + | <area class="tablinks" class="tablinks" onclick="openIL(event, 'Beyond')" title="Beyond" coords="17,1641,17,1903,747,1889,743,1651" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'HP')" title="HP" coords="902,1262,1477,1266,1480,1848,766,1848,761,1408,876,1340" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Drop')" title="Drop" coords="749,819,894,1182,902,1218,902,1239,898,1258,892,1288,881,1308,869,1328,856,1344,826,1366,798,1380,762,1386,735,1386,713,1382,686,1372,653,1351,631,1327,615,1304,596,1262,594,1223,599,1188,610,1150" shape="poly"> | |
− | + | <area class="tablinks" onclick="openIL(event, 'Footer')" title="Footer" coords="1497,2164,-1,1906" shape="rect"> | |
− | + | </map> | |
</div> | </div> | ||
− | |||
<div class="texting"> | <div class="texting"> | ||
Line 86: | Line 84: | ||
<div id="Model" class="tabcontent"> | <div id="Model" class="tabcontent"> | ||
<h1>Oh no</h1> | <h1>Oh no</h1> | ||
− | Uuuurgh tabulators don't work in internet explorer you idiot!! | + | Uuuurgh tabulators don't work in internet explorer you idiot!! aa asdas dasd asd asd asd asd asd asd asd asd asd asd asd asdasd assd |
− | + | </div> | |
− | + | <div id="Method" class="tabcontent"> | |
− | + | <h1>The saving</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
− | + | </div> | |
− | + | <div id="Results" class="tabcontent"> | |
− | + | <h1>The horror</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
− | + | </div> | |
− | + | <div id="Beyond" class="tabcontent"> | |
− | + | <h1>Double death</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
− | + | </div> | |
− | + | <div id="HP" class="tabcontent"> | |
− | + | <h1>Yo What do to now</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
− | + | </div> | |
− | + | <div id="Drop" class="tabcontent"> | |
− | + | <h1>Yo im crying</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
− | + | </div> | |
− | + | <div id="Footer" class="tabcontent"> | |
− | + | <h1>Yo kill me now</h1> | |
− | + | Jk, my one true love is Zen-senpai | |
</div> | </div> | ||
</div> | </div> | ||
− | |||
<script>imageMapResize();</script> | <script>imageMapResize();</script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:09, 8 November 2020