Difference between revisions of "Team:NYU Abu Dhabi"

 
(46 intermediate revisions by the same user not shown)
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({
 
                container: $(svg.getElementById("bio")),
 
                title: "Biology",
 
                content: "Stuff",
 
                placement: 'top',
 
                trigger: 'click'
 
            });
 
 
 
 
            // // //
 
            $(svg.getElementById("engineering")).hover(function () {
 
                $(this).css('cursor', 'pointer');
 
            }, function () {
 
                $(this).css('cursor', 'auto');
 
            });
 
            $(svg.getElementById("engineering")).popover({
 
                container: $(svg.getElementById("engineering")),
 
                title: "Engineering",
 
                content: "Stuff",
 
                placement: 'top',
 
                trigger: 'click'
 
            });
 
 
 
            // // //
 
            $(svg.getElementById("demo")).hover(function () {
 
                $(this).css('cursor', 'pointer');
 
            }, function () {
 
                $(this).css('cursor', 'auto');
 
            });
 
            $(svg.getElementById("demo")).popover({
 
                container: $(svg.getElementById("demo")),
 
                title: "Engineering",
 
                content: "Stuff",
 
                placement: 'top',
 
                trigger: 'click'
 
            });
 
 
            // // //
 
            $(svg.getElementById("integrated")).hover(function () {
 
                $(this).css('cursor', 'pointer');
 
            }, function () {
 
                $(this).css('cursor', 'auto');
 
            });
 
            $(svg.getElementById("integrated")).popover({
 
                container: "body",
 
                title: "Engineering",
 
                content: "Stuff",
 
                placement: 'top',
 
                trigger: 'click'
 
            });
 
 
            // // //
 
            $(svg.getElementById("hpsilver")).hover(function () {
 
                $(this).css('cursor', 'pointer');
 
            }, function () {
 
                $(this).css('cursor', 'auto');
 
            });
 
            $(svg.getElementById("hpsilver")).popover({
 
                container: "body",
 
                title: "Engineering",
 
                content: "Stuff",
 
                placement: 'top',
 
                trigger: 'click'
 
            });
 
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
            // // //
 
            $(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: 'click'
 
            });
 
 
        }
 
    </script>
 
  
 
     <!-- Reset CSS -->
 
     <!-- Reset CSS -->
Line 234: Line 26:
 
     <!-- END CUSTOM CSS -->
 
     <!-- END CUSTOM CSS -->
  
 +
    <script>
 +
        window.onload = () => {
 +
            var activated;
 +
            var svg = document.getElementById("hero-image").getSVGDocument();
 +
 +
            var links = [
 +
                ["bio", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["engineering", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["demo", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"],
 +
                ["integrated", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"],
 +
                ["hpsilver", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["englab", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering"],
 +
                ["design", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"],
 +
                ["app", "https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["attributions", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Attributions"],
 +
                ["team", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Team"],
 +
                ["parts", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts"],
 +
                ["results", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Results"],
 +
                ["protocols", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Protocols"],
 +
                ["biolab", "https://2017.igem.org/Team:NYU_Abu_Dhabi/Biology"]
 +
            ]
 +
 +
            links.forEach(function (link) {
 +
                $(svg.getElementById(link[0])).hover(function () {
 +
                    $(this).css('cursor', 'pointer');
 +
                }, function () {
 +
                    $(this).css('cursor', 'auto');
 +
                }).click(function () {
 +
                    window.location.href = link[1];
 +
                });
 +
            });
 +
 +
 +
        }
 +
    </script>
 
</head>
 
</head>
  
Line 240: Line 67:
 
         <!-- Navbar -->
 
         <!-- Navbar -->
 
         <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
 
         <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
             <a class="navbar-brand" href="#">
+
             <a class="navbar-brand" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">
 
                 <img src="https://static.igem.org/mediawiki/2017/0/0d/T--NYU_Abu_Dhabi--horizontal-logo.png" alt="" />
 
                 <img src="https://static.igem.org/mediawiki/2017/0/0d/T--NYU_Abu_Dhabi--horizontal-logo.png" alt="" />
 
             </a>
 
             </a>
Line 249: Line 76:
 
             <div class="collapse navbar-collapse" id="navbarNavDropdown">
 
             <div class="collapse navbar-collapse" id="navbarNavDropdown">
 
                 <ul class="navbar-nav">
 
                 <ul class="navbar-nav">
                     <li class="nav-item active">
+
                     <li class="nav-item">
 
                         <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">Home
 
                         <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">Home
 
                             <span class="sr-only">(current)</span>
 
                             <span class="sr-only">(current)</span>
Line 263: Line 90:
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demo</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demo</a>
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Model">Model</a>
 
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design">Design</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design">Design</a>
 
                         </div>
 
                         </div>
Line 289: Line 115:
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP">Overview</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP">Overview</a>
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver">Silver Human Practices</a>
+
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Silver">Human Practices</a>
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated Practices</a>
+
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated Human Practices</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engagement">Engagement and Education</a>
 
                             <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engagement">Engagement and Education</a>
 
                         </div>
 
                         </div>
Line 312: Line 138:
 
         </nav>
 
         </nav>
  
         <!-- BEGIN CONTENT HERE -->
+
         <!-- BEGIN CONTENT HERE https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg-->
 
+
  
         <object id="hero-image" data="https://static.igem.org/mediawiki/2017/e/e9/Mainimg.svg" type="image/svg+xml"> </object>
+
         <object id="hero-image" data="https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg" type="image/svg+xml"> </object>
  
 
         <!-- END CONTENT HERE -->
 
         <!-- END CONTENT HERE -->
Line 343: Line 168:
 
                     <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-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>

Latest revision as of 17:44, 31 October 2017