CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
| Line 2: | Line 2: | ||
<head> | <head> | ||
<!-- >>>>> 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' /> | ||
| Line 8: | Line 7: | ||
<script type="text/javascript" src="https://2017.igem.org/Template:Greece/latest_jquery?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/latest_jquery?action=raw&ctype=text/javascript"></script> | ||
| − | <! | + | <!-- >>>>> General Stylesheets <<<<< --> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | --> | + | |
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/CSS?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/CSS?action=raw&ctype=text/css" /> | ||
| Line 30: | Line 14: | ||
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/medium?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/medium?action=raw&ctype=text/css" /> | ||
| − | <!-- >>>>> Scripts <<<<< -- | + | <!-- >>>>> General Scripts <<<<< --> |
| − | + | ||
| − | + | ||
<!-- On document.ready --> | <!-- On document.ready --> | ||
| Line 57: | Line 39: | ||
} | } | ||
})(jQuery); | })(jQuery); | ||
| + | sessionStorage.setItem('KEY', 'Team'); | ||
| + | |||
if(link !== master){ if(link !== null){ | if(link !== master){ if(link !== null){ | ||
$('#display_box').css('display', 'block'); | $('#display_box').css('display', 'block'); | ||
| Line 67: | Line 51: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
| + | <!-- Master Script --> | ||
| + | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/master_script?action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
| Line 170: | Line 157: | ||
<!-- Subsection Box --> | <!-- Subsection Box --> | ||
<div id='display_box'> | <div id='display_box'> | ||
| − | < | + | <div id='ct1'><div id='TeamIntro' width='100%' height='100%' class='display_frame hide'></html>{{Greece/TeamIntro}}<html></div></div> |
<div id='TeamRoster' width='100%' height='100%' class='display_frame hide'></html>{{Greece/TeamRoster}}<html></div> | <div id='TeamRoster' width='100%' height='100%' class='display_frame hide'></html>{{Greece/TeamRoster}}<html></div> | ||
| Line 217: | Line 204: | ||
<!--Styling script--> | <!--Styling script--> | ||
| + | |||
| + | <!-- This script exists due to the innability of changing the <x> attribute of <tspan> in circles --> | ||
| + | <script> | ||
| + | /* Media Queries in JavaScript using nested if statements */ | ||
| + | function onWindowResize(){ | ||
| + | if(window.innerWidth > 1025){ | ||
| + | if(window.innerWidth < 1367){ | ||
| + | $('#f_circle_text').attr({ 'x': '-210' }); | ||
| + | |||
| + | $('#s_circle_text').attr({ 'x': '200' }); | ||
| + | |||
| + | $('#t_circle_text').attr({ 'x': '615' }); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | window.addEventListener("resize", function () { | ||
| + | onWindowResize(); | ||
| + | }); | ||
| + | onWindowResize(); | ||
| + | </script> | ||
| + | |||
<script> | <script> | ||
//Changes shall apply under void() | //Changes shall apply under void() | ||
