|
|
(20 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html lang="en"> | | <html lang="en"> |
| <head> | | <head> |
- | <title>Team</title> | + | <title>modeling</title> |
- | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
| + | <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/> |
| <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> | | <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script> |
- | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script> | + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script> |
- | <script src="https://raw.github.com/cowboy/jquery-throttle-debounce/v1.1/jquery.ba-throttle-debounce.min.js"></script>
| + | <script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k/" type="text/javascript"> </script> <!--javascript--> |
- | <style>
| + | <script> |
- |
| + | $(document).ready(function($) { |
- | /*Page specific*/
| + | |
- | .member_container {
| + | |
- | display: inline-block;
| + | |
- | color: black;
| + | |
- | min-height: 100px;
| + | |
- | width: 250px;
| + | |
- | margin-left: 30px;
| + | |
- | margin-right:30px;
| + | |
- | margin-bottom: 10px;
| + | |
- | background-color: white; | + | |
- | -moz-border-radius: 10px;
| + | |
- | -webkit-border-radius: 10px;
| + | |
- | -khtml-border-radius: 10px;
| + | |
- | border-radius: 10px;
| + | |
- | overflow: hidden;
| + | |
- | bottom: 350px;
| + | |
- | padding: 20px;
| + | |
- | margin-top: 20px;
| + | |
- | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
| + | |
- | /* IE 5-7 */
| + | |
- | filter: alpha(opacity=80);
| + | |
- | /* Netscape */
| + | |
- | -moz-opacity: 0.8;
| + | |
- | /* Safari 1.x */
| + | |
- | -khtml-opacity: 0.8;
| + | |
- | /* Good browsers */
| + | |
- | opacity: 0.8;
| + | |
- |
| + | |
- | }
| + | |
- |
| + | |
- | .left_wrap {
| + | |
- | min-height: 695px !important; /*change as page gets longer*/
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- | .member_text {
| + | |
- | float: left;
| + | |
- | text-align: left;
| + | |
- | width: 250px;
| + | |
- | color: black;
| + | |
- | font-family: arial, sans-serif;
| + | |
- |
| + | |
- | }
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | .member_container img {
| + | |
- | margin-left: 25px;
| + | |
- | float: center;
| + | |
- | width: 200px;
| + | |
- | -moz-border-radius: 10px;
| + | |
- | -webkit-border-radius: 10px;
| + | |
- | -khtml-border-radius: 10px;
| + | |
- | border-radius: 10px;
| + | |
- | }
| + | |
- |
| + | |
- | .name {
| + | |
- | padding: 3px;
| + | |
- | margin: -3px;
| + | |
- | width: 220px;
| + | |
- | height: 175px;
| + | |
- | display: none;
| + | |
- |
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | h4 {
| + | |
- | text-align: center;
| + | |
- | font-size: 16px;
| + | |
- | color: black;
| + | |
- | font-family: arial, sans-serif;
| + | |
- | margin-top: 20px;
| + | |
- | }
| + | |
| | | |
- | p{
| + | /*load in the sidebar*/ |
- | font-family: sans-serif;
| + | $('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc'); |
- | text-align: center;
| + | |
- | }
| + | |
| | | |
- | h2{
| + | }); |
- | text-align: center;
| + | </script> |
- | }
| + | <style> |
- |
| + | |
| | | |
| | | |
Line 104: |
Line 29: |
| <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo--> | | <!-- <div class="logo-wrap"><img src="https://googledrive.com/host/0B4ZBZOYYKBzEUlI3ZDU2OGRrc1E" id="penn"/></div><!--penn logo--> |
| | | |
- | <ul class="navbar">
| |
- | <a href="https://2013.igem.org/Team:Penn"><li>HOME</li></a>
| |
- | <li class="dropdown" id="project">
| |
- | <a href="#" class="active" data-toggle="dropdown">PROJECT<div class="arrow">></div> <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu" id="drop-menu1">
| |
- |
| |
- | <a href="https://2013.igem.org/Team:Penn/Project"><li class="active" style="background-color: rgb(200,200,215);">project</li></a>
| |
- | <a href="https://2013.igem.org/Team:Penn/Parts"><li>parts</li></a>
| |
- | <a href="https://2013.igem.org/Team:Penn/Modeling"><li>modeling</li></a>
| |
- | <a href="https://2013.igem.org/Team:Penn/Safety"><li>safety</li></a>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown" id="about">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">ABOUT<div class="arrow">></div> <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu" id="drop-menu2">
| |
- | <a href="https://2013.igem.org/Team:Penn/Team"> <li>team</li></a>
| |
- | <a href="https://2013.igem.org/Team:Penn/Sponsors"> <li>sponsors</li></a>
| |
- | <a href="https://igem.org/Team.cgi?id=1128"><li>official team profile</li></a>
| |
- | </li></ul>
| |
- |
| |
- | <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li>HUMAN PRACTICES</li></a>
| |
- | <a href="https://2013.igem.org/Team:Penn/Notebook"><li>NOTEBOOK</li></a>
| |
- | </ul>
| |
| | | |
| | | |
- | <div class="section-title" style=" margin-top: 150px; position: relative;">modeling</div> | + | |
| + | <div class="section-title" style="left: 20px;">modeling</div> |
| | | |
| </div> | | </div> |
| <div class="section1" style="background-position: top;"> | | <div class="section1" style="background-position: top;"> |
| <div class="text"> | | <div class="text"> |
- | | + | <b><center><h1> |
| + | MaGellin |
| + | </b></center></h1> |
| + | <br> |
| + | <b><center> |
| + | |
| + | Open Source Automated, Quantifiable DNA Analysis for our Assay |
| + | </b></center> |
| + | <br> |
| + | MaGellin is a MATLAB script that uses computer vision algorithms to calculate the location and intensity of DNA bands. It also has a bioinformatics module to compare the lengths of bands with the expected lengths, based on the methylation sensitivity of the enzymes and the plasmid of the sequence. So, MaGellin is more than another gel quantifier - it interprets the biological meaning of the band lengths and returns experimentally relevant analyses. MaGellin is crucial for our workflow because it allows for clear input/output. Since our restriction digests always yield bands in predictable locations, MaGellin eliminates user bias and standardizes data sets across trials and labs, accelerating the pace of discovery. |
| + | <br> |
| + | <br> |
| + | MaGellin converts gel images into standardized data sets, making data analysis quick, easy and unbiased. |
| + | <br> |
| + | <img src="http://s21.postimg.org/z98hqbrdj/gellin.png"> |
| + | <br> |
| + | <br> |
| + | A User-friendly GUI that is easy to navigate makes it ideal for first time users. |
| + | <br> |
| + | <img src="http://s8.postimg.org/5cd9z4b79/gellingui.png"> |
| + | <br> |
| + | <br> |
| + | The bioinformatics module simulates DNA digestion, so you know what bands to expect before even touching a pipette. |
| + | <br> |
| + | <img src="http://s14.postimg.org/6dwg73o5t/gellinbioinfo.png"> |
| + | <br> |
| + | <br> |
| + | Computer vision algorithm calculates location and intensity of DNA bands. |
| + | <br> |
| + | <img src="http://s16.postimg.org/6smb69xt1/gellinvision.png"> |
| + | <br> |
| + | <br> |
| + | SkyDrive provides open access to data and encourages collaborations. MaGellin is the interface to our assay, and it acts to abstract our plasmid system the same way a programming language abstracts computer hardware. |
| + | <br> |
| + | <img src="http://s18.postimg.org/fusjsrq1l/gellindrive.png"> |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 142: |
Line 80: |
| </body> | | </body> |
| <script> | | <script> |
- | jQuery(document).ready(function($) {
| + | </script> |
- |
| + | |
- | $('#carousel').infiniteCarousel({
| + | |
- | transitionSpeed : 2000,
| + | |
- | displayTime : 5000,
| + | |
- | textholderHeight : .25,
| + | |
- | displayProgressBar : 0
| + | |
- | });
| + | |
- |
| + | |
- | $(window).scroll($.debounce( 300, true, function(){
| + | |
- | $(".navbar").hide();
| + | |
- | $(".left_wrap").animate({
| + | |
- | width: "65px"
| + | |
- | }, 250, function() {
| + | |
- | });
| + | |
- | }));
| + | |
- | $(window).scroll($.debounce(300, function(){
| + | |
- |
| + | |
- | $(".navbar").show();
| + | |
- | $(".left_wrap").animate({
| + | |
- | width: "200px"
| + | |
- | }, 250, function() {
| + | |
- | | + | |
- | });
| + | |
- | }));
| + | |
- |
| + | |
- | $(".dropdown").mouseenter(function(){
| + | |
- | $(".dropdown-menu").hide();
| + | |
- | $(this).find(".dropdown-menu").show();
| + | |
- | });
| + | |
- | | + | |
- | $(".dropdown").mouseleave(function(){
| + | |
- | $(this).find(".dropdown-menu").hide();
| + | |
- | });
| + | |
- |
| + | |
- | $(".dropdown li").mouseenter(function(){
| + | |
- | $(this).addClass("active");
| + | |
- | });
| + | |
- |
| + | |
- | $(".dropdown li").mouseleave(function(){
| + | |
- | $(this).removeClass("active");
| + | |
- |
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
| </html> | | </html> |