Line 31: | Line 31: | ||
#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; } | ||
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
Line 140: | Line 140: | ||
} | } | ||
/*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 505: | Line 504: | ||
h3 { | h3 { | ||
font-family: 'IBM Plex Sans', serif; | font-family: 'IBM Plex Sans', serif; | ||
− | color: | + | color: white; |
− | font-size: | + | font-size: 15px; |
− | 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 537: | Line 528: | ||
} | } | ||
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 640: | ||
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> | ||
+ | <div class="content"> | ||
+ | <div class="content-inside"> | ||
+ | |||
<h6><b>Measuring Fluorescence of GFP of transformed Escherichia Coli DH5 𝞪 Cells</b></h6> | <h6><b>Measuring Fluorescence of GFP of transformed Escherichia Coli DH5 𝞪 Cells</b></h6> | ||
Line 747: | Line 792: | ||
<h2>Figure 4. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis) on a log scale</h2> | <h2>Figure 4. The fluorescence (y-axis) versus the concentration of Fluorescein in µM (x-axis) on a log scale</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 845: | ||
<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 911: | Line 965: | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
Revision as of 09:21, 12 October 2018
<!DOCTYPE html>