Difference between revisions of "Team:NYU Abu Dhabi/Attributions"

 
(45 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
{{NYU_Abu_Dhabi}}
 
 
<html>
 
<html>
 +
 +
 +
<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">
 
<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 -->
 
<!-- Bootstrap -->
 
         <link rel="stylesheet" href="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapCSSV4?action=raw&amp;ctype=text/css" />
 
         <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>
 
         <script type="text/javascript" src="https://2018.igem.org/Template:NYU_Abu_Dhabi/BootstrapJSV4?action=raw&amp;ctype=text/javascript"></script>
 +
<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; }
 +
{ border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
/**************************************************************************************************************************************************************************************************/
 +
/* MENU */
 +
/**************************************************************************************************************************************************************************************************/
 +
.igem_2018_team_menu .submenu{
 +
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>
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- 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>
 
</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: 31px;
 +
  text-align: center;
 +
}
 +
/* USE THIS FOR PARAGRAPH TEXT */
 +
h2 {
 +
font-family: 'IBM Plex Sans', serif;
 +
color: black;
 +
font-size: 16px;
 +
text-align: justify;
 +
margin-right: 90px;
 +
margin-left: 90px;
 +
}
 +
/* USE THIS FOR ANYTHING UNDER SUBHEADING TO BE IN A DIFFERENT COLOUR*/
 +
h3 {
 +
font-family: 'IBM Plex Sans', serif;
 +
color: white;
 +
  font-size: 16px;
 +
  /* text-align: left; */
 +
  /* margin-right: 90px;
 +
  margin-left: 90px; */
 +
}
 +
/* USE THIS FOR SUBHEADINGS */
 +
h4 {
 +
  font-family: 'IBM Plex Sans', serif;
 +
color: #274F96;
 +
  font-size: 16px;
 +
  text-align: left;
 +
  margin-right: 90px;
 +
  margin-left: 90px;
 +
}
 +
h5 {
 +
  font-family: 'IBM Plex Sans', serif;
 +
color: #0085B6;
 +
  font-size: 16px;
 +
  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; }
  
−
<body>
+
  .tabcontent {
−
    <div id="app">
+
display: none;
−
        <!-- Navbar -->
+
padding: 3px 9px;
−
<nav style="font-size:16px; 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">Navbar Logo</a>
+
button:focus {outline:0;}
−
  <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">
+
html, body {
−
     <ul class="navbar-nav mr-auto">
+
   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;
  
−
      <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">
+
#globalWrapper {
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
    position: relative;
−
          People
+
    font-size: 127%;
−
        </a>
+
    width: 100%;
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
    margin: 0;
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a>
+
    padding: 0;
−
          <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>
+
</style>
−
        </div>
+
−
      </li>
+
  
 +
<div class="bg"></div>
  
−
      <li class="nav-item dropdown">
+
<body>
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<div class="content">
−
          Project
+
    <div class="content-inside">
−
        </a>
+
<h6><b>Attributions</b></h6>
−
        <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/Modelling">Modelling</a>
+
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Interlab">Interlab</a>
+
−
        </div>
+
−
      </li>
+
  
−
<li class="nav-item dropdown">
+
<!-- <hr style="width:25%"> -->
−
        <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/Social_Media">Social Media</a>
+
−
        </div>
+
−
      </li>
+
  
−
<li class="nav-item dropdown">
+
<h2> We would like to thank the following individuals and departments for their help in making our project a success:</h2>
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<br>
−
          Human practices
+
<h5>Yong-Ak Song, Assistant Professor of Mechanical and Biomedical Engineering, NYUAD; Mazin Magzoub, Assistant Professor of Biology, NYUAD; Andras Gyorgy, Assistant Professor of Electrical and Computer Engineering, NYUAD </h5><h2><i>for leading our efforts and facilitating our research as principal investigators</i></h2>
−
        </a>
+
<h5>Ibrahim Chehade, Instructor, NYUAD; Ashley Isaac, Instructor, NYUAD; and Esteban Nicolas Salvemini, Manager of the Advanced Manufacturing Workshop, NYUAD</h5><h2><i>for being wonderful instructors in guiding us throughout the technical aspects of our project </i></h2>
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<h5>David Scicchitano, Dean of Science, NYUAD</h5><h2><i>for supporting the all initiatives of the team, ranging from community outreach to experimenting with our project </i></h2>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Expert_Counsel">Expert Counsel</a>
+
<h5>Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects, Science Division</h5><h2><i>for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement and finances </i></h2>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engagement">Education and public engagement</a>
+
<h5>Office of the Dean of Science, NYUAD</h5><h2><i>for providing us with the required financial and other support</i></h2>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated human practices</a>
+
<h5>Samar Madanat, Dean of Engineering, NYUAD, and his office</h5><h2><i>for providing us with the required financial and other support </i></h2>
−
        </div>
+
<h5>Adnan Ali Hassan, NYUAD</h5><h2><i>for helping us with the outreach in Lebanon, for helping us with the translation in Youth Debates in Ajman, for helping with designs, and for helping us with the entrepreneurship business plan and model</i></h2>
−
      </li>
+
<h5>Professor Piergiorgio Percipalle and Tomas Venit</h5><h2><i>from the Percipalle Lab, NYUAD for their guidance and support  </i></h2>
 +
<h5>Vongai Mlambo, NYUAD</h5><h2><i>for helping us interview Dr. Patrick E. Akpaka </i></h2>
 +
<h5>Matthew Karau, Manager of the Engineering Design Studio, NYUAD; Amani Magid, Science and Engineering Librarian</h5><h2><i> for guiding us on intellectual property rights and patent research </i></h2>
 +
<h5>Dana Downey, Director of Career Development Center, NYUAD</h5><h2><i>for helping us with drafting reach out emails to other universities</i></h2>
 +
<h5>Afnan Albreiki, Strategy and Assessment Coordinator, Dean of Students' Office, NYUAD</h5><h2><i>for guiding us towards the Youth Debates Initiative</i></h2>
 +
<h5>Hajer Mubarak Madhi</h5><h2><i> for being our representative innumerous offices and helping us massively with the Youth Debates event
 +
</i></h2>
 +
<h5>Carol Brandt, Associate Vice Chancellor, Global Education and Outreach, and Vice Provost, NYUAD</h5><h2><i>for her constant support and enthusiasm in all our initiatives ranging from the main project to Youth Debates
 +
</i></h2>
 +
<h5>Khuloud al Hammadi, from the Youth Debates organizing team</h5><h2><i> for being our point of contact with the Youth Ministry and for playing a key role in making the Youth Debates come true
 +
</i></h2>
 +
<h5>Tamara "Tami" Gjorgjieva, President of NYUAD Student Government</h5><h2><i>for agreeing to be the moderator and for enabling our collaboration with the Debate Union </i></h2>
 +
<h5>Nicolaj Thor and the NYUAD Debate Union</h5><h2><i> for providing debaters and training non-Debate Union members for the event
 +
</i></h2>
 +
<h5>Debate Club of American University of Sharjah</h5><h2><i>for sending two of their members as debaters </i></h2>
 +
<h5>Patrick Inshuti Makuba, NYUAD</h5><h2><i>for helping us with some aspects of the wiki</i></h2>
 +
<h5>Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects at the Science Division</h5><h2><i>for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement, and finances</i></h2>
 +
<h5>Francesco Arneodo, Associate Dean of Science and Associate Professor of Physics, NYUAD</h5><h2><i>for agreeing to be the representative of the Division of Science at the Youth Debates</i></h2>
 +
<h5>Alexis Gambis, Assistant Professor of Biology, Film and New Media, NYUAD</h5><h2><i>for agreeing to be the judge of Youth Debates and sharing his knowledge in an engaging and fun way</i></h2>
 +
<h5>Dr. Rashid Ali,  Research Assistant Professor at Khalifa Center for Genetic Engineering & Biotechnology</h5><h2><i>for agreeing to join us as a judge for the Youth Debates</i></h2>
 +
<h5>H.E. Mariam al Mehairi, Minister of State for Food Security</h5><h2><i>for her willingness to join us during the Youth Debates and for providing insight on our project</i></h2>
 +
<h5>Sana'a Amro, Cultural Engagement Manager, Student Life, NYUAD</h5><h2><i>for helping us with the gifts for Youth Debates</i></h2>
 +
<h5>Renee Dugan, Associate Dean of Students, Director of Student Life, NYUAD</h5><h2><i>for helping us with organizing the Youth Debates </i></h2>
 +
<h5>Declan Dowdall, Student Life, NYUAD</h5><h2><i>for helping us with obtaining the venue and ensuring the important aspects of the event were taken care of</i></h2>
 +
<h5>Coach Peter Dicce, Associate Dean of Students and Director of Athletics, NYUAD</h5><h2><i>for facilitating the collaboration between Debate union and iGEM team</i></h2>
 +
<h5>Guneet Sarang, Events Department, NYUAD</h5><h2><i>for helping us with thank you gifts for Youth Debates</i></h2>
 +
<h5>Kyle Farley, Associate Vice Chancellor, Student Affairs, and Dean of Students</h5><h2><i>for his support in the Youth Debates event</i></h2>
 +
<h5>Aisha al Naqbi, Assistant Dean of Students, NYUAD</h5><h2><i>for helping us with the set up for Youth Debates</i></h2>
 +
<h5>Public Safety Department, NYUAD</h5><h2><i>for being superheroes and ensuring smooth set up, making the campus accessible during the event and helping with removing set up after the event</i></h2>
 +
<h5>Baleegh Ahmad; Alison Waterman, NYUAD</h5><h2><i>for volunteering and facilitating the High School Workshop for Brighton School</i></h2>
 +
<h5>Tuleen Shihabi; Ayham Taisir Adawi, NYUAD</h5><h2><i>for volunteering and facilitating the  biology high school workshop</i></h2>
 +
<h5>Jonah Joughin, NYUAD</h5><h2><i>for helping out with the wiki</i></h2>
 +
<h5>Engineering Design Studio, NYUAD</h5><h2><i> for giving us materials needed throughout the project</i></h2>
 +
<h5>Advance Manufacturing Workshop, NYUAD</h5><h2><i> for giving us materials needed throughout the project</i></h2>
 +
<h5>Alexander Avdeev, Instructor, NYUAD; Shantanu Bhatia, Stefan Niehaus, and Abdullah Zameek, NYUAD</h5><h2><i> for helping us troubleshoot the heater circuit</i></h2>
 +
<h5>Sagar Almannai, Associate Director of Admissions, NYUAD</h5><h2><i> for helping us with reaching out to high schools</i></h2>
 +
<h5>Vijay Dhanvi, NYUAD ERB Machine Shop Manager</h5><h2><i> for helping us with making the metal version of the sample collector</i></h2>
 +
<h5>Samara Bin Salem, Acting Manager of Scientific Research and University Program/Manager of Technical Training Programs, Central Testing Laboratory, ADQCC</h5><h2><i> for providing information on current food safety protocols in the region and giving feedback on Pathogene </i></h2>
 +
<h5>Talal Ali Al Braiki; Abdulla Alsayed Ahmed Al Moosawi, Control Unit Heads, Abu Dhabi Food Control Authority</h5><h2><i> for providing information on current food safety protocols in the region and giving feedback on Pathogene </i></h2>
 +
<h5>Aleksandra Markov and Margarita Bicec, NYUAD</h5><h2><i> for sharing their science sketch videos</i></h2>
  
−
      <li class="nav-item">
+
<br><br><br>
−
        <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreurship">Entrepreneurship</a>
+
−
      </li>
+
  
−
      <li class="nav-item dropdown">
+
</div>
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
<footer class="footer">
−
          Collaborations
+
  <div class="columns2">
−
        </a>
+
<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>
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<br>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Science_Sketch">Science Sketch</a>
+
  <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Virtual_Conference">Virtual Conference</a>
+
  <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a>
−
          <div class="dropdown-divider"></div>
+
  <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Other_Collaborations">Other Collaborations</a>
+
  <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
  
−
        </div>
+
  </div>
−
      </li>
+
  <div class="columns">
−
     </ul>
+
     <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>
 
   </div>
−
</nav>
+
</footer>
 +
</body>
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
  
−
<div class="clear"></div>
+
<!-- END -->
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 +
<head>
  
 +
<!--script for buttons -->
 +
<script>
 +
        function openTab(evt, header) {
 +
            var i, tabcontent, tablinks;
 +
            tabcontent = document.getElementsByClassName("tabcontent");
 +
            for (i = 0; i < tabcontent.length; i++) {
 +
                tabcontent[i].style.display = "none";
 +
            }
 +
            tablinks = document.getElementsByClassName("tablinks");
 +
            for (i = 0; i < tablinks.length; i++) {
 +
                tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
            }
 +
            document.getElementById(header).style.display = "block";
 +
            evt.currentTarget.className += " active";
 +
        }
 +
    document.getElementById("defaultOpen").click();
 +
    </script>
  
  
  
−
<div class="column full_size">
+
</body>
−
<h1>Attributions</h1>
+
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
−
</p>
+
  
−
<h3> Bronze Medal Criterion #3</h3>
 
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.
 
−
<br><br>
 
−
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
 
−
</div>
 
  
  
−
<div class="clear extra_space"></div>
 
  
 +
<!-- END -->
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<div class="column third_size">
+
<head>
−
<h3> What should this page contain?</h3>
+
    <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>
  
−
<ul>
+
<body>
−
<li>Clearly state what the team accomplished</li>
+
    <div id="app">
−
<li>General Support</li>
+
  <!-- Navbar -->
−
<li>Project support and advice</li>
+
  <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
−
<li>Fundraising help and advice</li>
+
  <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"
−
<li>Lab support</li>
+
    style="padding-top: 5px;
−
<li>Difficult technique support</li>
+
    object-fit: contain";
−
<li>Project advisor support</li>
+
></a>
−
<li>Wiki support</li>
+
−
<li>Presentation coaching</li>
+
−
<li>Human Practices support</li>
+
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column third_size">
+
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
    <span class="navbar-toggler-icon"></span>
−
<ul>
+
  </button>
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
−
<li>When did you start this course?</li>
+
−
<li>Are the syllabus and course materials freely available online?</li>
+
−
<li>When did you start your brainstorming?</li>
+
−
<li>When did you start in the lab?</li>
+
−
<li>When did you start working on  your project?</li>
+
−
</ul>
+
−
</div>
+
  
 +
<div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
<ul class="navbar-nav mr-auto">
  
−
<div class="column third_size">
+
<li class="nav-item" >
−
<div class="highlight decoration_A_full">
+
<a  class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi">Home<span class="sr-only"></span></a>
 +
</li>
  
−
<h3>Inspiration</h3>
+
<li  class="nav-item dropdown">
−
<p>Take a look at what other teams have done:</p>
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
<ul>
+
People
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
</a>
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Team">Team</a>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions">Attributions</a>
−
</ul>
+
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Sponsors">Sponsors</a>
−
</div>
+
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/About_Us">About Us</a>
−
</div>
+
</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/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_Requirements">Medal Requirements</a>
 +
</div>
 +
</li>
 +
<li class="nav-item" >
 +
<a  class="nav-link"  href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Hardware">Design<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">
 +
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 class="clear extra_space"></div>
+
</div>
 +
</li>
 +
<li class="nav-item" >
 +
<a  class="nav-link"  href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreneurship">Entrepreneurship<span class="sr-only"></span></a>
 +
</li>
  
−
<div class="column two_thirds_size">
+
<li class="nav-item dropdown">
−
<h3> Why is this page needed? </h3>
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
Human practices
−
<p>
+
</a>
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
</div>
+
<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>
  
−
<div class="column third_size">
+
<li class="nav-item" >
−
<div class="highlight decoration_B_full">
+
<a  class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations<span class="sr-only"></span></a>
−
<h3> Can we base our project on a previous one? </h3>
+
</li>
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
</ul>
−
</div>
+
−
</div>
+
  
  
−
</body>
+
  </div>
−
</html>
+
  </nav>
 +
</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>

Latest revision as of 19:59, 17 October 2018

Attributions

We would like to thank the following individuals and departments for their help in making our project a success:


Yong-Ak Song, Assistant Professor of Mechanical and Biomedical Engineering, NYUAD; Mazin Magzoub, Assistant Professor of Biology, NYUAD; Andras Gyorgy, Assistant Professor of Electrical and Computer Engineering, NYUAD

for leading our efforts and facilitating our research as principal investigators

Ibrahim Chehade, Instructor, NYUAD; Ashley Isaac, Instructor, NYUAD; and Esteban Nicolas Salvemini, Manager of the Advanced Manufacturing Workshop, NYUAD

for being wonderful instructors in guiding us throughout the technical aspects of our project

David Scicchitano, Dean of Science, NYUAD

for supporting the all initiatives of the team, ranging from community outreach to experimenting with our project

Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects, Science Division

for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement and finances

Office of the Dean of Science, NYUAD

for providing us with the required financial and other support

Samar Madanat, Dean of Engineering, NYUAD, and his office

for providing us with the required financial and other support

Adnan Ali Hassan, NYUAD

for helping us with the outreach in Lebanon, for helping us with the translation in Youth Debates in Ajman, for helping with designs, and for helping us with the entrepreneurship business plan and model

Professor Piergiorgio Percipalle and Tomas Venit

from the Percipalle Lab, NYUAD for their guidance and support

Vongai Mlambo, NYUAD

for helping us interview Dr. Patrick E. Akpaka

Matthew Karau, Manager of the Engineering Design Studio, NYUAD; Amani Magid, Science and Engineering Librarian

for guiding us on intellectual property rights and patent research

Dana Downey, Director of Career Development Center, NYUAD

for helping us with drafting reach out emails to other universities

Afnan Albreiki, Strategy and Assessment Coordinator, Dean of Students' Office, NYUAD

for guiding us towards the Youth Debates Initiative

Hajer Mubarak Madhi

for being our representative innumerous offices and helping us massively with the Youth Debates event

Carol Brandt, Associate Vice Chancellor, Global Education and Outreach, and Vice Provost, NYUAD

for her constant support and enthusiasm in all our initiatives ranging from the main project to Youth Debates

Khuloud al Hammadi, from the Youth Debates organizing team

for being our point of contact with the Youth Ministry and for playing a key role in making the Youth Debates come true

Tamara "Tami" Gjorgjieva, President of NYUAD Student Government

for agreeing to be the moderator and for enabling our collaboration with the Debate Union

Nicolaj Thor and the NYUAD Debate Union

for providing debaters and training non-Debate Union members for the event

Debate Club of American University of Sharjah

for sending two of their members as debaters

Patrick Inshuti Makuba, NYUAD

for helping us with some aspects of the wiki

Julie Caroline Brookes, Manager of Curriculum Affairs and Special Projects at the Science Division

for being our point of contact with the Dean’s office and handling the team’s requests, logistics, procurement, and finances

Francesco Arneodo, Associate Dean of Science and Associate Professor of Physics, NYUAD

for agreeing to be the representative of the Division of Science at the Youth Debates

Alexis Gambis, Assistant Professor of Biology, Film and New Media, NYUAD

for agreeing to be the judge of Youth Debates and sharing his knowledge in an engaging and fun way

Dr. Rashid Ali, Research Assistant Professor at Khalifa Center for Genetic Engineering & Biotechnology

for agreeing to join us as a judge for the Youth Debates

H.E. Mariam al Mehairi, Minister of State for Food Security

for her willingness to join us during the Youth Debates and for providing insight on our project

Sana'a Amro, Cultural Engagement Manager, Student Life, NYUAD

for helping us with the gifts for Youth Debates

Renee Dugan, Associate Dean of Students, Director of Student Life, NYUAD

for helping us with organizing the Youth Debates

Declan Dowdall, Student Life, NYUAD

for helping us with obtaining the venue and ensuring the important aspects of the event were taken care of

Coach Peter Dicce, Associate Dean of Students and Director of Athletics, NYUAD

for facilitating the collaboration between Debate union and iGEM team

Guneet Sarang, Events Department, NYUAD

for helping us with thank you gifts for Youth Debates

Kyle Farley, Associate Vice Chancellor, Student Affairs, and Dean of Students

for his support in the Youth Debates event

Aisha al Naqbi, Assistant Dean of Students, NYUAD

for helping us with the set up for Youth Debates

Public Safety Department, NYUAD

for being superheroes and ensuring smooth set up, making the campus accessible during the event and helping with removing set up after the event

Baleegh Ahmad; Alison Waterman, NYUAD

for volunteering and facilitating the High School Workshop for Brighton School

Tuleen Shihabi; Ayham Taisir Adawi, NYUAD

for volunteering and facilitating the biology high school workshop

Jonah Joughin, NYUAD

for helping out with the wiki

Engineering Design Studio, NYUAD

for giving us materials needed throughout the project

Advance Manufacturing Workshop, NYUAD

for giving us materials needed throughout the project

Alexander Avdeev, Instructor, NYUAD; Shantanu Bhatia, Stefan Niehaus, and Abdullah Zameek, NYUAD

for helping us troubleshoot the heater circuit

Sagar Almannai, Associate Director of Admissions, NYUAD

for helping us with reaching out to high schools

Vijay Dhanvi, NYUAD ERB Machine Shop Manager

for helping us with making the metal version of the sample collector

Samara Bin Salem, Acting Manager of Scientific Research and University Program/Manager of Technical Training Programs, Central Testing Laboratory, ADQCC

for providing information on current food safety protocols in the region and giving feedback on Pathogene

Talal Ali Al Braiki; Abdulla Alsayed Ahmed Al Moosawi, Control Unit Heads, Abu Dhabi Food Control Authority

for providing information on current food safety protocols in the region and giving feedback on Pathogene

Aleksandra Markov and Margarita Bicec, NYUAD

for sharing their science sketch videos




sponsor

Sponsors:

sponsor sponsor sponsor sponsor sponsor sponsor sponsor