|
|
Line 10: |
Line 10: |
| <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapJS?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapJS?action=raw&ctype=text/javascript"></script> |
| | | |
− | <script>
| |
− | window.onload = () => {
| |
− | var activated;
| |
− | var svg = document.getElementById("hero-image").getSVGDocument();
| |
| | | |
− | // // //
| |
− | $(svg.getElementById("bio")).hover(function () {
| |
− | $(this).css('cursor', 'pointer');
| |
− | }, function () {
| |
− | $(this).css('cursor', 'auto');
| |
− | });
| |
| | | |
− | $(svg.getElementById("bio")).popover({
| + | <!-- Reset CSS --> |
− | container: 'body',
| + | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/ResetCSS?action=raw&ctype=text/css" /> |
− | title: "Biology",
| + | |
− | content: "Stuff",
| + | |
− | placement: "top",
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
| | | |
| | | |
| + | <!-- BEGIN CUSTOM CSS --> |
| | | |
− | // // //
| + | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/CSS?action=raw&ctype=text/css" /> |
− | $(svg.getElementById("engineering")).hover(function () {
| + | <!-- <link rel="stylesheet" href="./style.css" /> --> |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("engineering")).popover({
| + | |
− | container: 'body',
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
| | | |
| + | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/homeCSS?action=raw&ctype=text/css" /> |
| + | <!-- <link rel="stylesheet" href="./home.css" /> --> |
| | | |
− | // // //
| + | <!-- END CUSTOM CSS --> |
− | $(svg.getElementById("demo")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("demo")).popover({
| + | |
− | container: 'body',
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
| | | |
− | // // //
| + | <script> |
− | $(svg.getElementById("integrated")).hover(function () {
| + | window.onload = () => { |
− | $(this).css('cursor', 'pointer');
| + | var activated; |
− | }, function () { | + | var svg = document.getElementById("hero-image").getSVGDocument(); |
− | $(this).css('cursor', 'auto');
| + | |
− | }); | + | |
− | $(svg.getElementById("integrated")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
| | | |
− | // // // | + | var links = [ |
− | $(svg.getElementById("hpsilver")).hover(function () {
| + | ["bio", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Biology"], |
− | $(this).css('cursor', 'pointer'); | + | ["engineering", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering"], |
− | }, function () {
| + | ["demo", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"], |
− | $(this).css('cursor', 'auto'); | + | ["integrated", ""], |
− | });
| + | ["hpsilver", ""], |
− | $(svg.getElementById("hpsilver")).popover({
| + | ["englab", ""], |
− | container: "body", | + | ["design", ""], |
− | title: "Engineering", | + | ["model", ""], |
− | content: "Stuff", | + | ["attributions", ""], |
− | placement: 'top', | + | ["team", ""], |
− | trigger: "hover", | + | ["parts", ""], |
− | delay: { | + | ["results", ""], |
− | show: 0,
| + | ["protocols", ""], |
− | hide: 5000
| + | ["biolab", ""] |
− | } | + | ] |
− | }); | + | |
| | | |
| + | for (link in links) { |
| + | $(svg.getElementById(link[0])).hover(function () { |
| + | $(this).css('cursor', 'pointer'); |
| + | }, function () { |
| + | $(this).css('cursor', 'auto'); |
| + | }).click(function () { |
| + | window.location.href = link[1]; |
| + | }); |
| | | |
− | // // //
| + | } |
− | $(svg.getElementById("englab")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () { | + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("englab")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("design")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("design")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("model")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("model")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("attributions")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("attributions")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("team")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("team")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("parts")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("parts")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("results")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("results")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("protocols")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("protocols")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: "hover",
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | // // //
| + | |
− | $(svg.getElementById("biolab")).hover(function () {
| + | |
− | $(this).css('cursor', 'pointer');
| + | |
− | }, function () {
| + | |
− | $(this).css('cursor', 'auto');
| + | |
− | });
| + | |
− | $(svg.getElementById("biolab")).popover({
| + | |
− | container: "body",
| + | |
− | title: "Engineering",
| + | |
− | content: "Stuff",
| + | |
− | placement: 'top',
| + | |
− | trigger: 'hover',
| + | |
− | delay: {
| + | |
− | show: 0,
| + | |
− | hide: 5000
| + | |
− | }
| + | |
− | });
| + | |
− | | + | |
− | }
| + | |
| </script> | | </script> |
| <style> | | <style> |
Line 292: |
Line 77: |
| } | | } |
| </style> | | </style> |
− |
| |
− | <!-- Reset CSS -->
| |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/ResetCSS?action=raw&ctype=text/css" />
| |
− |
| |
− |
| |
− | <!-- BEGIN CUSTOM CSS -->
| |
− |
| |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/CSS?action=raw&ctype=text/css" />
| |
− | <!-- <link rel="stylesheet" href="./style.css" /> -->
| |
− |
| |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/homeCSS?action=raw&ctype=text/css" />
| |
− | <!-- <link rel="stylesheet" href="./home.css" /> -->
| |
− |
| |
− | <!-- END CUSTOM CSS -->
| |
| | | |
| </head> | | </head> |
Line 415: |
Line 186: |
| <div class="col-lg-4 footer-section"> | | <div class="col-lg-4 footer-section"> |
| <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png" /> | | <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png" /> |
− | <img class = "footer-logo2" src="https://static.igem.org/mediawiki/2017/2/2d/T--UrbanTundra_Edmonton--igemlogo.jpg" />
| + | <img class="footer-logo2" src="https://static.igem.org/mediawiki/2017/2/2d/T--UrbanTundra_Edmonton--igemlogo.jpg" /> |
| <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYU_Abu_Dhabi.png" /> | | <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYU_Abu_Dhabi.png" /> |
| </div> | | </div> |