Name | Description | Length |
BBa_K2364000 | pCMV | 589 bp |
BBa_K2364001 | pTRE | 315 bp |
BBa_K2364002 | rtTA (pANDORRA compatible) | 779 bp |
BBa_K2364003 | DsRed (pANDORRA compatible) | 710 bp |
BBa_K2364004 | Apoptin (pANDORRA compatible) | 398 bp |
BBa_K2364005 | Lacl (pANDORRA compatible) | 1151 bp |
BBa_K2364006 | SV40 polyA (pANDORRA compatible) | 244 bp |
BBa_K2364007 | FF4 - rbGlob polyA (pANDORRA compatible) | 976 bp |
BBa_K2364042 | miRNA-21-5p Target Tandem Repeats (x4) (T21) | 88 bp |
BBa_K2364043 | miRNA-372-3p Target Tandem Repeats (x4) (T372) | 92 bp |
BBa_K2364044 | miRNA-373-3p Target Tandem Repeats (x4) (T373) | 92 bp |
BBa_K2364045 | miRNA-143-3p Target Tandem Repeats (x4) (T143) | 84 bp |
BBa_K2364046 | FF4 Target Tandem Repeats (x3) (TFF4) | 66 bp |
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(47 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' /> | ||
− | + | <!-- 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 --> | |
− | + | <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/xlarge?action=raw&ctype=text/css" /> | |
− | + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/large?action=raw&ctype=text/css" /> | |
− | + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/medium?action=raw&ctype=text/css" /> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- >>>>> General Scripts<<<<< --> | |
− | + | ||
− | + | ||
<!-- On document.ready --> | <!-- On document.ready --> | ||
Line 36: | Line 37: | ||
//HIDE | //HIDE | ||
− | void(document.getElementById('loading-background').style.display = 'none'); | + | setTimeout(function(){void(document.getElementById('loading-background').style.display = 'none')}, 5000); |
//SHOW | //SHOW | ||
Line 45: | Line 46: | ||
// Change color of current link | // Change color of current link | ||
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | ||
+ | |||
+ | /* Plugin for smooth scroll down */ | ||
+ | (function($) { | ||
+ | $.fn.goTo = function() { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(this).offset().top + 'px'}, 1000); | ||
+ | return this; // for chaining... | ||
+ | } | ||
+ | })(jQuery); | ||
+ | sessionStorage.setItem('KEY', 'Achievements'); | ||
+ | |||
+ | if(link !== master){ if(link !== null){ | ||
+ | $('#display_box').css('display', 'block'); | ||
+ | $('.display_frame').removeClass('reveal'); | ||
+ | $('#' + link).addClass('reveal'); | ||
+ | $('#footer').addClass('reveal'); | ||
+ | $('#ct1').goTo(); | ||
+ | void(document.title = link.toUpperCase()); | ||
+ | }}; | ||
+ | controllingGeneralStyle(); | ||
+ | window.location.href != 'https://2017.igem.org/Team:Greece/Achievements' ? $('#back_to_top').css('display', 'block') : $('#back_to_top').css('display', 'none'); | ||
}); | }); | ||
</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> | ||
+ | /* Subsection onHover Functionality */ | ||
function onHoverChanges(idz){ | function onHoverChanges(idz){ | ||
− | + | $('#'+idz).css('opacity','1'); | |
} | } | ||
function onHoverHide(idz){ | function onHoverHide(idz){ | ||
− | + | $('.circlez').css('opacity','0.8'); | |
} | } | ||
</script> | </script> | ||
Line 69: | Line 95: | ||
case 'c_t2': stateMsg = 'Collaborations'; | case 'c_t2': stateMsg = 'Collaborations'; | ||
break; | break; | ||
− | case ' | + | case 'c_t3_basic': stateMsg = 'Basic_Part'; |
+ | break; | ||
+ | case 'c_t3_composite': stateMsg = 'Composite_Part'; | ||
+ | break; | ||
+ | case 'c_t3_collections': stateMsg = 'Part_Collection'; | ||
break; | break; | ||
case 'c_t4': stateMsg = 'InterLab'; | case 'c_t4': stateMsg = 'InterLab'; | ||
break; | break; | ||
} | } | ||
− | + | window.history.replaceState(null, null, stateMsg); | |
− | + | $('.display_frame').removeClass('reveal'); | |
− | + | $('#' + stateMsg).addClass('reveal'); | |
− | + | $('#footer').addClass('reveal'); | |
+ | $('#ct1').goTo(); | ||
+ | void(document.title = stateMsg.toUpperCase()); | ||
+ | controllingGeneralStyle(); | ||
+ | $('#back_to_top').css('display', 'block'); | ||
+ | |||
+ | network.once('stabilized', function() { | ||
+ | var coords = {x: -1700, y: -890}; | ||
+ | var scaleOption = { position: coords, scale : 0.45 }; | ||
+ | network.moveTo(scaleOption); | ||
+ | }) | ||
} | } | ||
</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 'Medals' : new_height = 1200; | ||
+ | break; | ||
+ | } | ||
+ | $('#display_box').css('height', new_height); | ||
+ | </script> | ||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
− | + | <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'> | ||
− | <img id='loading-gif' src='https:// | + | <img id='loading-gif' src='https://static.igem.org/mediawiki/2017/c/c6/Greekom_loading_gif.gif' alt='Loading...' /> |
</div> | </div> | ||
Line 96: | Line 151: | ||
<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 116: | Line 171: | ||
<circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" /> | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" /> | ||
<text class='animate_text' id='t1' x='0' y='295' text-anchor='middle' fill='#000000'> | <text class='animate_text' id='t1' x='0' y='295' text-anchor='middle' fill='#000000'> | ||
− | <tspan x="-227" dy="2.5em" onclick="displayMe('c_t1')">MEDAL</tspan> | + | <tspan x="-227" dy="2.5em" onclick="displayMe('c_t1')" id='f_circle_textA'>MEDAL</tspan> |
− | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')">CRITERIA</tspan> | + | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>CRITERIA</tspan> |
</text></a> | </text></a> | ||
Line 123: | Line 178: | ||
<circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' 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' 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=" | + | <tspan x="190" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textA'>COLLABORATIONS</tspan> |
</text></a> | </text></a> | ||
<a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
− | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick=" | + | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick="$('.particles').attr({'style':'visibility:visible;opacity:1;'})" 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="610" dy="1.5em" onclick="displayMe('c_t3')">PARTS</tspan> | + | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textA'>PARTS</tspan> |
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))" class='particles'> | ||
+ | <circle class='circlez' cx="400" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_basic' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' id='t3_basic' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
+ | <tspan x="400" dy="2em" onclick="displayMe('c_t3_basic')" id='t_circle_textB'>BASIC</tspan> | ||
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))" class='particles'> | ||
+ | <circle class='circlez' cx="610" cy="610" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_composite' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' id='t3_composite' x='0' y='580' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
+ | <tspan x="610" dy="2em" onclick="displayMe('c_t3_composite')" id='t_circle_textC'>COMPOSITE</tspan> | ||
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))" class='particles'> | ||
+ | <circle class='circlez' cx="820" cy="550" r="80" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3_collections' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' id='t3_collections' x='0' y='520' text-anchor='middle' fill='#000000' style='font-size: 20px;'> | ||
+ | <tspan x="820" dy="2em" onclick="displayMe('c_t3_collections')" id='t_circle_textD'>COLLECTIONS</tspan> | ||
</text></a> | </text></a> | ||
Line 135: | Line 208: | ||
<circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' 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' 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="1020" dy="1.5em" onclick="displayMe('c_t4')">INTERLAB</tspan> | + | <tspan x="1020" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textA'>INTERLAB</tspan> |
</text></a> | </text></a> | ||
</svg> | </svg> | ||
Line 147: | Line 220: | ||
<!-- Subsection Box --> | <!-- Subsection Box --> | ||
<div id='display_box'> | <div id='display_box'> | ||
− | < | + | <div id='ct1'><div id='Medals' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/Medals}}<html></div></div> |
− | < | + | <div id='Collaborations' width='100%' height='100%' class='display_frame hide'></html>{{Greece/Collaborations}}<html></div> |
− | < | + | <div id='Basic_Part' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/Basic_Part}}<html></div> |
− | < | + | <div id='Composite_Part' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/Composite_Part}}<html></div> |
+ | |||
+ | <div id='Part_Collection' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/Part_Collection}}<html></div> | ||
+ | |||
+ | <div id='InterLab' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/InterLab}}<html></div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | |||
+ | <div id='back_to_top' onmouseover="$(this).css('cursor', 'pointer')" onclick='backToTop()' ></div> | ||
+ | |||
+ | <script> | ||
+ | function backToTop(){ | ||
+ | /*$('html, body').animate({scrollTop: '-=15000px'}, 1800);*/ | ||
+ | $('#top_flag').goTo(); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-- Footer Box --> | ||
+ | <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/3/3a/Greekom_footer_new.png' /> | ||
</div> | </div> | ||
− | <!-- | + | <!-- Special Style --> |
<style> | <style> | ||
#svg_graphics_box{ margin: 0px 0px 0px 0px;} | #svg_graphics_box{ margin: 0px 0px 0px 0px;} | ||
− | .circlez{ | + | .circlez{ opacity: 0.8; } |
− | + | ||
− | } | + | |
.animate_text{ font-size: 25px; } | .animate_text{ font-size: 25px; } | ||
− | .circlez, .animate_text{cursor: pointer;} | + | .circlez, .animate_text{ cursor: pointer; } |
.opace{ opacity: 1; } | .opace{ opacity: 1; } | ||
.hide{ display:none;} | .hide{ display:none;} | ||
+ | |||
.reveal{ display: block; } | .reveal{ display: block; } | ||
− | + | .particles{ | |
+ | visibility: hidden; | ||
+ | opacity: 0; | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -ms-transition: opacity 1s ease-in-out; | ||
+ | -o-transition: opacity 1s ease-in-out; | ||
+ | } | ||
− | + | .slide_out{ left: -800px; } | |
− | + | ||
+ | .slide_in{ left: 0px; } | ||
video{ | video{ | ||
Line 189: | Line 284: | ||
top: 0%; | top: 0%; | ||
left: 0%; | left: 0%; | ||
− | width: 100%; | + | min-width: 100%; |
+ | min-height: 100%; | ||
+ | width: inherit; | ||
height: inherit; | height: inherit; | ||
z-index: 999; | z-index: 999; | ||
Line 196: | Line 293: | ||
</style> | </style> | ||
− | < | + | <!--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_textA').attr({ 'x': '-208' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-212' }); | ||
− | + | $('#s_circle_textA').attr({ 'x': '200' }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | $('#t_circle_textA').attr({ 'x': '613' }); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | if(window.innerWidth >= 1367){ | ||
+ | $('#f_circle_textA').attr({ 'x': '-227' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-230' }); | ||
− | + | $('#s_circle_textA').attr({ 'x': '190' }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | $('#t_circle_textA').attr({ 'x': '610' }); | |
− | + | $('#t_circle_textB').attr({ 'x': '400' }); | |
− | + | $('#t_circle_textC').attr({ 'x': '610' }); | |
− | + | $('#t_circle_textD').attr({ 'x': '820' }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | $(window).resize(function () { | ||
+ | onWindowResize(); | ||
+ | }); | ||
+ | onWindowResize(); | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
//Changes shall apply under void() | //Changes shall apply under void() | ||
Line 294: | Line 343: | ||
// Same application for it's side effect (display an ugly div by default) | // Same application for it's side effect (display an ugly div by default) | ||
− | void(document.getElementById('user_item').style.display = 'none'); | + | //void(document.getElementById('user_item').style.display = 'none'); |
void(document.getElementById('sideMenu').style.display = 'none'); | void(document.getElementById('sideMenu').style.display = 'none'); | ||
var element = document.getElementById('home_logo'); | var element = document.getElementById('home_logo'); |
Latest revision as of 04:02, 16 December 2017