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

 
(69 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<html>
+
<!DOCTYPE html>
 +
<html>https://2018.igem.org/
 +
 
 +
 
 +
<script>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
$(document).ready(function() {
 +
$("#HQ_page").attr('id','');
 +
//mobile menu access
 +
$(".igem_2018_team_mobile_bar").click(function(){
 +
$(this).next().toggleClass("displaying_menu");
 +
});
 +
});
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 +
 
 
<head>
 
<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>
 
<style>
 
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
/* body {background-color:white;
 +
width: 960px; */
 +
    /* width: 80%; */
 +
      /* margin: auto;} */
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif');
+
/**************************************************************************************************************************************************************************************************/
−
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600');
+
/* MENU */
−
 
+
/**************************************************************************************************************************************************************************************************/
−
body {
+
.igem_2018_team_menu .submenu{
−
    background-color: #DCDCDC;
+
background-color: white;
 +
clear:both;
 +
display:none;
 +
float: left;
 +
width:100%;
 
}
 
}
 +
/* Styling the menu */
 +
/*this wraps the whole of the menu*/
 +
.igem_2018_team_menu {
 +
background-color:white;
 +
border-left: 1px solid white;
 +
display:block;
 +
float:right;
 +
height:100vh;
 +
max-width: 270px;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
padding:0px;
 +
position:fixed;
 +
right:0%;
 +
text-align:left;
 +
width: 15%;
 +
}
 +
.igem_2018_team_menu.displaying_menu{
 +
display:block;
 +
}
 +
.igem_2018_team_menu  a {
 +
color: white;
 +
text-decoration:none;
 +
text-align: center;
 +
}
 +
.igem_2018_team_menu img {
 +
width:100%;
 +
}
 +
.igem_2018_team_menu .menu_item {
 +
background-color: white;
 +
border-bottom: 1px solid white;
 +
clear: both;
 +
color: white;
 +
cursor: pointer;
 +
float: left;
 +
font-size: 120%;
 +
font-weight: bold;
 +
padding: 15px 0px 15px 5%;
 +
width: 100%;
 +
}
 +
.igem_2018_team_menu .menu_item.direct_link {
 +
color: white;
 +
padding-left: 15%;
 +
}
 +
.igem_2018_team_menu .menu_item:hover {
 +
background-color: white;
 +
}
 +
.igem_2018_team_menu .menu_item .submenu_control_icon {
 +
color: white;
 +
float: left;
 +
width: 10%;
 +
}
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 +
content:"-";
 +
}
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 +
content:"+";
 +
}
 +
/* styling for a submenu item */
 +
.igem_2018_team_menu .submenu .submenu_item {
 +
border-bottom: 1px solid white;
 +
color: white;
 +
height: 30px;
 +
float: left;
 +
font-size: 110%;
 +
font-weight: bold;
 +
padding: 12px 0px 0px 15%;
 +
width: 100%;
 +
}
 +
.igem_2018_team_menu .submenu .submenu_item:hover {
 +
background-color: white;
 +
}
 +
.igem_2018_team_menu .submenu .submenu_item.current_page,
 +
.igem_2018_team_menu .menu_item.current_page,
 +
.igem_2018_team_menu .menu_item.direct_link.current_page {
 +
background-color:white;
 +
}
 +
/* NAVBAR STYLES */
 +
.navbar {
 +
    background-color: white;
 +
    font-size: 1rem;
 +
}
 +
.navbar-brand>img {
 +
    width: 120px;
 +
    height: 33px;
 +
    position: relative;
 +
}
 +
.navbar a:visited {
 +
    color: #000;
 +
}
 +
/*Styling Buttons*/
 +
.fa {
 +
font-size: 20px;
 +
padding:17px;
 +
width: 54px;
 +
text-align: center;
 +
text-decoration: none;
 +
/* margin: 5px 2px; */
 +
border-radius: 50%;
 +
}
 +
.fa:hover {
 +
opacity: 0.7;
 +
}
 +
.fa-facebook {
 +
background: #7E5BD3;
 +
color: white;
 +
}
 +
