CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(42 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style> | ||
+ | body{ min-width:1200px; } | ||
+ | </style> | ||
<!-- | <!-- | ||
var note = document.getElementById('expand'); | var note = document.getElementById('expand'); | ||
Line 6: | Line 9: | ||
--> | --> | ||
<head> | <head> | ||
+ | <!-- 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://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/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"> | ||
+ | |||
<!-- >>>>> 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 81: | Line 98: | ||
}} | }} | ||
controllingGeneralStyle(); | controllingGeneralStyle(); | ||
+ | window.location.href != 'https://2017.igem.org/Team:Greece/Project' ? $('#back_to_top').css('display', 'block') : $('#back_to_top').css('display', 'none'); | ||
}); | }); | ||
</script> | </script> | ||
Line 120: | Line 138: | ||
void(document.title = stateMsg.toUpperCase()); | void(document.title = stateMsg.toUpperCase()); | ||
controllingGeneralStyle(); | controllingGeneralStyle(); | ||
+ | $('#back_to_top').css('display', 'block'); | ||
} | } | ||
</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 'Description' : new_height = 4150; | ||
+ | break; | ||
+ | case 'Results' : new_height = 8900; | ||
+ | break; | ||
+ | case 'Design' : new_height = 10350; | ||
+ | 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 136: | Line 174: | ||
<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://static.igem.org/mediawiki/2017/8/85/Greekom_logo.png' /></a></li> | <img class='logo' id='logo' src='https://static.igem.org/mediawiki/2017/8/85/Greekom_logo.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 204: | Line 242: | ||
<script> | <script> | ||
function backToTop(){ | function backToTop(){ | ||
− | $('html, body').animate({scrollTop: '-= | + | /*$('html, body').animate({scrollTop: '-=15000px'}, 1800);*/ |
+ | $('#top_flag').goTo(); | ||
} | } | ||
</script> | </script> | ||
Line 210: | Line 249: | ||
<!-- 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 251: | Line 290: | ||
<!-- This script exists due to the innability of changing the <x> attribute of <tspan> in circles --> | <!-- 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 */ | /* Media Queries in JavaScript using nested if statements */ | ||
function onWindowResize(){ | function onWindowResize(){ | ||
− | |||
− | |||
− | |||
− | $('# | + | console.log(innerWidth); |
+ | 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' }); | ||
+ | |||
+ | console.log('1025 < x < 1366'); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if(window.innerWidth >= 1367){ | ||
+ | $('#f_circle_text').attr({ 'x': '-230' }); | ||
+ | |||
+ | $('#s_circle_text').attr({ 'x': '193' }); | ||
+ | |||
+ | $('#t_circle_text').attr({ 'x': '610' }); | ||
+ | |||
+ | console.log(' 1367 <= x '); | ||
} | } | ||
} | } | ||
− | + | $(window).resize(function () { | |
− | window. | + | |
onWindowResize(); | onWindowResize(); | ||
}); | }); | ||
onWindowResize(); | onWindowResize(); | ||
− | </script | + | </script> |
<script> | <script> |
Latest revision as of 01:01, 17 December 2017