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

(Replaced content with " <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engagement">Education and Public Engagement</a> <a class="dropdown-item" href="http...")
Line 1: Line 1:
−
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Engagement">Education and Public Engagement</a>
+
<!DOCTYPE html>
−
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated Human Practices</a>
+
<html>
−
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Home_Country_Outreach">Home Country Outreach</a>
+
 
−
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Social_Media">Social Media</a>
+
 
 +
<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>
 +
<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>
 +
/**************************************************************************************************************************************************************************************************/
 +
/**************************************************************************************************************************************************************************************************/
 +
/* 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; }
 +
.judges-will-not-evaluate { 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 {
 +
      background-color: #F5F5F5;
 +
  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>
 +
 
 +
<!-- 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 {
 +
font-family: 'IBM Plex 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 {
 +
font-family: 'IBM Plex Sans', serif;
 +
color: #101F40;
 +
  font-size: 19px;
 +
  text-align: left;
 +
  /* margin-right: 90px;
 +
  margin-left: 90px; */
 +
}
 +
/* USE THIS FOR SUBHEADINGS */
 +
h4 {
 +
  font-family: 'IBM Plex Sans', serif;
 +
color: #274F96;
 +
  font-size: 15px;
 +
  text-align: left;
 +
  margin-right: 90px;
 +
  margin-left: 90px;
 +
}
 +