.fa-twitter {
 +
background: #7E5BD3;
 +
color: white;
 +
}
 +
.fa-google {
 +
background: #7E5BD3;
 +
color: white;
 +
}
 +
.fa-youtube {
 +
background: #7E5BD3;
 +
color: white;
 +
}
 +
.fa-instagram {
 +
background: #7E5BD3;
 +
color: white;
 +
}
 +
/* end of styling buttons */
 +
/* Styling the footer */
 +
.footer>.container-fluid {
 +
padding: 10px 10px;
 +
}
 +
.footer>.container-fluid>.row {
 +
display: flex;
 +
}
 +
.footer-section {
 +
text-align: center !important;
 +
/* padding: 0px 25px; */
 +
display: flex;
 +
flex-wrap: wrap;
 +
flex-direction: row;
 +
align-items: center;
 +
align-content: center;
 +
justify-content: center;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
}
 +
.footer-text {
 +
text-align: center !important;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
}
 +
.footer-logo {
 +
width: 80%;
 +
padding-right: 10px;
 +
display: inline-block;
 +
}
 +
.footer-logo2 {
 +
width: 100%;
 +
padding-right: 15px;
 +
display: inline-block;
 +
}
 +
.footer {
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
width:100%;
 +
}
 +
/*end of styling the footer */
 +
/*mobile menu bar styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
.igem_2018_team_mobile_bar {
 +
background-color:#e4dede;
 +
border-bottom: 1px solid #c4baba;
 +
cursor:pointer;
 +
display:none;
 +
float:left;
 +
margin-top: 0;
 +
padding: 5px 0;
 +
position:fixed;
 +
width:100%;
 +
}
 +
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
.igem_logo_mobile {
 +
float:left;
 +
padding-left: 5%;
 +
width: 30%;
 +
}
 +
.igem_menu_control_mobile img {
 +
width:25px;
 +
}
 +
.igem_menu_control_mobile {
 +
float:right;
 +
padding-right:5%;
 +
padding-top:5px;
 +
text-align:right;
 +
width: 30%;
 +
}
 +
/**************************************************************************************************************************************************************************************************/
 +
/* CONTENT OF THE PAGE */
 +
/**************************************************************************************************************************************************************************************************/
 +
/* general wrapper for the content */
 +
.igem_2018_team_content {
 +
background-color: white;
 +
display:block;
 +
width: 87%;
 +
}
 +
/* subwrapper to center content */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper {
 +
margin:auto;
 +
max-width: 1400px;
 +
width:90%;
 +
}
 +
/*general styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
 +
/* styling for the titles h1, h2*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
 +
border-bottom:0px;
 +
color: #2A4C44;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
padding: 10px 0px;
 +
}
 +
/* styling for the titles h3, h3, h5, h6 */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
 +
border-bottom:0px;
 +
color: #2A4C44;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
padding: 5px 0px;
 +
}
 +
/* text */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper p {
 +
font-size: 130%;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
padding: 5px 0px;
 +
text-align: left;
 +
color: #2A4C44;
 +
}
 +
/* Links */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a {
 +
color: #2A4C44;
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color:#772C7F;
 +
transition: all 0.4s ease;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
}
 +
/* hover for the links */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
 +
color: #2A4C44;
 +
text-decoration:none;
 +
}
 +
/* Table */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper table {
 +
border: 1px solid #2A4C44;
 +
border-collapse: collapse;
 +
font-size: 130%;
 +
width: 100%;
 +
}
 +
/* table cells */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper td {
 +
border: 1px solid #2A4C44;
 +
border-collapse: collapse;
 +
font-size: 105%;
 +
padding: 10px;
 +
vertical-align: text-top;
 +
}
 +
/* table headers */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper th {
 +
background-color:white;
 +
border: 1px solid #2A4C44;
 +
border-collapse: collapse;
 +
font-size: 110%;
 +
padding: 10px;
 +
vertical-align: text-top;
 +
}
 +
