Yasmin1304 (Talk | contribs) |
|||
(20 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> |
+ | |||
+ | <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> | ||
+ | <!-- Latest compiled and minified CSS --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
<style> | <style> | ||
+ | @media (min-width: 768px) { | ||
+ | .dropdown:hover .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | .footer{ | ||
+ | display: table; | ||
+ | text-align: center; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | body, html { | ||
+ | height: 100%; | ||
+ | } | ||
+ | .centered { | ||
+ | position: absolute; | ||
+ | top: 200px; | ||
+ | left: 330px; | ||
+ | color: white; | ||
+ | } | ||
+ | .main{ | ||
+ | /* The image used */ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2017/9/97/IMG_9697.jpg'); | ||
+ | /* Full height */ | ||
+ | height: 1000px; | ||
+ | |||
+ | /* Create the parallax scrolling effect */ | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | opacity: 0.9; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .division{ | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | |||
+ | height:370px; | ||
+ | |||
+ | } | ||
+ | html { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 8rem; | ||
+ | position: absolute; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 2rem; | ||
+ | position: absolute; | ||
+ | } | ||
+ | p { | ||
+ | font-size: 1rem; | ||
+ | word-wrap: break-word; | ||
+ | word-break: keep-all; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | @media screen and (min-width: 500px){ | ||
+ | html{ | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 570px){ | ||
+ | html{ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 620px){ | ||
+ | html{ | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 680px){ | ||
+ | html{ | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 720px){ | ||
+ | html{ | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 800px){ | ||
+ | html{ | ||
+ | font-size: 19px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 860px){ | ||
+ | html{ | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 920px){ | ||
+ | html{ | ||
+ | font-size: 21px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (min-width: 1000px){ | ||
+ | html{ | ||
+ | font-size: 22px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Collapsing Navbar Styles */ | ||
+ | |||
+ | @media(min-width:768px) { | ||
+ | .navbar-default { | ||
+ | -webkit-transition: all .35s; | ||
+ | -moz-transition: all .35s; | ||
+ | transition: all .35s; | ||
+ | padding: 15px 0; | ||
+ | background-color: transparent; | ||
+ | border-width: 0px; | ||
+ | |||
+ | /* Add additional styles here for the UNCOLLAPSED state */ | ||
+ | } | ||
+ | .navbar-default.affix { | ||
+ | padding: 0; | ||
+ | margin-top: 9px; | ||
+ | background-color: white; | ||
+ | /* Add additional styles here for the COLLAPSED state */ | ||
+ | } | ||
+ | } | ||
+ | .navbar.navbar-default.navbar-fixed-top a { | ||
+ | color: black; | ||
+ | font-size: 15px; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | |||
+ | } | ||
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
Line 265: | Line 397: | ||
</head> | </head> | ||
− | + | <nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> | |
− | + | <div class="container"> | |
− | + | <!-- Brand and toggle get grouped for better mobile display --> | |
− | + | <div class="navbar-header"> | |
− | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | |
− | + | <span class="sr-only">Toggle navigation</span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
− | + | </button> | |
− | + | <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ" >CMUQ</a> | |
− | + | </div> | |
− | + | ||
− | + | <!-- Collect the nav links, forms, and other content for toggling --> | |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <div class="collapse navbar-collapse" id= "expand"> |
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <ul class="nav navbar-nav navbar-right"> |
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Safety">Safety</a></li> | ||
<li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li> | <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <li><a href="https://2017.igem.org/Team:CMUQ/Parts">Parts</a></li> |
<li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | <li><a href="https://2017.igem.org/Team:CMUQ/JudgingForm">Judging Form </a></li> |
− | + | ||
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <span class="caret"> </span></a> | |
+ | <ul class="dropdown-menu"> | ||
<li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li> | <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li> | ||
<li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li> | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/HP/Gold_Integrated"> Gold HP </a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li> | |
− | + | <li><a href="https://2017.igem.org/Team:CMUQ/Results">Results</a></li> | |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/protocols"> | + | |
− | <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab</a></li | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li><a href="https://2017.igem.org/Team:CMUQ/ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | </ | + | </li> |
− | </div> | + | |
− | </nav> | + | <li class="dropdown"> |
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container --> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | <div class="main"> | ||
+ | <div class="centered"> <h1>Interlab </h1> </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;"> | ||
+ | iGEM CMUQ participated in the Inter Lab study for 2017 and submitted the results on time. The following are the two sheets, for plater reader experiment and the flow cytometer experiment, which were submitted: | ||
+ | </p> | ||
+ | <br> | ||
+ | <div style="font-family: 'Montserrat', sans-serif;font-size:50px; text-align: center; class="button_01"><a href="https://static.igem.org/mediawiki/2017/8/8a/CMUQ_InterLab_2017_Measurements.pdf" target="_blank">Plater Reader </a></div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div style="font-family: 'Montserrat', sans-serif;font-size:50px; text-align: center; class="button_01"><a href="https://static.igem.org/mediawiki/2017/5/52/CMUQ_iGEM2017_Flow_Cytometry_Worksheet.pdf" target="_blank">Flow Cytometry</a></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="footer"> | ||
+ | <hr> | ||
+ | <span class="glyphicon glyphicon-chevron-up"></span> | ||
+ | |||
+ | </br> | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" > | ||
+ | <img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " > | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> | ||
+ | <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script> | ||
+ | <script type="text/javascript"> | ||
+ | // Initialize affix and add an offset to add affix class on scroll | ||
+ | $('#mainNav').affix({ | ||
+ | offset: { | ||
+ | top: 100 | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | |||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:59, 2 November 2017
Interlab
iGEM CMUQ participated in the Inter Lab study for 2017 and submitted the results on time. The following are the two sheets, for plater reader experiment and the flow cytometer experiment, which were submitted: