Difference between revisions of "Team:NYU Abu Dhabi/Science Sketch"

Line 1: Line 1:
−
 
 
<html>
 
<html>
−
<head>
 
−
<style>
 
  
−
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif');
 
−
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600');
 
  
−
body {
+
<script>
−
    background-color: #DCDCDC;
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
}
+
  
−
p {font-family: 'IBM Plex Sans', sans-serif;}
+
$(document).ready(function() {
  
−
h1 {
+
$("#HQ_page").attr('id','');
−
    text-align: center;
+
−
    color: #772C7F;
+
−
    font-family: 'IBM Plex Sans', sans-serif;
+
−
}
+
  
−
h2 {
+
//mobile menu access
−
    color: #772C7F;
+
$(".igem_2018_team_mobile_bar").click(function(){
−
    font-family: 'IBM Plex Sans', sans-serif;
+
$(this).next().toggleClass("displaying_menu");
−
}
+
});
−
   
+
−
h3 {
+
−
    color: #772C7F;
+
−
    font-family: 'IBM Plex Sans', sans-serif;
+
−
}
+
−
ol.b {
+
−
    list-style-type: upper-roman;
+
−
    font-family: 'IBM Plex Sans', sans-serif;
+
−
}
+
  
−
ol.a {
+
});
−
    font-family: 'IBM Plex Sans', sans-serif;
+
−
}
+
  
  
  
−
</style>
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 +
 
 +
<head>
 +
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!-- Bootstrap -->
 +
        <link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&amp;ctype=text/css" />
 +
        <script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&amp;ctype=text/javascript"></script>
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/CSS?action=raw&ctype=text/css">
 +
 
 
</head>
 
</head>
  
−
<body>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
<!-- ADDING PRELIMINARY DESCRIPTION -->
  
 +
<br> <br>
 
<h1>Science Sketch Collaboration</h1>
 
<h1>Science Sketch Collaboration</h1>
−
<p>We have initiated a collaboration request to ALL iGEM teams. We invite them to join us in showcasing the wonderment of iGEM and synthetic biology by creating a science sketch of their team’s project or any major techniques/principles that their project is using. </p>
+
<!-- <hr style="width:25%"> -->
−
<p>Through the series of 1-3-minute sketches, we hope to promote public awareness of the iGEM competition as well as to show how synthetic biology can be utilized to solve problems facing mankind in an innovative manner!</p>
+
<h2>We have initiated a collaboration request to ALL iGEM teams. We invite them to join us in showcasing the wonderment of iGEM and synthetic biology by creating a science sketch of their team’s project or any major techniques/principles that their project is using. </h2>
−
<p>The aim of the science sketches is to make a collaborative educational playlist with videos from teams all over the world, about their projects and/or the scientific principle behind their project. This playlist will be made public, so that any iGEM team can use it in their outreach activities, thus enabling all teams to spread the knowledge of synthetic biology to their communities.</p>
+
<h2>Through the series of 1-3-minute sketches, we hope to promote public awareness of the iGEM competition as well as to show how synthetic biology can be utilized to solve problems facing mankind in an innovative manner!</h2>
−
<p>We have also created a detailed description of <a href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sketch_Guide"> how to make a science sketch </a> to help other teams in creating their science sketches. </p>
+
<h2>The aim of the science sketches is to make a collaborative educational playlist with videos from teams all over the world, about their projects and/or the scientific principle behind their project. This playlist will be made public, so that any iGEM team can use it in their outreach activities, thus enabling all teams to spread the knowledge of synthetic biology to their communities.</h2>
 +
<h2>We have also created a detailed description of <a href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sketch_Guide"> how to make a science sketch </a> to help other teams in creating their science sketches. </h2>
 +
<br><br>
  
 
<div class="section-block">
 
<div class="section-block">
Line 55: Line 60:
 
     <div class="tab">
 
     <div class="tab">
 
         <button class="tablinks" onclick="openTab(event, 'iGEM')" id="defaultOpen">iGEM</button>
 
         <button class="tablinks" onclick="openTab(event, 'iGEM')" id="defaultOpen">iGEM</button>
−
         <button class="tablinks" onclick="openTab(event, 'RPA')">RPA</button>
+
         <button class="tablinks2" onclick="openTab(event, 'RPA')">RPA</button>
−
         <button class="tablinks" onclick="openTab(event, 'LAMP')">LAMP</button>
+
         <button class="tablinks3" onclick="openTab(event, 'LAMP')">LAMP</button>
  
 
     </div>
 
     </div>
Line 63: Line 68:
 
<br>
 
<br>
 
     <div id="iGEM" class="tabcontent">
 
     <div id="iGEM" class="tabcontent">
−
         <article>  
+
         <article>
 
             <p class="section-content">
 
             <p class="section-content">
−
     
+
 
 
<center>
 
<center>
 
   <video width="660" height="450" controls>
 
   <video width="660" height="450" controls>
Line 87: Line 92:
  
 
     <div id="LAMP" class="tabcontent">
 
     <div id="LAMP" class="tabcontent">
−
         <article>  
+
         <article>
 
<center>
 
<center>
 
   <video width="660" height="450" controls>
 
   <video width="660" height="450" controls>
Line 119: Line 124:
  
 
</body>
 
</body>
−
</html>
+
 
 +
 
 +