/* non numbered lists */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 +
font-size: 130%;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
padding:0px 20px;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
 +
/*layout classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
/*main layout class */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
 +
float:left;
 +
margin: 1% 2%;
 +
padding: 0px;
 +
}
 +
/* 100% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
 +
/* 66% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
 +
/* 33% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
 +
/*styling for all images*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 +
margin-bottom: 15px;
 +
width: 100%;
 +
}
 +
/* page break */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
 +
clear:both;
 +
}
 +
/*add extra space to page break with clear class*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
 +
height: 30px;
 +
}
 +
/* horizontal line to divide the page*/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
 +
    border-top: 1px solid #6FCCB5;
 +
  margin: auto;
 +
  width: 98%;
 +
}
 +
/*support classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
/*Button  */
 +
/************************************************/
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
 +
font-size: 130%;
 +
margin: 30px auto;
 +
text-align: center;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
 +
background-color: white;
 +
color: #6FCCB5 !important;
 +
font-weight: bold;
 +
margin: auto;
 +
text-decoration: none !important;
 +
padding: 10px 15px;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
 +
background-color: white !important;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
 +
padding: 15px 20px;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
 +
padding: 5px 15px;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
 +
background-color: #F6A4FF;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
 +
    border-top: 4px solid #F6A4FF;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
 +
    border: 4px solid #F6A4FF;
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
 +
    border-top: 4px solid #F6A4FF
 +
}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
 +
    border: 4px solid #f8b732;
 +
}
 +
/*mobile*/
 +
/**************************************************************************************************************************************************************************************************/
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
.igem_2018_team_content { width: 85%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
.igem_2018_team_menu .menu_item { font-size:100%;}
 +
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
@media only screen and (max-width: 1001px) {
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1000px) {
 +
.igem_2018_team_content {width:100%; margin-left:0px;}
 +
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 +
.igem_2018_team_mobile_bar {display:block;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 +
}
 +
@media only screen and (max-width: 500px) {
 +
.igem_2018_team_menu {min-width:100%; width:100%; }
 +
}
 +
/**************************************************************************************************************************************************************************************************/
 +
</style>
 +
</head>
  
−
p {font-family: 'IBM Plex Sans', sans-serif;}
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
h1 {
+
<head>
−
     text-align: center;
+
 
−
     color: #772C7F;
+
<!-- This tells the browser that your page is responsive -->
−
     font-family: 'IBM Plex Sans', sans-serif;
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
<!-- ADDING PRELIMINARY DESCRIPTION -->
 +
<style>
 +
* {
 +
     box-sizing: border-box;
 +
}
 +
/* Create two equal columns that floats next to each other */
 +
.column {
 +
     float: left;
 +
     width: 50%;
 +
    padding: 10px;
 +
}
 +
/* Clear floats after the columns */
 +
.row:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both;
 +
}
 +
/* USE THIS FOR PAGE HEADINGS */
 +
h6 {
 +
font-family: 'IBM Plex Sans', serif;
 +
color: #0BB4C1;
 +
  font-size: 30px;
 +
  text-align: center;
 
}
 
}
 +
/* USE THIS FOR PARAGRAPH TEXT */
 
h2 {
 
h2 {
−
    color: #772C7F;
+
font-family: 'IBM Plex Sans', serif;
−
    font-family: 'IBM Plex Sans', sans-serif;
+
color: black;
 +
font-size: 15px;
 +
text-align: justify;
 +
margin-right: 90px;
 +
margin-left: 90px;
 
}
 
}
−
   
+
/* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/
 
h3 {
 
h3 {
−
    color: #772C7F;
+
font-family: 'IBM Plex Sans', serif;
−
    font-family: 'IBM Plex Sans', sans-serif;
+
color: white;
 +
  font-size: 15px;
 +
  /* text-align: left; */
 +
  /* margin-right: 90px;
 +
  margin-left: 90px; */
 
}
 
}
−
ol.b {
+
/* USE THIS FOR SUBHEADINGS */
−
    list-style-type: upper-roman;
+
h4 {
−
    font-family: 'IBM Plex Sans', sans-serif;
+
  font-family: 'IBM Plex Sans', serif;
 +
color: #274F96;
 +
  font-size: 15px;
 +
  text-align: left;
 +
  margin-right: 90px;
 +
  margin-left: 90px;
 
}
 
}
−
 
