Difference between revisions of "Team:NYU Abu Dhabi"

 
(104 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
  <head>
+
 
 +
<head>
 
     <!-- jQuery -->
 
     <!-- jQuery -->
 
     <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/jQuery?action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2017.igem.org/Template:NYU_Abu_Dhabi/jQuery?action=raw&ctype=text/javascript"></script>
Line 8: Line 9:
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSS?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSS?action=raw&ctype=text/css" />
 
     <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>
 +
 +
 +
 
     <!-- Reset CSS -->
 
     <!-- Reset CSS -->
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/ResetCSS?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" href="https://2017.igem.org/Template:NYU_Abu_Dhabi/ResetCSS?action=raw&ctype=text/css" />
 +
  
 
     <!-- BEGIN CUSTOM CSS -->
 
     <!-- BEGIN CUSTOM CSS -->
Line 21: Line 26:
 
     <!-- END CUSTOM CSS -->
 
     <!-- END CUSTOM CSS -->
  
  </head>
+
    <script>
  <body>
+
        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>
 +
 
 +
<body>
 
     <div id="app">
 
     <div id="app">
      <!-- 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>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
          <span class="navbar-toggler-icon"></span>
+
                aria-expanded="false" aria-label="Toggle navigation">
        </button>
+
                <span class="navbar-toggler-icon"></span>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
            </button>
          <ul class="navbar-nav">
+
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <li class="nav-item active">
+
                <ul class="navbar-nav">
              <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">Home <span class="sr-only">(current)</span></a>
+
                    <li class="nav-item">
            </li>
+
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi">Home
            <li class="nav-item dropdown">
+
                            <span class="sr-only">(current)</span>
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        </a>
                Project
+
                    </li>
              </a>
+
                    <li class="nav-item dropdown">
              <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Description">Our Project</a>
+
                            Project
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a>
+
                        </a>
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
+
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                <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/Description">Our Project</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/Results">Results</a>
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Design">Design</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
              </div>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">Demo</a>
            </li>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Applied_Design">Design</a>
 +
                        </div>
 +
                    </li>
  
            <li class="nav-item">
+
                    <li class="nav-item">
              <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations</a>
+
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations</a>
            </li>
+
                    </li>
  
            <li class="nav-item dropdown">
+
                    <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Lab Notebook
+
                            Lab Notebook
              </a>
+
                        </a>
              <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/Biology">Biology</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a>
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering">Engineering</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Engineering">Engineering</a>
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Protocols">Protocols</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Protocols">Protocols</a>
              </div>
+
                        </div>
            </li>
+
                    </li>
  
            <li class="nav-item dropdown">
+
                    <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Human Practices
+
                            Human Practices
              </a>
+
                        </a>
              <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">Human Practices</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>
            </li>
+
                    </li>
  
            <li class="nav-item">
+
                    <li class="nav-item">
              <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/InterLab">Interlab</a>
+
                        <a class="nav-link" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/InterLab">Interlab</a>
            </li>
+
                    </li>
  
            <li class="nav-item dropdown">
+
                    <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Team
+
                            Team
              </a>
+
                        </a>
              <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/Team">Team</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a>
                <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a>
+
                            <a class="dropdown-item" href="https://2017.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a>
              </div>
+
                        </div>
            </li>
+
                    </li>
          </ul>
+
                </ul>
        </div>
+
            </div>
      </nav>
+
        </nav>
     
+
      <!-- BEGIN CONTENT HERE -->
+
  
      <img id="hero-image" src="https://static.igem.org/mediawiki/2017/4/4c/T--NYU_Abu_Dhabi--homepage.jpg"/>
+
        <!-- BEGIN CONTENT HERE https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg-->
      <div class="home-content">
+
        <div class="section-block">
+
          <h2 class="section-header">Our Project</h2>
+
          <p class="section-content">The most common type of bacterial infection stems from contact with Escherichia coli, which when ingested can cause a variety of symptoms ranging from nausea to diarrhea.
+
          Shiga toxin-producing E. coli (STECs) are responsible for the majority of foodborne E. coli infections because the shiga toxin produced inhibits protein synthesis in all cells.
+
          While most countries now have stringent food safety regulations in place to prevent the sale of contaminated foods, small scale manufacturers, particularly street food vendors, often do not have access, time or pressure to consult laboratories about the safety of their food.
+
          Therefore, STEC-illnesses are still a major problem in countries that revolve around street food.</p>
+
          <p class="section-content">Our project aims to produce a portable device that allows for the detection of STEC through the use of loop-mediated isothermal amplification (LAMP), a technique that is similar to, but more sensitive than, polymerase chain reaction (PCR). The end goal of our project is to provide food vendors an opportunity to easily and quickly detect for the presence of STEC in their products to ensure that they are complying with government standards efficiently and conveniently. The results of each test will be uploaded into a database that provides consumers with the date, location and result of each STEC test. This will ensure that both vendor and consumer are safe, leading to a decreased incidence of foodborne E.coli infections.</p>
+
        </div>
+
      </div>
+
  
      <!-- END CONTENT HERE -->
+
        <object id="hero-image" data="https://static.igem.org/mediawiki/2017/b/b2/FinalImg.svg" type="image/svg+xml"> </object>
  
      <!-- Footer -->
+
        <!-- END CONTENT HERE -->
      <div class="footer">
+
 
        <div class = "container-fluid">
+
        <!-- Footer -->
          <div class="row">
+
        <div class="footer">
          <div class = "col-lg-4 footer-section">
+
            <div class="container-fluid">
            <p class = "footer-text">
+
                <div class="row">
              NYU Abu Dhabi is a research university with a fully integrated liberal arts and science college. It draws students from around the world, and prepares them for the challenges and opportunities of our interconnected world. </br> <a href="http://nyuad.nyu.edu/en/about.html">Read More</a>
+
                    <div class="col-lg-4 footer-section">
            </p>
+
                        <p class="footer-text">
          </div>
+
                            NYU Abu Dhabi is a research university with a fully integrated liberal arts and science college. It draws students from around
          <div class = "col-lg-4 footer-section">
+
                            the world, and prepares them for the challenges and opportunities of our interconnected world.
            <p class = "footer-text">
+
                            </br>
              NYUAD Saadiyat Island </br>
+
                            <a href="http://nyuad.nyu.edu/en/about.html">Read More</a>
              Abu Dhabi, P.O. Box 129188, U.A.E </br>
+
                        </p>
              <a href="mailto:nyuad.igem@nyu.edu">Email</a> </br>
+
                    </div>
              <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank">Facebook</a> </br>
+
                    <div class="col-lg-4 footer-section">
            </p>
+
                        <p class="footer-text">
          </div>
+
                            NYUAD Saadiyat Island </br>
          <div class = "col-lg-4 footer-section">
+
                            Abu Dhabi, P.O. Box 129188, U.A.E </br>
            <img class = "footer-logo" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png" />
+
                            <a href="mailto:nyuad.igem@nyu.edu">Email</a>
            <img class = "footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYU_Abu_Dhabi.png" />
+
                            </br>
          </div>
+
                            <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank">Facebook</a>
 +
                            </br>
 +
                        </p>
 +
                    </div>
 +
                    <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-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" />
 +
                    </div>
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
      </div>
+
</body>
    </div>
+
 
  </body>
+
 
</html>
 
</html>

Latest revision as of 17:44, 31 October 2017