(13 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
Line 31: | Line 30: | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
− | body {background-color:white; | + | /* body {background-color:white; |
− | width: 960px; | + | width: 960px; */ |
/* width: 80%; */ | /* width: 80%; */ | ||
− | margin: auto;} | + | /* margin: auto;} */ |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* MENU */ | /* MENU */ | ||
Line 140: | Line 138: | ||
} | } | ||
/*Styling Buttons*/ | /*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 */ | /* 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-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%; | width:100%; | ||
− | + | } | |
/*end of styling the footer */ | /*end of styling the footer */ | ||
/*mobile menu bar styling*/ | /*mobile menu bar styling*/ | ||
Line 490: | Line 487: | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #0BB4C1; | color: #0BB4C1; | ||
− | font-size: | + | font-size: 31px; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 497: | Line 494: | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: black; | color: black; | ||
− | font-size: | + | font-size: 16px; |
text-align: justify; | text-align: justify; | ||
margin-right: 90px; | margin-right: 90px; | ||
Line 505: | Line 502: | ||
h3 { | h3 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
− | color: | + | color: white; |
− | font-size: | + | font-size: 16px; |
− | text-align: left; | + | /* text-align: left; */ |
/* margin-right: 90px; | /* margin-right: 90px; | ||
margin-left: 90px; */ | margin-left: 90px; */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
/* USE THIS FOR SUBHEADINGS */ | /* USE THIS FOR SUBHEADINGS */ | ||
Line 523: | Line 512: | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #274F96; | color: #274F96; | ||
− | font-size: | + | font-size: 16px; |
text-align: left; | text-align: left; | ||
margin-right: 90px; | margin-right: 90px; | ||
Line 531: | Line 520: | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
color: #0085B6; | color: #0085B6; | ||
− | font-size: | + | font-size: 16px; |
+ | text-align: left; | ||
+ | margin-right: 90px; | ||
+ | margin-left: 90px; | ||
+ | } | ||
+ | h7 { | ||
+ | font-family: 'IBM Plex Sans', serif; | ||
+ | color: #101F40; | ||
+ | font-size: 20px; | ||
text-align: left; | text-align: left; | ||
margin-right: 90px; | margin-right: 90px; | ||
Line 537: | Line 534: | ||
} | } | ||
body { | body { | ||
− | + | /* background-image: url("https://static.igem.org/mediawiki/2018/d/df/T--NYU_Abu_Dhabi--Homepage.png"); */ | |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 649: | Line 646: | ||
button:focus {outline:0;} | button:focus {outline:0;} | ||
+ | html, body { | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .content { | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | .content-inside { | ||
+ | padding: 20px; | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | .footer { | ||
+ | height: 150px; | ||
+ | min-height: 150px; | ||
+ | margin-top: -50px; | ||
+ | background-color: #0085B6; | ||
+ | flex-wrap: wrap; | ||
+ | bottom: 0; | ||
+ | } | ||
+ | .footer .columns { | ||
+ | float: left; | ||
+ | width: 65%; | ||
+ | position: relative; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | /* .footer .columns1 { | ||
+ | float: left; | ||
+ | width: 20%; | ||
+ | position: relative; | ||
+ | padding-top: 25px; | ||
+ | } */ | ||
+ | .footer .columns2 { | ||
+ | float: left; | ||
+ | width: 35%; | ||
+ | /* height: 100%; */ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | margin-top: 25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | position: relative; | ||
+ | font-size: 127%; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
</style> | </style> | ||
− | |||
− | |||
− | < | + | <div class="bg"></div> |
− | + | ||
− | + | ||
− | < | + | <body> |
− | <h7><ins> | + | <div class="content"> |
− | < | + | <div class="content-inside"> |
+ | |||
+ | <h6><b>Measuring Fluorescence of GFP of transformed Escherichia Coli DH5 𝞪 Cells</b></h6> | ||
+ | <h7><center><ins>Objective</ins></center></h7> | ||
+ | <h2> The objective of this experiment is to standardize fluorescent measurements using data collected from various teams in different labs across the world. This is done by preparing competent E.coli K-12 DH5-alpha cells, and transform them with 6 different plasmids. The transformed cells are then used to obtain two different cell measurements of the absorbance at 600 nm with a time interval of six hours after diluting the cultures to an absorbance Abs600 of 0.02. The data generated is then used to obtain measurement for the fluorescence of each of the six plasmids used. </h2> | ||
+ | |||
+ | <h7><center><ins>Experimental Conditions</ins></center></h7> | ||
<h4><ins>A) Calibration step: </ins></h4> | <h4><ins>A) Calibration step: </ins></h4> | ||
<h5><i> 1. Calibration 1:OD600 Reference Point </i> </h5> | <h5><i> 1. Calibration 1:OD600 Reference Point </i> </h5> | ||
Line 732: | Line 779: | ||
<br> | <br> | ||
<img src="https://static.igem.org/mediawiki/2018/3/3c/T--NYU_Abu_Dhabi--interlab-figure1.png" width="500" class="center"> | <img src="https://static.igem.org/mediawiki/2018/3/3c/T--NYU_Abu_Dhabi--interlab-figure1.png" width="500" class="center"> | ||
− | <h2>Figure 1. The absorbance at 600 nm (y-axis) versus the particle count per 100 µl (x-axis)</h2> | + | <h2><center>Figure 1. The absorbance at 600 nm (y-axis) versus the particle count per 100 µl (x-axis)</center></h2> |
<br> | <br> | ||
<img src="https://static.igem.org/mediawiki/2018/7/7c/T--NYU_Abu_Dhabi--interlab-figure2.png" width="500" class="center"> | <img src="https://static.igem.org/mediawiki/2018/7/7c/T--NYU_Abu_Dhabi--interlab-figure2.png" width="500" class="center"> | ||
− | <h2>Figure 2. The absorbance at 600 nm (y-axis) versus the particle count per 100 µl (x-axis) on a log scale</h2> | + | <h2><center>Figure 2. The absorbance at 600 nm (y-axis) versus the particle count per 100 µl (x-axis) on a log scale</center></h2> |
<br> | <br> | ||
<h4><ins> D) Calibration 3: Fluorescence Standard Curve: </ins> </h4> | <h4><ins> D) Calibration 3: Fluorescence Standard Curve: </ins> </h4> | ||
Line 741: | Line 788: | ||
<img src="https://static.igem.org/mediawiki/2018/7/72/T--NYU_Abu_Dhabi--interlab-figure3.png" width="500" class="center"> | <img src="https://static.igem.org/mediawiki/2018/7/72/T--NYU_Abu_Dhabi--interlab-figure3.png" width="500" class="center"> | ||
<br> | <br> | ||
− | <h2>Figure 3. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis)</h2> | + | <h2><center>Figure 3. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis)<center></h2> |
<br> | <br> | ||
<img src="https://static.igem.org/mediawiki/2018/2/20/T--NYU_Abu_Dhabi--interlab-figure4.png" width="500" class="center"> | <img src="https://static.igem.org/mediawiki/2018/2/20/T--NYU_Abu_Dhabi--interlab-figure4.png" width="500" class="center"> | ||
<br> | <br> | ||
− | <h2>Figure 4. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis) on a log scale</h2> | + | <h2><center>Figure 4. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis) on a log scale</center></h2> |
<br> | <br> | ||
+ | </div> | ||
+ | <footer class="footer"> | ||
+ | <div class="columns2"> | ||
+ | <a href="https://2018.igem.org/Team:NYU_Abu_Dhabi" target="_blank"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--NYU_Abu_Dhabi--PathoGene2.png" alt="sponsor" width="200" margin-left="60px" ></a> | ||
+ | <br> | ||
+ | <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a> | ||
+ | <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a> | ||
+ | <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a> | ||
+ | <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a> | ||
+ | </div> | ||
+ | <div class="columns"> | ||
+ | <h3>Sponsors:</h3> | ||
+ | <a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/23/T--NYU_Abu_Dhabi--Promega.jpeg" alt="sponsor" width="90"></a> | ||
+ | <a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--NYU_Abu_Dhabi--Appslink2.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--NYU_Abu_Dhabi--Mathworks.png" alt="sponsor" width="90"></a> | ||
+ | <a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" width="90"></a> | ||
+ | <a href="https://www.jenabioscience.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--NYU_Abu_Dhabi--JenaBioscience.png" alt="sponsor" width="90"></a> | ||
− | + | </div> | |
− | + | </footer> | |
− | + | </body> | |
− | + | ||
− | < | + | |
− | < | + | |
− | < | + | |
<!--script for buttons --> | <!--script for buttons --> | ||
<script> | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 790: | Line 847: | ||
<head> | <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> | </head> | ||
<body> | <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> | ></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"> | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
<ul class="navbar-nav mr-auto"> | <ul class="navbar-nav mr-auto"> | ||
Line 862: | Line 918: | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | <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/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/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/Results">Results</a> | ||
Line 869: | Line 925: | ||
<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/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/Model">Modelling</a> | ||
− | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/ | + | <a class="dropdown-item" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Medal_Requirements">Medal Requirements</a> |
</div> | </div> | ||
</li> | </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"> | <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"> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
Line 883: | Line 941: | ||
</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> | </li> | ||
Line 897: | Line 958: | ||
</li> | </li> | ||
− | <li class="nav-item | + | <li class="nav-item" > |
− | <a class="nav-link | + | <a class="nav-link" href="https://2018.igem.org/Team:NYU_Abu_Dhabi/Collaborations">Collaborations<span class="sr-only"></span></a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
Latest revision as of 19:45, 17 October 2018