+
h5 {
−
ol.a {
+
  font-family: 'IBM Plex Sans', serif;
−
    font-family: 'IBM Plex Sans', sans-serif;
+
color: #0085B6;
 +
  font-size: 15px;
 +
  text-align: left;
 +
  margin-right: 90px;
 +
  margin-left: 90px;
 
}
 
}
 +
body {
 +
/* background-image: url("https://static.igem.org/mediawiki/2018/d/df/T--NYU_Abu_Dhabi--Homepage.png"); */
 +
    background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
div{
 +
/* width: 1000px; */
 +
    margin: auto;
 +
    border: none;
 +
}
 +
.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    width: 50%;
 +
}
 +
.tablinks {
 +
margin-top: 15px;
 +
/* margin-left: 50%;
 +
transform: translateX(-50%); */
 +
min-width: 80px;
 +
padding: 10px 15px 10px 15px;
 +
border: 2px solid black;
 +
border-radius: 20px;
 +
transition: background-color 0.1s linear, color 0.1s linear;
 +
text-transform: uppercase;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
font-size: 0.7rem;
 +
letter-spacing: 2px;
 +
font-weight: 800;
 +
}
 +
.tablinks2 {
 +
margin-top: 15px;
 +
/* margin-left: 50%;
 +
transform: translateX(-50%); */
 +
min-width: 80px;
 +
padding: 10px 15px 10px 15px;
 +
border: 2px solid black;
 +
border-radius: 20px;
 +
transition: background-color 0.1s linear, color 0.1s linear;
 +
text-transform: uppercase;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
font-size: 0.7rem;
 +
letter-spacing: 2px;
 +
font-weight: 800;
 +
}
 +
.tablinks3 {
 +
margin-top: 15px;
 +
/* margin-left: 50%;
 +
transform: translateX(-50%); */
 +
min-width: 80px;
 +
padding: 10px 15px 10px 15px;
 +
border: 2px solid black;
 +
border-radius: 20px;
 +
transition: background-color 0.1s linear, color 0.1s linear;
 +
text-transform: uppercase;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
font-size: 0.7rem;
 +
letter-spacing: 2px;
 +
font-weight: 800;
 +
}
 +
.tablinks4 {
 +
margin-top: 15px;
 +
/* margin-left: 50%;
 +
transform: translateX(-50%); */
 +
min-width: 80px;
 +
padding: 10px 15px 10px 15px;
 +
border: 2px solid black;
 +
border-radius: 20px;
 +
transition: background-color 0.1s linear, color 0.1s linear;
 +
text-transform: uppercase;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
font-size: 0.7rem;
 +
letter-spacing: 2px;
 +
font-weight: 800;
 +
}
 +
.tablinks5 {
 +
margin-top: 15px;
 +
/* margin-left: 50%;
 +
transform: translateX(-50%); */
 +
min-width: 80px;
 +
padding: 10px 15px 10px 15px;
 +
border: 2px solid black;
 +
border-radius: 20px;
 +
transition: background-color 0.1s linear, color 0.1s linear;
 +
text-transform: uppercase;
 +
font-family: 'IBM Plex Sans', sans-serif;
 +
font-size: 0.7rem;
 +
letter-spacing: 2px;
 +
font-weight: 800;
 +
}
 +
.tablinks:hover {
 +
background-color: #7E5BD3;
 +
color: white; }
 +
.tablinks2:hover {
 +
background-color: #0BB4C1;
 +
color: white; }
 +
.tablinks3:hover {
 +
background-color: #0085B6;
 +
color: white; }
 +
.tablinks4:hover {
 +
background-color: #274F96;
 +
color: white; }
 +
.tablinks5:hover {
 +
    background-color: #101F40;
 +
color: white; }
  
 +
  .tabcontent {
 +
display: none;
 +
padding: 3px 9px;
 +
}
 +