h5 {
 +
  font-family: 'IBM Plex 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/d8/T--NYU_Abu_Dhabi--backgroundlong.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;}
 +
 
 +
</style>
 +
 
 +
<br> <br>
 +
<h6><b>Attributions</b></h6>
 +
 
 +
<!-- <hr style="width:25%"> -->
 +
 
 +
<h2> We would like to thank the following individuals and departments for their help in making our project a success:</h2>
 +
<br>
 +
<h5>Professor Yong-Ak Song, Professor Mazin Magzoub, and Professor Andras Gyorgy </h5><h2><i>for leading our efforts and facilitating our research as principal investigators.</i></h2>
 +
<h5>Ibrahim Chehade, Ashley Isaac, and Esteban Nicolas Salvemini</h5><h2><i>for being wonderful instructors in guiding us throughout the technical aspects of our project. </i></h2>
 +
<h5>Professor Piergiorgio Percipalle and Tomas Venit</h5><h2><i>from the Percipalle Lab at NYUAD for their guidance and support.  </i></h2>
 +
<h5>Vongai Mlambo,</h5><h2><i>for helping us interview Dr. Patrick E. Akpaka </i></h2>
 +
<h5>Matthew Karau and Amani Magid from the NYUAD Library,</h5><h2><i> for guiding us on intellectual property rights and patent research </i></h2>
 +
<h5>Dana Downey, Director of Career Development Center at NYUAD</h5><h2><i>for helping us with drafting reach out emails to the Deans of other universities</i></h2>
 +
<h5>Afnan Albreiki</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</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 organising 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 Gjorgjieva (Tami), the president of the 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 Debate Union of NYUAD</h5><h2><i> for providing debaters and training non- Debate Union members for the event in a very short notice
 +
</i></h2>
 +
<h5>Debate Club of American University of Sharjah</h5><h2><i>for sending two of their members as debaters in a short notice </i></h2>
 +
<h5>Dean David Scicchitano, Dean of Sciences at NYUAD</h5><h2><i>for supporting the all initiatives of the team, ranging from community outreach to experimenting with our project </i></h2>
 +
<h5>Patrick Inshuti Makuba,</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>Professor Francesco Arneodo, Associate Dean of Science and Associate Professor of Physics at NYUAD</h5><h2><i>for agreeing to be the representative of the Division of Sciences for the Youth Debates in an extremely short notice </i></h2>
 +
<h5>Professor Alexis Gambis, Professor of Biology and Film and New Media at 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 in a short notice</i></h2>
 +
<h5>H.E. Mariam al Mehairi, Minister of the State for Future 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>Sanaa Amro, Cultural Engagement Manager, Student Life at 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 at NYUAD,</h5><h2><i>for helping us with organising the Youth Debates </i></h2>
 +
<h5>Declan Dowdall from Student Life at 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 & Director of Athletics at NYUAD</h5><h2><i>for facilitating the collaboration between Debate union and iGEM team</i></h2>
 +
<h5>Guneet Sarang, Events Departement at  NYUAD</h5><h2><i>for helping us with thank you gifts for Youth Debates</i></h2>
 +
<h5>Dean Kyle Farley, Dean of Students at NYUAD</h5><h2><i>for his support in the Youth Debates event</i></h2>
 +
<h5>Aisha al Naqbi, Associate Dean of Students at NYUAD</h5><h2><i>for helping us with the set up for Youth Debates</i></h2>
 +
<h5>Public Safety Department at 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>Kate Chandler, Executive Director of Public Affairs and Communications at NYUAD</h5><h2><i>for helping with spreading the word about Youth Debates </i></h2>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- 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>
 +
 
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
 
 +
 
 +
<!-- END -->
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
<head>
 +
    <script>
 +
        window.onload = () => {
 +
            var activated;
 +
            var svg = document.getElementById("hero-image").getSVGDocument();
 +
            var links = [
 +
                ["bio", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["engineering", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Description"],
 +
                ["demo", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstrate"],
 +
                ["integrated", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated"],
 +
                ["hpsilver", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["englab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Engineering"],
 +
                ["design", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Applied_Design"],
 +
                ["app", "https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Silver"],
 +
                ["attributions", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Attributions"],
 +
                ["team", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Team"],
 +
                ["parts", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts"],
 +
                ["results", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Results"],
 +
                ["protocols", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Protocols"],
 +
                ["biolab", "https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology"]
 +
            ]
 +
            links.forEach(function (link) {
 +
                $(svg.getElementById(link[0])).hover(function () {
 +
                    $(this).css('cursor', 'pointer');
 +
                }, function () {
 +
                    $(this).css('cursor', 'auto');
 +
                }).click(function () {
 +
                    window.location.href = link[1];
 +
                });
 +
            });
 +
        }
 +
    </script>
 +
</head>
 +
 
 +
<body>
 +
    <div id="app">
 +
  <!-- Navbar -->
 +
  <nav style="padding-bottom:1px;" class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
 +
  <a class="navbar-brand" href="https://2018.igem.org/Team:NYU_Abu_Dhabi"><img src="https://static.igem.org/mediawiki/2018/5/51/T--NYU_Abu_Dhabi--teamlogo.png" alt="logo" height="45"
 +
    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/Design">Design</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Demonstration">Demonstration</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Results">Results</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Parts">Parts</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Safety">Safety</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Interlab">Interlab</a>
 +
        </div>
 +
      </li>
 +
 
 +
  <li class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Lab notebooks
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Biology">Biology</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Ideation">Ideation</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/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/Engagement">Education and Public Engagement</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/HP/Gold_Integrated">Integrated Human Practices</a>
 +
<a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/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">
 +
        <a  class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Entrepreurship">Entrepreneurship</a>
 +
      </li>
 +
 
 +
      <li class="nav-item dropdown">
 +
        <a  class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
          Collaborations
 +
        </a>
 +
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Science_Sketch">Science Sketch</a>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Virtual_Conference">Virtual Conference</a>
 +
          <div class="dropdown-divider"></div>
 +
          <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Other_Collaborations">Other Collaborations</a>
 +
 
 +
        </div>
 +
      </li>
 +
    </ul>
 +
 
 +
  </div>
 +
  </nav>
 +
 
 +
<!-- Footer Begins -->
 +
<footer class="footer">
 +
<div style="margin-top:100px;" class="footer">
 +
<div class="row">
 +
<div class="col-lg-8 col-sm-5 col-xm-5 col-md-6 footer-section" style="
 +
    min-width: 200px;
 +
">
 +
<h3 class="footer-text">
 +
                  <a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/ff/T--NYU_Abu_Dhabi--Promega.png" alt="sponsor" width="90"></a>
 +
                  <a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--NYU_Abu_Dhabi--Appslink.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/6/65/T--NYU_Abu_Dhabi--Mathworks.jpeg" 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://nyuad.nyu.edu/en/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--NYU_Abu_Dhabi--NYUADlogo.png" alt="sponsor" width="90"></a> -->
 +
            </h3>
 +
  </div>
 +
 
 +
              <div class="col-lg-4 col-sm-5 col-xm-5 col-md-6 footer-section" style="
 +
    display: block;
 +
    min-width: 200px;">
 +
    <h3 class="footer-text">
 +
                  <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
 +
                  <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a>
 +
                  <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a>
 +
                  <a href="https://www.youtube.com/channel/UCQnySAKw67slX8T6r9bAcYw" target="_blank"><span class="fa fa-youtube"></span></a>
 +
                  <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
 +
                </h3>
 +
  </div>
 +
 
 +
          </div>
 +
</div>
 +
</footer>
 +
 
 +
<!-- Footer Ends -->
 +
</body>
 +
 
 +
 
 +
<!-- <div class="igem_2018_team_content">
 +
<div class="igem_2018_team_column_wrapper">
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div> -->
 +
 
 +
</html>

Revision as of 19:54, 3 October 2018

<!DOCTYPE html>

Attributions

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


Professor Yong-Ak Song, Professor Mazin Magzoub, and Professor Andras Gyorgy

for leading our efforts and facilitating our research as principal investigators.

Ibrahim Chehade, Ashley Isaac, and Esteban Nicolas Salvemini

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

Professor Piergiorgio Percipalle and Tomas Venit

from the Percipalle Lab at NYUAD for their guidance and support.

Vongai Mlambo,

for helping us interview Dr. Patrick E. Akpaka

Matthew Karau and Amani Magid from the NYUAD Library,

for guiding us on intellectual property rights and patent research

Dana Downey, Director of Career Development Center at NYUAD

for helping us with drafting reach out emails to the Deans of other universities

Afnan Albreiki

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

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 organising 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 Gjorgjieva (Tami), the president of the NYUAD Student Government

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

Nicolaj Thor and the Debate Union of NYUAD

for providing debaters and training non- Debate Union members for the event in a very short notice

Debate Club of American University of Sharjah

for sending two of their members as debaters in a short notice

Dean David Scicchitano, Dean of Sciences at NYUAD

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

Patrick Inshuti Makuba,

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

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

for agreeing to be the representative of the Division of Sciences for the Youth Debates in an extremely short notice

Professor Alexis Gambis, Professor of Biology and Film and New Media at 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 in a short notice

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

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

Sanaa Amro, Cultural Engagement Manager, Student Life at NYUAD

for helping us with the gifts for Youth Debates

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

for helping us with organising the Youth Debates

Declan Dowdall from Student Life at 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 & Director of Athletics at NYUAD

for facilitating the collaboration between Debate union and iGEM team

Guneet Sarang, Events Departement at NYUAD

for helping us with thank you gifts for Youth Debates

Dean Kyle Farley, Dean of Students at NYUAD

for his support in the Youth Debates event

Aisha al Naqbi, Associate Dean of Students at NYUAD

for helping us with the set up for Youth Debates

Public Safety Department at 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

Kate Chandler, Executive Director of Public Affairs and Communications at NYUAD

for helping with spreading the word about Youth Debates