<!-- END -->
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
<head>
 +
    <script>
 +
        window.onload = () => {
 +
            var activated;
 +
            var svg = document.getElementById("hero-image").getSVGDocument();
 +
 
 +
            var links = [
 +
                ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["engineering", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["demo", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"],
 +
                ["integrated", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"],
 +
                ["hpsilver", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["englab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering"],
 +
                ["design", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"],
 +
                ["app", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["attributions", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions"],
 +
                ["team", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Team"],
 +
                ["parts", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts"],
 +
                ["results", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Results"],
 +
                ["protocols", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Protocols"],
 +
                ["biolab", "https://2018.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">
 +
  <!-- Navbar -->
 +
  <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
 +
  <a class="navbar-brand" href="https://2018.igem.org/Team:NYU_Abu_Dhabi"><img src="https://static.igem.org/mediawiki/2018/5/51/T--NYU_Abu_Dhabi--teamlogo.png" alt="logo" height="45" ></a>
 +
 
 +
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
    <span class="navbar-toggler-icon"></span>
 +
  </button>
 +
 
 +
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
    <ul class="navbar-nav mr-auto">
 +
 
 +
      <li class="nav-item" >
 +
        <a  class="nav-link"  href="https://2018.igem.org/Team:NYU_Abu_Dhabi">Home<span class="sr-only"></span></a>
 +
      </li>
 +
 
 +
      <li  class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          People
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a  class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a>
 +
          <a  class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a>
 +
          <a  class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sponsors">Sponsors</a>
 +
          <a  class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/About_Us">About Us</a>
 +
        </div>
 +
      </li>
 +
 
 +
 
 +
      <li class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Project
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Description">Description</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Design">Design</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstration">Demonstration</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Interlab">Interlab</a>
 +
        </div>
 +
      </li>
 +
 
 +
  <li class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Lab notebooks
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Ideation</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Engineering</a>
 +
 
 +
        </div>
 +
      </li>
 +
 
 +
  <li class="nav-item dropdown">
 +
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Human practices
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engagement">Education and public engagement</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated human practices</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Home Country Outreach</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Social Media</a>
 +
        </div>
 +
      </li>
 +
 
 +
      <li class="nav-item">
 +
        <a  class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreurship">Entrepreneurship</a>
 +
      </li>
 +
 
 +
      <li class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Collaborations
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Science_Sketch">Science Sketch</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Virtual_Conference">Virtual Conference</a>
 +
          <div class="dropdown-divider"></div>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Other_Collaborations">Other Collaborations</a>
 +
 
 +
        </div>
 +
      </li>
 +
    </ul>
 +
 
 +
  </div>
 +
  </nav>
 +
 
 +
<!-- Footer Begins -->
 +
 
 +
<!-- <footer class="footer">
 +
<div style="margin-top:100px;" class="footer">
 +
<div class="row">
 +
<div class="col-lg-8 col-sm-5 col-xm-5 col-md-6 footer-section">
 +
<h3 class="footer-text">
 +
                  <a href="https://worldwide.promega.com/" target="_blank"><img src="sponsors/Promega.png" alt="sponsor" height="90" width="120"></a>
 +
                  <a href="https://www.mathworks.com/"target="_blank" ><img src="sponsors/Appslink_Consulting.png" alt="sponsor" height="50" width="180"></a>
 +
                  <a href="https://eu.idtdna.com/pages"target="_blank"><img src="sponsors/IDT.png" alt="sponsor" height="40" width="200"></a>
 +
                  <a href="https://www.w3schools.com"target="_blank"><img src="sponsors/Mathworks.jpg" alt="sponsor" height="50" width="200"></a>
 +
                  <a href="https://nyuad.nyu.edu/en/"target="_blank"><img src="sponsors/primary-logo-black.png" alt="sponsor" height="60" width="180"></a>
 +
            </h3>
 +
  </div>
 +
 
 +
              <div class="col-lg-4 col-sm-5 col-xm-5 col-md-6 footer-section">
 +
    <h3 class="footer-text">
 +
                  <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
 +
                  <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a>
 +
                  <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a>
 +
                  <a href="https://www.youtube.com/channel/UCQnySAKw67slX8T6r9bAcYw" target="_blank"><span class="fa fa-youtube"></span></a>
 +
                  <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
 +
                </h3>
 +
  </div>
 +
 
 +
          </div>
 +
<div class="col-lg-4 footer-section"> -->
 +
<!-- <img class="footer-logo" src="https://static.igem.org/mediawiki/2017/c/c8/NYUAD_Logo_Black.png" /> -->
 +
<!-- </div>
 +
 
 +
 
 +
</div>
 +
</footer> -->
 +
 
 +
<!-- Footer Ends -->
 +
</body>
 +
 
 +
 
 +
<div class="igem_2018_team_content">
 +
<div class="igem_2018_team_column_wrapper">
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>

Revision as of 15:36, 20 September 2018



Science Sketch Collaboration

We have initiated a collaboration request to ALL iGEM teams. We invite them to join us in showcasing the wonderment of iGEM and synthetic biology by creating a science sketch of their team’s project or any major techniques/principles that their project is using.

Through the series of 1-3-minute sketches, we hope to promote public awareness of the iGEM competition as well as to show how synthetic biology can be utilized to solve problems facing mankind in an innovative manner!

The aim of the science sketches is to make a collaborative educational playlist with videos from teams all over the world, about their projects and/or the scientific principle behind their project. This playlist will be made public, so that any iGEM team can use it in their outreach activities, thus enabling all teams to spread the knowledge of synthetic biology to their communities.

We have also created a detailed description of how to make a science sketch to help other teams in creating their science sketches.