button:focus {outline:0;}
  
 +
html, body {
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
.content {
 +
  min-height: 100%;
 +
}
 +
.content-inside {
 +
  padding: 20px;
 +
  padding-bottom: 50px;
 +
}
 +
.footer {
 +
  height: 150px;
 +
min-height: 150px;
 +
  margin-top: -50px;
 +
background-color: #0085B6;
 +
flex-wrap: wrap;
 +
bottom: 0;
 +
}
 +
.footer .columns {
 +
    float: left;
 +
    width: 65%;
 +
    position: relative;
 +
    padding-top: 15px;
 +
}
 +
/* .footer .columns1 {
 +
    float: left;
 +
    width: 20%;
 +
    position: relative;
 +
    padding-top: 25px;
 +
} */
 +
.footer .columns2 {
 +
    float: left;
 +
    width: 35%;
 +
/* height: 100%; */
 +
    position: relative;
 +
text-align: center;
 +
margin-top: 25px;
  
 +
}
 +
 +
#globalWrapper {
 +
    position: relative;
 +
    font-size: 127%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 
</style>
 
</style>
−
</head>
+
 
 +
<div class="bg"></div>
  
 
<body>
 
<body>
 +
<div class="content">
 +
    <div class="content-inside">
 +
<h6><b>Science Sketch Collaboration</b></h6>
  
−
<h1>Science Sketch Collaboration</h1>
+
<!-- <hr style="width:25%"> -->
−
<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>
+
<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>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>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>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>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://static.igem.org/mediawiki/2018/5/58/T--NYU_Abu_Dhabi--Sketch_Guide.pdf" target="_blank"> how to make a science sketch </a> to help other teams in creating their science sketches. </h2>
 +
<br>
  
 
<div class="section-block">
 
<div class="section-block">
Line 52: Line 709:
 
     <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>
 
</center>
 
</center>
−
 
 
<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 84: Line 740:
  
 
     <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 94: Line 750:
  
 
</div>
 
</div>
 +
 +
 +
<h2>Several iGEM teams have participated in our science sketch collaboration, including Team REC Chennai, Team ICT-Mumbai from India, Team CPU from China, and Team Uppsala from Sweden. </h2>
 +
 +
<div class="section-block">
 +
 +
<center>
 +
    <div class="tab">
 +
        <button class="tablinks" onclick="openTab(event, 'REC_Cennai')" id="defaultOpen">REC Chennai</button>
 +
        <button class="tablinks2" onclick="openTab(event, 'CPU_China')">CPU China</button>
 +
        <button class="tablinks3" onclick="openTab(event, 'Uppsala')">Uppsala</button>
 +
        <button class="tablinks4" onclick="openTab(event, 'Tec-Chihuahua')">Tec-Chihuahua</button>
 +
        <button class="tablinks5" onclick="openTab(event, 'ICT-Mumbai')">ICT-Mumbai</button>
 +
 +
<br>
 +
    </div>
 +
</center>
 +
 +
<br>
 +
    <div id="REC_Cennai" class="tabcontent">
 +
        <article>
 +
 +
 +
<center>
 +
  <video width="660" height="450" controls>
 +
    <source src="https://static.igem.org/mediawiki/2018/4/43/T--NYU_Abu_Dhabi--Science_Sketch_REC_Chennai.mp4">
 +
  </video>
 +
<br><br><br>
 +
</center>
 +
 +
 +
        </article>
 +
    </div>
 +
 +
    <div id="CPU_China" class="tabcontent">
 +
        <article>
 +
<center>
 +
  <video width="660" height="450" controls>
 +
    <source src="https://static.igem.org/mediawiki/2018/0/0c/T--NYU_Abu_Dhabi--Science_Sketch_CPU_CHINA.mp4">
 +
<br><br><br>
 +
  </video>
 +
</center>
 +
<br><br><br>
 +
        </article>
 +
    </div>
 +
 +
    <div id="Uppsala" class="tabcontent">
 +
        <article>
 +
<center>
 +
  <video width="660" height="450" controls>
 +
    <source src="https://static.igem.org/mediawiki/2018/3/3b/T--NYU_Abu_Dhabi--Science_Sketch_Uppsala.mp4">
 +
  </video>
 +
<br><br><br>
 +
</center>
 +
        </article>
 +
    </div>
 +
 +
<div id="Tec-Chihuahua" class="tabcontent">
 +
        <article>
 +
<center>
 +
  <video width="660" height="450" controls>
 +
    <source src="https://static.igem.org/mediawiki/2018/2/28/T--NYU_Abu_Dhabi--Science_Sketch_Tec-Chihuahua.mp4">
 +
  </video>
 +
<br><br><br>
 +
</center>
 +
        </article>
 +
    </div>
 +
 +
<div id="ICT-Mumbai" class="tabcontent">
 +
        <article>
 +
<center>
 +
  <video width="660" height="450" controls>
 +
    <source src="https://static.igem.org/mediawiki/2018/e/e3/T--NYU_Abu_Dhabi--Science_Sketch_ICT-Mumbai.mp4">
 +
  </video>
 +
<br><br><br>
 +
</center>
 +
        </article>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
<footer class="footer">
 +
<div class="columns2">
 +
<a href="https://2018.igem.org/Team:NYU_Abu_Dhabi" target="_blank"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--NYU_Abu_Dhabi--PathoGene2.png" alt="sponsor" width="200" margin-left="60px" ></a>
 +
<br>
 +
<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.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
 +
 +
</div>
 +
<div class="columns">
 +
<h3>Sponsors:</h3>
 +
<a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/23/T--NYU_Abu_Dhabi--Promega.jpeg" alt="sponsor" width="90"></a>
 +
<a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--NYU_Abu_Dhabi--Appslink2.png" alt="sponsor" width="90"></a>
 +
<a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--NYU_Abu_Dhabi--Mathworks.png" alt="sponsor" width="90"></a>
 +
<a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.jenabioscience.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--NYU_Abu_Dhabi--JenaBioscience.png" alt="sponsor" width="90"></a>
 +
 +
</div>
 +
</footer>
 +
</body>
  
 
<script>
 
<script>
Line 115: Line 876:
  
  
−
<div>
+
<!-- END -->
−
<h1>Science Sketch Manual</h1>
+
−
<h2>Sketching</h2>
+
  
−
<ol class="a">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  <li>Select a topic for the sketch! It can be either about your project or any major techniques/principles that your team is using. </li>
+
<!--- Menu --->
−
  <li>Create a script of about 200-250 words (which will give you a video of about 1.5-2.5 minutes at the end).</li>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  <li>Separate the script into various storyboards. The simplest way to do this is to group 1-2 adjacent and relevant sentences into the same storyboard. </li>
+
−
  <li>Start designing each of your storyboards! Let your creative mind flow and draw out anything in your head! Not knowing where to start? Google is always your best friend! Take one of the storyboards for our sketch about iGEM as an example: In the fall, teams from all around the world travel to Boston to present their project and compete at the Giant Jamboree. </li>
+
−
    <center><img src="https://static.igem.org/mediawiki/2018/3/3c/T--NYU_Abu_Dhabi--Science_Sketch_Picture_1.png" alt=""/ width="500px" height="auto"> </center>
+
−
  <li>Set up a camera (it is easier if you can get a tripod that can film tilted or downwards), find a place with good lighting (Natural light works quite well) and dive right into the fun! </li>
+
−
  <li>When filming, make sure to focus properly. If the camera focuses automatically, it might become blurry as the hand moves around. Focusing manually might be better as the focus doesn’t change while filming.</li>
+
−
  <li>Different storyboards can be filmed individually and they can be combined when editing. It is ideal to find a buddy that can monitor the camera for you when you are sketching to ensure that the camera is working/focusing properly! </li>
+
−
    <center> <img src="https://static.igem.org/mediawiki/2018/7/79/T--NYU_Abu_Dhabi--Science_Sketch_Picture_2.png" alt=""/ width="500px" height="auto"> </center>
+
−
  <li>Use A3 papers for sketching so that you have more space and that the corners of the paper won’t be included in the clips. Don’t forget to ask your buddy to mark the filming frame for you on the paper so you know where to/not to draw (it is alright to use pencil to lightly mark the four corners; it won’t be that noticeable in the video).  </li>
+
−
  <li>Make sure to be careful while drawing. Try not to shift the paper too much while drawing.</li>
+
−
  <li>Use a lot of colors to make it colorful and fun! </li>
+
−
  <li>Don’t stress out and take your time when you are sketching! If you feel that you need to stop and think, just move your hand out of the filming frame while keeping the camera recording. These short periods can be edited out later! </li>
+
−
  <li>Don’t forget to record the soundtrack that will be used later when editing! Any recording app on your smartphone will do. Speak slowly and clearly, and make sure to pause in between sentences. </li>
+
−
  <li>Voila! You are done! Science sketch is fun and easy! </li>
+
−
</ol>
+
  
−
<h2>Editing</h2>
+
<head>
−
  <p>You can use almost any film editing software. We used DaVinci Resolve which is available online for free.  
+
    <script>
−
If you choose to use Resolve, here’s a guide on how to edit your science sketch:</p>
+
        window.onload = () => {
 +
            var activated;
 +
            var svg = document.getElementById("hero-image").getSVGDocument();
  
−
<ol class="a">
+
            var links = [
−
  <li>Start a new project.</li>
+
                ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
−
  <li>Import all the media you need using the import tool in Resolve. </li>
+
                ["engineering", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
−
  <li>Drag your media into your timeline: </li>
+
                ["demo", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"],
−
  <ol class="b">
+
                 ["integrated", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"],
−
        <li>Start off by dragging your audio files like the voiceover and any background music. </li>
+
                ["hpsilver", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
−
            <li>Then, start dragging the first video file into the timeline. </li>
+
                ["englab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering"],
−
            <li>Delete the audio file associated with the video files every time you add them to the timeline to make sure you can only hear the voiceover /any background music.</li>
+
                ["design", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"],
−
           
+
                ["app", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
−
        </ol>
+
                ["attributions", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions"],
−
  <li>Split the audio clips into different parts that will correspond to different video clips using the splitting tool.</li>
+
                ["team", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Team"],
−
      <center> <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NYU_Abu_Dhabi--Science_Sketch_Picture_3.png" alt=""> </center>
+
                ["parts", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts"],
−
  <li>Right click on the video clip, and click “change clip speed”.</li>
+
                ["results", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Results"],
−
  <li>Keep increasing the speed until it fits the length of the corresponding audio segment. </li>
+
                ["protocols", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Protocols"],
−
  <li>Add the next video file and repeat the above process. </li>
+
                ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"]
−
  <li>To rotate the video clips and whiten up the paper/whiteboard you used there are advanced ways to colour grade on Resolve, but here are some tricks that are just as good: </li>
+
            ]
−
        <ol class="b">
+
−
            <li>Go to “Colour” in the bottom of the window:</li>
+
−
                 <center> <img src="https://static.igem.org/mediawiki/2018/0/02/T--NYU_Abu_Dhabi--Science_Sketch_Picture_4.png" alt="" width="800px" height="auto"> </center>
+
−
            <li>Go to “Colour Wheels”</li>
+
−
                <center> <img src="https://static.igem.org/mediawiki/2018/7/7a/T--NYU_Abu_Dhabi--Science_Sketch_Picture_5.png" alt="" width="800px" height="auto"> </center>
+
−
            <li>Navigate to “Gain” and select the small white point picker</li>
+
−
                <center> <img src="https://static.igem.org/mediawiki/2018/3/31/T--NYU_Abu_Dhabi--Science_Sketch_Picture_6.png" alt="" width="800px" height="auto"> </center>
+
−
                <center> <img src="https://static.igem.org/mediawiki/2018/a/ae/T--NYU_Abu_Dhabi--Science_Sketch_Picture_7.png" alt="" width="800px" height="auto"> </center>
+
−
            <li>Take the picker to your timeline and click on any area in the paper that is supposed to be white- it will automatically whiten up the whole paper.</li>
+
−
            <li>To rotate, navigate to “Sizing”:</li>
+
−
                <center> <img src="https://static.igem.org/mediawiki/2018/4/47/T--NYU_Abu_Dhabi--Science_Sketch_Picture_8.png" alt="" width="800px" height="auto"> </center>
+
−
            <li>Go to “Rotate” and type in 180.</li>
+
−
    <li>After you’re done with the video, to download the it, go to “Render” at the bottom of the screen:</li>
+
−
            <center> <img src="https://static.igem.org/mediawiki/2018/b/ba/T--NYU_Abu_Dhabi--Science_Sketch_Picture_9.png" alt="" width="800px" height="auto" > </center>
+
−
    <li>Click on “Youtube”, select “Single Clip”, choose your saving location, and click “Add to Render Queue”</li>
+
−
          <center> <img src="https://static.igem.org/mediawiki/2018/9/93/T--NYU_Abu_Dhabi--Science_Sketch_Picture_10.png" alt="" width="800px" height="auto"> </center>
+
−
    <li>Go to the render queue on the right side of the screen and click “Start Render”.</li>
+
−
          <center> <img src="https://static.igem.org/mediawiki/2018/6/69/T--NYU_Abu_Dhabi--Science_Sketch_Picture_11.png" alt="" width="800px" height="auto" > </center>
+
−
    <li>The render time will vary depending on the length/effects/size of your clips. Sometimes it can take a long time, so if you see that happening, go grab a cup of coffee while your sketch renders!</li>
+
−
    <li>That’s it! When the render has been completed, your video will be saved in the location you selected. </li>
+
−
        </ol>
+
−
</div>
+
  
−
<h2>Tips for using Davinci Resolve</h2>
+
            links.forEach(function (link) {
−
    <ol class="a">
+
                $(svg.getElementById(link[0])).hover(function () {
−
            <li>Using Resolve on your laptop will suck up a lot of its charge and will cause it to heat up and produce loud fan noises. Resolve needs a strong processor, so it might be a good idea to use it on a desktop, but using it on a laptop will still work!</li>
+
                    $(this).css('cursor', 'pointer');
−
            <li>Always save your work regularly when using Resolve. Like any software, sometimes it crashes, and you don’t want to lose all your hard work!</li>
+
                }, function () {
−
            <li>Sometimes, if you’re trying to watch videos you edited on your timeline, they might be choppy. This is because Resolve is not able to play all the edits you made on the clips in real time. To get rid of this, Go to “Playback” in the top toolbar, select “Render Cache”, and select “User”. Then, go to the clips on your timeline, right click on them, and select “Render Cache Colour Output”. Wait until the red line that appears is completely blue, and then replay the clips. They will play smoothly in real time! </li>
+
                    $(this).css('cursor', 'auto');
−
        </ol>
+
                }).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"
 +
style="padding-top: 5px;
 +
    object-fit: contain";
 +
  ></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/Hardware">Design</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate">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>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Model">Modelling</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Medal_Requirments">Medal Requirements</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/Engineering">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/Public_Engagement">Education and Public Engagement</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Human_Practices">Integrated Human Practices</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Home_Outreach">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 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/Collaborations">Other Collaborations</a>
 +
 +
</div>
 +
</li>
 +
</ul>
 +
  </div>
 +
  </nav>
  
 
</body>
 
</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> -->
 +
 
</html>
 
</html>

Latest revision as of 10:28, 13 October 2018

<!DOCTYPE html> https://2018.igem.org/

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.



Several iGEM teams have participated in our science sketch collaboration, including Team REC Chennai, Team ICT-Mumbai from India, Team CPU from China, and Team Uppsala from Sweden.


















sponsor

Sponsors:

sponsor sponsor sponsor sponsor sponsor sponsor sponsor