- · 97.934 Slack messages sent
- · Data, data, data (all types, even Soong-type)
- · Wish we lived on Mars, for these extra 41 minutes in every day
- · "If the cell doesn’t like it, the cell doesn’t like it."
- · Breaking into a lab is not a crime (as long as you work there)
- · Thank you "On the Edge" for all the sensational ideas
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(39 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <style>body{ min-width: 1200px; }</style> | ||
<!-- >>>>> Meta <<<<< --> | <!-- >>>>> Meta <<<<< --> | ||
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' /> | <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' /> | ||
+ | |||
+ | <!-- Smooth Scroling Reference --> | ||
+ | <script type='text/javascript' src='https://2017.igem.org/Template:Greece/smooth_scrolling_reference?action=raw&ctype=text/javascript'></script> | ||
+ | |||
+ | <!-- MathJax Library --> | ||
+ | <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | |||
+ | <!-- Collapsable --> | ||
+ | <script type='text/javascript' src='https://2017.igem.org/Template:Greece/expanding_boxes_functionality?action=raw&ctype=text/javascript'></script> | ||
+ | <link href='https://2017.igem.org/Template:Greece/expanding_boxes_stylesheet?action=raw&ctype=text/css' rel='stylesheet'> | ||
+ | <!-- End of collapsable --> | ||
+ | |||
+ | <!-- Google Fonts --> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> | ||
<!-- Call Jquery --> | <!-- Call Jquery --> | ||
Line 50: | Line 65: | ||
}}; | }}; | ||
controllingGeneralStyle(); | controllingGeneralStyle(); | ||
+ | window.location.href != 'https://2017.igem.org/Team:Greece/Team' ? $('#back_to_top').css('display', 'block') : $('#back_to_top').css('display', 'none'); | ||
}); | }); | ||
</script> | </script> | ||
Line 88: | Line 104: | ||
$('#footer').addClass('reveal'); | $('#footer').addClass('reveal'); | ||
$('#ct1').goTo(); | $('#ct1').goTo(); | ||
− | void(document.title = | + | void(document.title = stateMsg.toUpperCase()); |
controllingGeneralStyle(); | controllingGeneralStyle(); | ||
+ | $('#back_to_top').css('display', 'block'); | ||
+ | |||
+ | if( stateMsg == 'Supervisors' || document.referrer == 'https://2017.igem.org/Team:Greece/Supervisors'){ $('#display_box').css('height', '1465px') } | ||
+ | |||
+ | else if( stateMsg == 'TeamRoster' || document.referrer == 'https://2017.igem.org/Team:Greece/TeamRoster'){ $('#display_box').css('height', '800px') } | ||
+ | |||
+ | else $('#display_box').css('height', '800px'); | ||
+ | |||
+ | |||
+ | if(stateMsg == 'Attributions') $('#display_box').css('height', '1000px'); | ||
} | } | ||
</script> | </script> | ||
+ | <script> | ||
+ | var str = 'https://2017.igem.org/Team:Greece/'; | ||
+ | var referrer = document.referrer; | ||
+ | var check = referrer.substring(str.length, referrer.length); | ||
+ | console.log(check); | ||
+ | var new_height; | ||
+ | switch(check){ | ||
+ | /*Project*/ | ||
+ | case 'Attributions' : new_height = 1000; | ||
+ | break; | ||
+ | } | ||
+ | $('#display_box').css('height', new_height); | ||
+ | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <span id='top_flag'></span> | + | <span id='top_flag' style='position: absolute; z-index: -100; margin: -100px 0px 0px 0px;'></span> |
<!-- Loading Screen --> | <!-- Loading Screen --> | ||
<div id='loading-background'> | <div id='loading-background'> | ||
Line 107: | Line 146: | ||
<nav class='menu'> | <nav class='menu'> | ||
<ul class='clearfix' id='list'> | <ul class='clearfix' id='list'> | ||
− | <li><a target='_self' href='https://2017.igem.org/Team:Greece | + | <li><a target='_self' href='https://2017.igem.org/Team:Greece'> |
<img class='logo' id='logo' src='https://cldup.com/0IRxBwvTKJ.png' /></a></li> | <img class='logo' id='logo' src='https://cldup.com/0IRxBwvTKJ.png' /></a></li> | ||
− | <!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece | + | <!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece'>HOME</a></li>--> |
<span id='just_to_align'> | <span id='just_to_align'> | ||
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Project'>PROJECT</a></li> | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Project'>PROJECT</a></li> | ||
Line 127: | Line 166: | ||
<circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t1' x='0' y='275' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t1' x='0' y='275' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="-230" dy="2.5em" onclick="displayMe('c_t1')">THE ROAD</tspan> | + | <tspan x="-230" dy="2.5em" onclick="displayMe('c_t1')" id='f_circle_textA'>THE ROAD</tspan> |
− | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">TO</tspan> | + | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>TO</tspan> |
− | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">BOSTON</tspan> | + | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textC'>BOSTON</tspan> |
</text></a> | </text></a> | ||
Line 135: | Line 174: | ||
<circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t2' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="195" dy="1.5em" onclick="displayMe('c_t2')">MEMBERS</tspan> | + | <tspan x="195" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textA'>MEMBERS</tspan> |
</text></a> | </text></a> | ||
Line 141: | Line 180: | ||
<circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="615" dy="1.5em" onclick="displayMe('c_t3')">SUPERVISORS</tspan> | + | <tspan x="615" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textA'>SUPERVISORS</tspan> |
</text></a> | </text></a> | ||
Line 147: | Line 186: | ||
<circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' class='svgGraphic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
<text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')">ATTRIBUTIONS</tspan> | + | <tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textA'>ATTRIBUTIONS</tspan> |
</text></a> | </text></a> | ||
</svg> | </svg> | ||
Line 153: | Line 192: | ||
<!-- Video Background --> | <!-- Video Background --> | ||
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop"> | <video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop"> | ||
− | <source src="https://static.igem.org/mediawiki/2017/ | + | <source src="https://static.igem.org/mediawiki/2017/3/3b/Greekom_team_background_video.mp4" type="video/mp4"> |
<!--<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">--> | <!--<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">--> | ||
</video> | </video> | ||
Line 173: | Line 212: | ||
<script> | <script> | ||
function backToTop(){ | function backToTop(){ | ||
− | $('html, body').animate({scrollTop: '-= | + | /*$('html, body').animate({scrollTop: '-=15000px'}, 1800);*/ |
+ | $('#top_flag').goTo(); | ||
} | } | ||
</script> | </script> | ||
Line 179: | Line 219: | ||
<!-- Footer Box --> | <!-- Footer Box --> | ||
<div id='footer' style='background:#ffffff; position: absolute; width:100%; height: 220px; z-index:1000;' class='hide'> | <div id='footer' style='background:#ffffff; position: absolute; width:100%; height: 220px; z-index:1000;' class='hide'> | ||
− | <img style='position:relative; width:100%; height:100%;' src='https://static.igem.org/mediawiki/2017/ | + | <img style='position:relative; width:100%; height:100%;' src='https://static.igem.org/mediawiki/2017/3/3a/Greekom_footer_new.png' /> |
</div> | </div> | ||
Line 210: | Line 250: | ||
z-index: 999; | z-index: 999; | ||
overflow: hidden; | overflow: hidden; | ||
+ | zoom: 0.5; | ||
} | } | ||
</style> | </style> | ||
Line 219: | Line 260: | ||
/* Media Queries in JavaScript using nested if statements */ | /* Media Queries in JavaScript using nested if statements */ | ||
function onWindowResize(){ | function onWindowResize(){ | ||
+ | |||
if(window.innerWidth > 1025){ | if(window.innerWidth > 1025){ | ||
if(window.innerWidth < 1367){ | if(window.innerWidth < 1367){ | ||
− | + | $('#f_circle_textA').attr({ 'x': '-208' }); | |
+ | $('#f_circle_textB').attr({ 'x': '-210' }); | ||
+ | $('#f_circle_textC').attr({ 'x': '-213' }); | ||
− | + | $('#s_circle_textA').attr({ 'x': '200' }); | |
− | + | $('#t_circle_textA').attr({ 'x': '615' }); | |
+ | |||
+ | $('#fo_circle_textB').attr({ 'x': '1020' }); | ||
+ | |||
+ | console.log(' 1025 < x < 1366 '); | ||
} | } | ||
} | } | ||
+ | if(window.innerWidth >= 1367){ | ||
+ | $('#f_circle_textA').attr({ 'x': '-230' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-230' }); | ||
+ | $('#f_circle_textC').attr({ 'x': '-230' }); | ||
+ | |||
+ | $('#s_circle_textA').attr({ 'x': '190' }); | ||
+ | |||
+ | $('#t_circle_textA').attr({ 'x': '612' }); | ||
+ | |||
+ | $('#fo_circle_textB').attr({ 'x': '1025' }); | ||
+ | |||
+ | console.log(' 1367 <= x '); | ||
} | } | ||
− | window. | + | |
+ | } | ||
+ | $(window).resize(function () { | ||
onWindowResize(); | onWindowResize(); | ||
}); | }); | ||
onWindowResize(); | onWindowResize(); | ||
</script> | </script> | ||
+ | |||
<script> | <script> |
Latest revision as of 04:05, 16 December 2017