(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Minnesota}} | + | <html lang="en" dir="ltr" class="client-nojs"> |
− | < | + | <head> |
+ | <meta charset="UTF-8" /> | ||
+ | <title>Team:Minnesota/2018/EDUCATION AND ENGAGEMENT/igem</title> | ||
+ | <meta name="generator" content="MediaWiki 1.24.1" /> | ||
+ | <link rel="shortcut icon" href="/favicon.ico" /> | ||
+ | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" /> | ||
+ | <link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" /> | ||
+ | <link rel="alternate" hreflang="x-default" href="/Team:Minnesota" /> | ||
+ | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | ||
+ | <link rel="alternate" type="application/atom+xml" title="2018.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" /> | ||
+ | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]--> | ||
+ | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" /> | ||
+ | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} | ||
+ | /* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style> | ||
+ | <script src="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Minnesota","wgTitle":"Team:Minnesota","wgCurRevisionId":448863,"wgRevisionId":448863,"wgArticleId":1274,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"MaboroshiSOAP","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Minnesota","wgUserId":5579,"wgUserEditCount":0,"wgUserRegistration":1524773294000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}}); | ||
+ | }</script><script>if(window.mw){ | ||
+ | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0, | ||
+ | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"fc0ca34897387b2e25c583335c2bbef5+\\","patrolToken":"605758ec993e57469ed7b0e93e489314+\\","watchToken":"d078c800cd8b841c99c4b70b05aab508+\\"});},{},{}); | ||
+ | /* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:8e33f8207226f11b931aa0de02a587f8 */ | ||
+ | }</script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]); | ||
+ | }</script> | ||
+ | </head> | ||
+ | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Minnesota skin-igem action-view"> | ||
− | < | + | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> |
+ | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | ||
− | < | + | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2017_skin.js'></script> |
− | + | ||
− | |||
− | |||
− | |||
− | </div> | + | <div id='globalWrapper'> |
+ | <div id='top_menu_under' class='noprint'></div> | ||
+ | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | ||
+ | <script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi', | ||
+ | { t:"Team%3AMinnesota", | ||
+ | a:"View+%2FTeam%3AMinnesota++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AMinnesota%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AMinnesota%26action%3Dhistory++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AMinnesota%26action%3Dwatch%26token%3D35678c543d283b04a076541ea2d3c06a%252B%255C++Page+%2FTeam%3AMinnesota++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AMinnesota%26action%3Dedit%26redlink%3D1++" }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> | ||
+ | <div id="content" class="mw-body" role="main"> | ||
+ | <a id="top"></a> | ||
+ | |||
+ | <div id="top_title"> | ||
+ | <div class="logo_2018"> | ||
+ | <a href="https://2018.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px"> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <h1 id="firstHeading" class="firstHeading"> | ||
+ | <span dir="auto">Team:Minnesota</span> | ||
+ | </h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="HQ_page"> | ||
+ | <div id="bodyContent"> | ||
+ | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | // This is the jquery part of your template. | ||
+ | // Try not modify any of this code too much since it makes your menu work. | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | // call the functions that control the menu | ||
+ | menu_functionality(); | ||
+ | hide_show_menu(); | ||
+ | |||
+ | |||
+ | |||
+ | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols | ||
+ | function menu_functionality() { | ||
+ | |||
+ | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu | ||
+ | $(".menu_button").click(function(){ | ||
+ | |||
+ | // add or remove the class "open" , this class holds the "-" | ||
+ | $(this).children().toggleClass("open"); | ||
+ | // show or hide the submenu | ||
+ | $(this).next('.submenu_wrapper').fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu | ||
+ | $("#display_menu_control").click(function(){ | ||
+ | $('#menu_content').fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | // call the current page highlight function | ||
+ | highlight_current_page(); | ||
+ | } | ||
+ | |||
+ | |||
+ | // call the highlight current page function to show it on the menu with a different background color | ||
+ | function highlight_current_page() { | ||
+ | |||
+ | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color | ||
+ | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); | ||
+ | |||
+ | // now that the current_page class has been added to a menu item, make the submenu fade in | ||
+ | $(".current_page").parents(".submenu_wrapper").fadeIn(400); | ||
+ | // change the +/- symbol of the corresponding menu button | ||
+ | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | // allow button on the black menu bar to show/hide the side menu | ||
+ | function hide_show_menu() { | ||
+ | |||
+ | // in case you preview mode is selected, the menu is hidden for better visibility | ||
+ | if (window.location.href.indexOf("submit") >= 0) { | ||
+ | $(".igem_2018_menu_wrapper").hide(); | ||
+ | } | ||
+ | |||
+ | // if the black menu bar has been loaded | ||
+ | if (document.getElementById('bars_item')) { | ||
+ | |||
+ | // when the "bars_item" has been clicked | ||
+ | $("#bars_item").click(function() { | ||
+ | $("#sideMenu").hide(); | ||
+ | |||
+ | // show/hide the menu wrapper | ||
+ | $(".igem_2018_menu_wrapper").fadeToggle("100"); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet | ||
+ | else { | ||
+ | setTimeout(hide_show_menu, 15); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /**************************************************************** MENU ***************************************************************/ | ||
+ | /* Wrapper for the menu */ | ||
+ | .igem_2018_menu_wrapper { | ||
+ | width: 15%; | ||
+ | height:100vh; | ||
+ | position:fixed; | ||
+ | right:0%; | ||
+ | padding:0px; | ||
+ | float:right; | ||
+ | border-left: 1px solid #d3d3d3; | ||
+ | background-color:#dddddd; | ||
+ | text-align:left; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | overflow-y: auto; | ||
+ | overflow-x: hidden; | ||
+ | } | ||
+ | |||
+ | /* this hides the scrollbar to keep view consistency */ | ||
+ | .igem_2018_menu_wrappe::-webkit-scrollbar { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for links in the menu, removes the line under text */ | ||
+ | .igem_2018_menu_wrapper a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the images in the menu */ | ||
+ | .igem_2018_menu_wrapper img { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* styling for the menu buttons */ | ||
+ | .igem_2018_menu_wrapper .menu_button { | ||
+ | width: 100%; | ||
+ | padding: 10px 0px 10px 15px; | ||
+ | float:left; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | color: #5e5f5f; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_menu_wrapper .menu_bottom_padding { | ||
+ | width: 100%; | ||
+ | height: 30px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .menu_button.direct_to_page { | ||
+ | padding-left: 36px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2018_menu_wrapper .menu_button .expand_collapse_icon { | ||
+ | width:10%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .igem_2018_menu_wrapper .menu_button .expand_collapse_icon::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | .open::before { | ||
+ | content: "-" !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* styling for the menu buttons on hover */ | ||
+ | .igem_2018_menu_wrapper .menu_button:hover, .igem_2018_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
+ | background-color: #3399ff; | ||
+ | text-decoration: none; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | /* styling for the menu button when it is the current page */ | ||
+ | .current_page { | ||
+ | background-color:#7fc1f7 !important; | ||
+ | color:#5e5f5f !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the submenu buttons */ | ||
+ | .igem_2018_menu_wrapper .submenu_button { | ||
+ | width: 100%; | ||
+ | padding: 10px 0px 10px 34px; | ||
+ | float:left; | ||
+ | background-color:#f2f2f2; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | font-size: 12px; | ||
+ | color: #5e5f5f; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | /* wrapper for the submenu items, they are hidden by default*/ | ||
+ | .igem_2018_menu_wrapper .submenu_wrapper { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ | ||
+ | .igem_2018_menu_wrapper #display_menu_control { | ||
+ | display:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
+ | |||
+ | /* Wrapper for the content */ | ||
+ | .igem_2018_content_wrapper { | ||
+ | width: 81%; | ||
+ | margin: 2%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************* HTML STYLING *********************************/ | ||
+ | |||
+ | /* styling for the titles h1 h2 */ | ||
+ | .igem_2018_content_wrapper h1, .igem_2018_content_wrapper h2 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h3 h4 h5 h6*/ | ||
+ | .igem_2018_content_wrapper h3, .igem_2018_content_wrapper h4, .igem_2018_content_wrapper h5, .igem_2018_content_wrapper h6 { | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* font and text */ | ||
+ | .igem_2018_content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | /* Links */ | ||
+ | .igem_2018_content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color: #3399ff; | ||
+ | color: #3399ff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* hover for the links */ | ||
+ | .igem_2018_content_wrapper a:hover { | ||
+ | text-decoration:none; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | /* non numbered lists */ | ||
+ | .igem_2018_content_wrapper ul { | ||
+ | padding:0px 20px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* numbered lists */ | ||
+ | .igem_2018_content_wrapper ol { | ||
+ | padding:0px; | ||
+ | font-size: 13px; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Table */ | ||
+ | .igem_2018_content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin:15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table cells */ | ||
+ | .igem_2018_content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /* table headers */ | ||
+ | .igem_2018_content_wrapper th { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color:#f2f2f2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /**********************************LAYOUT CLASSES **********************************/ | ||
+ | |||
+ | /* general class for column divs */ | ||
+ | .igem_2018_content_wrapper .column { | ||
+ | padding: 10px 0px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | /* class for a full width column */ | ||
+ | .column .full_size { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | /* styling for images in a full width column*/ | ||
+ | .column.full_size img { | ||
+ | width:97%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | /* class for a half width column */ | ||
+ | .column.half_size { | ||
+ | width: 50%; | ||
+ | } | ||
+ | /* styling for images in a half width column*/ | ||
+ | .column.half_size img { | ||
+ | width: 94.5%; | ||
+ | padding: 10px 15px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /********************************* SUPPORT CLASSES ********************************/ | ||
+ | |||
+ | /* class that clears content below*/ | ||
+ | .igem_2018_content_wrapper .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* adds extra spacing when clearing content */ | ||
+ | .igem_2018_content_wrapper .clear.extra_space { | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, makes content slightly smaller */ | ||
+ | .igem_2018_content_wrapper .highlight { | ||
+ | margin: 0px 15px; | ||
+ | padding: 15px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* highlight class, adds a gray background */ | ||
+ | .igem_2018_content_wrapper .highlight.gray { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | /* highlight with decoration blue line on top */ | ||
+ | .igem_2018_content_wrapper .highlight.blue_top { | ||
+ | border-top: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | /* highlight with a full blue border decoration */ | ||
+ | .igem_2018_content_wrapper .highlight.blue_border { | ||
+ | border: 4px solid #3399ff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* button class */ | ||
+ | .igem_2018_content_wrapper .button{ | ||
+ | max-width: 35%; | ||
+ | margin: 30px auto; | ||
+ | padding: 12px 10px; | ||
+ | background-color: #3399ff; | ||
+ | text-align: center; | ||
+ | color: #ffffff; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | /* styling for button on hover */ | ||
+ | .igem_2018_content_wrapper .button:hover{ | ||
+ | background-color: #3399ff; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** RESPONSIVE STYLING ****************************************************/ | ||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 1200PX */ | ||
+ | @media only screen and (max-width: 1200px) { | ||
+ | |||
+ | #content {width:100%; } | ||
+ | .igem_2018_menu_wrapper {width:10%; right:0;} | ||
+ | .highlight {padding:10px 0px;} | ||
+ | .igem_2018_menu_wrapper #display_menu_control { display:none; } | ||
+ | #menu_content { display:block;} | ||
+ | .menu_button.direct_to_page {padding-left: 20px;} | ||
+ | |||
+ | } | ||
+ | |||
+ | /* IF THE SCREEN IS LESS THAN 800PX */ | ||
+ | @media only screen and (max-width: 800px) { | ||
+ | |||
+ | .igem_2018_menu_wrapper { width:100%; height: 10%; position:relative; left:5%;} | ||
+ | .igem_2018_content_wrapper {width:100%; margin-left:0px;} | ||
+ | .column.half_size {width:100%; } | ||
+ | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 5px;} | ||
+ | .highlight {padding:15px 5px;} | ||
+ | .igem_2018_menu_wrapper #display_menu_control { display:block; } | ||
+ | #menu_content { display:none;} | ||
+ | .igem_2018_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; } | ||
+ | .menu_bottom_padding {display:none;} | ||
+ | .menu_button.direct_to_page { padding-left: 36px; } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* special class that the system uses to make sure the team wants a page to be evaluated */ | ||
+ | .judges-will-not-evaluate { | ||
+ | width: 96.6%; | ||
+ | margin: 5px 15px; | ||
+ | display: block; | ||
+ | border: 4px solid #3399ff; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <!--- 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> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="igem_2018_menu_wrapper" > | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota"> | ||
+ | <img src="http://placehold.it/350x150"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <!-- this div is hidden by default and will only be displayed if the screen size is too small --> | ||
+ | <div class="menu_button" id="display_menu_control"> | ||
+ | MENU | ||
+ | </div> | ||
+ | |||
+ | <div id="menu_content"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota"> | ||
+ | <div class="menu_button direct_to_page"> | ||
+ | HOME | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="menu_button"> | ||
+ | <div class="expand_collapse_icon"> </div> TEAM | ||
+ | </div> | ||
+ | |||
+ | <div class="submenu_wrapper" id="team_submenu"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Team"> | ||
+ | <div class="submenu_button" id="Team_page"> | ||
+ | Team Members | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Collaborations"> | ||
+ | <div class="submenu_button" id="Collaborations_page"> | ||
+ | Collaborations | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="menu_button"> | ||
+ | <div class="expand_collapse_icon"> </div> PROJECT | ||
+ | </div> | ||
+ | |||
+ | <!-- project submenu --> | ||
+ | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Description"> | ||
+ | <div class="submenu_button" id="Description_page"> | ||
+ | Description | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Design"> | ||
+ | <div class="submenu_button" id="Design_page"> | ||
+ | Design | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Experiments"> | ||
+ | <div class="submenu_button" id="Experiments_page"> | ||
+ | Experiments | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Notebook"> | ||
+ | <div class="submenu_button" id="Notebook_page"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/InterLab"> | ||
+ | <div class="submenu_button" id="InterLab_page"> | ||
+ | InterLab | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Contribution"> | ||
+ | <div class="submenu_button" id="Contribution_page"> | ||
+ | Contribution | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Model"> | ||
+ | <div class="submenu_button" id="Model_page"> | ||
+ | Model | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Results"> | ||
+ | <div class="submenu_button" id="Results_page"> | ||
+ | Results | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Demonstrate"> | ||
+ | <div class="submenu_button" id="Demonstrate_page"> | ||
+ | Demonstrate | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Improve"> | ||
+ | <div class="submenu_button" id="Improve_page"> | ||
+ | Improve | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Attributions"> | ||
+ | <div class="submenu_button" id="Attributions_page"> | ||
+ | Attributions | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="menu_button"> | ||
+ | <div class="expand_collapse_icon"> </div> PARTS | ||
+ | </div> | ||
+ | |||
+ | <!-- parts submenu --> | ||
+ | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Parts"> | ||
+ | <div class="submenu_button" id="Parts_page"> | ||
+ | Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Basic_Part"> | ||
+ | <div class="submenu_button" id="Basic_Part_page"> | ||
+ | Basic Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Composite_Part"> | ||
+ | <div class="submenu_button" id="Composite_Part_page"> | ||
+ | Composite Parts | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Part_Collection"> | ||
+ | <div class="submenu_button" id="Part_Collection_page"> | ||
+ | Part Collection | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Safety"> | ||
+ | <div class="menu_button direct_to_page"> | ||
+ | SAFETY | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="menu_button" > | ||
+ | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES | ||
+ | </div> | ||
+ | |||
+ | <!-- human practices submenu --> | ||
+ | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Human_Practices"> | ||
+ | <div class="submenu_button" id="Silver_page"> | ||
+ | HUMAN PRACTICES | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Public_Engagement"> | ||
+ | <div class="submenu_button" id="Gold_Integrated_page"> | ||
+ | Education and Engagement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="menu_button"> | ||
+ | <div class="expand_collapse_icon"> </div> AWARDS | ||
+ | </div> | ||
+ | |||
+ | <!-- awards submenu --> | ||
+ | <div class="submenu_wrapper"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Applied_Design"> | ||
+ | <div class="submenu_button" id="Applied_Design_page"> | ||
+ | Applied Design | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Entrepreneurship"> | ||
+ | <div class="submenu_button" id="Entrepreneurship_page"> | ||
+ | Entrepreneurship | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Hardware"> | ||
+ | <div class="submenu_button" id="Hardware_page"> | ||
+ | Hardware | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Measurement"> | ||
+ | <div class="submenu_button" id="Measurement_page"> | ||
+ | Measurement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Model"> | ||
+ | <div class="submenu_button" id="Model_page"> | ||
+ | Model | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Plant"> | ||
+ | <div class="submenu_button" id="Plant_page"> | ||
+ | Plant | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Software"> | ||
+ | <div class="submenu_button" id="Software_page"> | ||
+ | Software | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <a href="https://igem.org/2018_Judging_Form?team=Minnesota"> | ||
+ | <div class="menu_button direct_to_page"> | ||
+ | JUDGING FORM | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="menu_bottom_padding" > | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <div class=" | + | |
− | <div class=" | + | |
− | < | + | <!-- start of content --> |
− | < | + | <div class="igem_2018_content_wrapper"> |
− | < | + | <h1> #Minnesota 2018 </h1> |
− | < | + | |
− | < | + | |
− | </ | + | <!------------------------------------ MAKING A NAVIGATION BAR------------------------------------------> |
− | </div> | + | <div class="navbar"> |
+ | <a href="https://2018.igem.org/Team:Minnesota">Home</a> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">+Team</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Team" target="_blank"> Team Members </a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Collaborations" target="_blank"> Collaborations </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">+Project</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Description">Description</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Design">Design</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Experiments">Experiments</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Notebook">Notebook</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Model">Model</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Results">Results</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Attributions">Attributions</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Interlab">Interlab</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">+Parts</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Parts">Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Basic_Part">Basic Parts</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Composite_Part">Composite Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">+Human Practices</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Human_Practices">Human Practices</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Public_Engagement">Education and Engagement</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <a href="https://2018.igem.org/Team:Minnesota/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:Minnesota/Judging">Medal Requirement</a> | ||
+ | <a href="https://igem.org/2018_Judging_Form?team=Minnesota">JUDGING FORM</a> | ||
+ | <p> #MINNESOTA 2018 </p> | ||
</div> | </div> | ||
+ | <br/> | ||
+ | <body> | ||
+ | <span style="font-size:20px; color:black">Experiments:<br/></span> | ||
+ | </body> | ||
+ | <br/> | ||
+ | |||
+ | |||
+ | |||
+ | <span style="font-size:25px; color:black"> | ||
+ | PCR (Polymerase chain reaction)<br/> | ||
+ | Protocol (50 uL system):<br/> | ||
+ | 1. Add 33uL of dd H2O<br/> | ||
+ | 2. Add 10uL of Q5 reaction buffer<br/> | ||
+ | 3. Add 1uL of dNTPs<br/> | ||
+ | 4. Add 2.5uL of forward primer and 2.5uL of reverse primer<br/> | ||
+ | 5. Add 1uL of DNA template<br/> | ||
+ | |||
+ | Thermocycling Conditions for the PCR:<br/><br/><br/> | ||
+ | 1: Initial Denaturation: 98-degree Celsius for 30 seconds.<br/> | ||
+ | 2: 98-degree Celsius for 10 seconds<br/> | ||
+ | 55 degree celsius for 30 seconds<br/> | ||
+ | 72 degree celsius for 1:30 seconds <br/> | ||
+ | Repeat step two for 34 cycles.<br/> | ||
+ | 3: Final Extension: 72 degree celsius for 2 minutes.<br/> | ||
+ | 4: Hold in 6 degree celsius. <br/> | ||
+ | |||
+ | DNA gel electrophoresis:<br/><br/><br/> | ||
+ | Gel making protocol:<br/> | ||
+ | 1. Add 200 mL 1xTAE buffer to the Erlenmeyer flask.<br/> | ||
+ | 2. Add 1% of LE Agarose made by GeneMate (Lot#1193C519).<br/> | ||
+ | 3. Heating with microwave for 3 minutes covered with tinfoil.<br/> | ||
+ | 4. Add 80 uL EtBr to the solution. Final concentration is 0.62 ug/L.<br/> | ||
+ | 5. Pour the solution into the gel template and using 10x comb. Stay for cooling.<br/> | ||
+ | Gel Electrophoresis protocol:<br/> | ||
+ | 1. Add 25 uL of each PCR products to the PCR tube.<br/> | ||
+ | 2. Add 5 uL 10x Fast Digest Green buffer to each PCR product. Labeled as #1~#9.<br/> | ||
+ | 3. Add 10 uL Quick Load 2-log ladder into an empty well as the DNA length ladder.<br/> | ||
+ | 4. Running the gel for 45 min at 120V.<br/> | ||
+ | |||
+ | Extracting DNA from gel protocol:<br/><br/><br/> | ||
+ | 1. Excise the DNA fragment from the agarose gel using a razor blade under Blue light.<br/> | ||
+ | 2. Place DNA fragment in 1500 uL centrifuge tube.<br/> | ||
+ | 3. Add 3 volumes of ADB to each tube (100 uL gel volume, 300 uL of ADB Buffer was added)<br/> | ||
+ | 4. Incubate at 55 degree Celsius until the gel dissolve<br/> | ||
+ | 5. Transfer the solution to a Zymo PCR DNA spin column with collection tube at the bottom and centrifuge it at 10000 rcf for 60 second<br/> | ||
+ | 6. Discard the flow through, and add 200 ul of DNA wash buffer to each tube. Centrifuge at 10000 rcf for 30 seconds, repeat this step twice<br/> | ||
+ | 7. Spin for additional 30 seconds to make sure no wash buffer is left over in the column<br/> | ||
+ | 8. Add 15 ul of H-pure water to the filter of the spin column, place the spin column on a pre-labeled 1.5 ml microcentrifuge tube, and incubate at room temperature for 10 min | ||
+ | 9. Centrifuge the tube for 30 seconds at 10000 rcf. <br/> | ||
+ | |||
+ | Transformation:<br/><br/><br/> | ||
+ | Protocol (for known DNA using XL1-Blue competent cell):<br/> | ||
+ | 1. Pre-chill 14-ml BD Falcon polypropylene round-bottom tubes on ice. Preheat SOC medium to 42 °C.<br/> | ||
+ | 2. Add 10 ul of nuclease free water to iGem plate 5, well 7I containing Plasmid pDU1358 and suspend getting the entirety of the DNA.<br/> | ||
+ | 3. Centrifuge the tube. (This concentration should be around 200-300 pg/ul)<br/> | ||
+ | 4. Thaw the super-competent cells on ice. When thawed, add 25 ul of the competent cells into the pre-chilled tube. <br/> | ||
+ | 5. Add 3 ul of the experimental DNA from the iGem plate into the aliquot of competent cell in the prechilled tube.<br/> | ||
+ | 6. Incubate tube on ice for 30 minutes.<br/> | ||
+ | 7. Heat-pulse the tubes in 42 °C water bath for 45 seconds. <br/> | ||
+ | 8. Incubate tube on ice for 2 minutes. <br/> | ||
+ | 9. Add 125 ul of SOC medium and incubate tubes at 37 °C for 1 hour w/ shaking at 225-250 rpm. <br/> | ||
+ | 10. Plate ~ 153 ul (or all of it) of the transformation mixture on LB agar plate containing chloramphenicol. Incubate plates at 37 °C overnight. <br/> | ||
+ | |||
+ | Miniprep:<br/><br/><br/> | ||
+ | Protocol:<br/> | ||
+ | 1. Prepare 1500 uL centrifuge tubes according to the number of samples<br/> | ||
+ | 2. Adjust pipette to 500 uL. Transfer 1500 uL of bacteria solution to each centrifuge tube.<br/> | ||
+ | 3. Place centrifuge tubes in the centrifuge machine (balance). Spin at 8000 rcf for 1min<br/> | ||
+ | 4. Carefully discard supernatant using a pipette. <br/> | ||
+ | 5. Add the remaining bacteria solution to the centrifuge tube.<br/> | ||
+ | 6. Repeat step 3-5<br/> | ||
+ | 7. Add 600 uL dd water to each centrifuge tube and resuspend using pipette<br/> | ||
+ | 8. Add 100 uL lysis buffer (blue) and invert 6-7 times<br/> | ||
+ | 9. Add 350 uL neutralization buffer (in the fridge) and invert 6-7 times<br/> | ||
+ | 10. Place centrifuge tubes in the centrifuge machine. Spin at 10000 rcf for 10 min<br/> | ||
+ | 11. Use pipette to transfer 900 uL of supernatant (Do not damage the pellet) to Zymo spin IIN tube<br/> | ||
+ | 12. Spin tubes at 10000 rcf for 1 min. Discard the liquid.<br/> | ||
+ | 13. Add 200 uL endo-wash buffer. Spin at 10000 rcf for 30 sec. Discard the liquid<br/> | ||
+ | 14. Add 400 uL of Zyppy wash buffer to tubes. Spin at 10000 rcf for 30 sec. Discard the liquid<br/> | ||
+ | 15. Repeat step 14.<br/> | ||
+ | 16. Spin at 12000 rcf for 30 sec (dry spin)<br/> | ||
+ | 17. Discard the bottom tubes and place a 1500 uL centrifuge tube under the Zymo spin IIN tube.<br/> | ||
+ | 18. Carefully add 50 uL of dd water to the center of the filter of Zymo spin IIN tube.<br/> | ||
+ | 19. Incubate 5-10 min at room temperature. Spin at 10000 rpm for 30 sec.<br/> | ||
+ | Digestion:<br/><br/><br/> | ||
+ | Protocol (20 microliter system):<br/> | ||
+ | 1. Add 2 uL FD.<br/> | ||
+ | 2. Add 1 uL plasmid.<br/> | ||
+ | 3. Add 1 uL enzyme (BamHI)/<br/> | ||
+ | 4. Add dd water until 20 uL.<br/> | ||
+ | 5. 37°C incubate for 1 hour.<br/> | ||
+ | <br/><br/><br/> | ||
+ | IPTG Experiment set up:<br/> | ||
+ | We prepared 8x10 mL of M9 media, and add different volume of IPTG to get 8 different concentrations of IPTG&M9 solution. <br/>The wells of plate were loaded as shown in figure re 1.There wer were total 96 wells in this plate which was separated into 3 groups with 8 different concentrations for LacI 1, LacI 2 and LacI 10. <br/> | ||
+ | |||
+ | </span> | ||
+ | <br/> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/46/T--Minnesota--Figure1.png" height="250" width="250" margin:20px 10px; /> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <span style="font-size:25px; color:black">Figure 1: IPTG plate set up.(IPTG 1000x).<br/></span> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | /*************************** Page Formatting ****************************/ | ||
+ | .igem_2018_menu_wrapper{display:none;} | ||
+ | |||
+ | #content{ | ||
+ | background-color: transparent; | ||
+ | background: transparent;} | ||
+ | |||
+ | .igem_2018_content_wrapper{ background-color: transparent; } | ||
+ | |||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | display: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | /* Navbar container */ | ||
+ | .navbar { | ||
+ | overflow: hidden; | ||
+ | height: 100px; | ||
+ | background-color: #333; | ||
+ | width: 1390px; | ||
+ | margin-top: -60px; | ||
+ | margin-left: -30px; | ||
+ | font-family: Arial; | ||
+ | } | ||
+ | |||
+ | .navbar p { | ||
+ | margin-left: 1150px; | ||
+ | color: white; | ||
+ | margin-top: 50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Links inside the navbar */ | ||
+ | .navbar a { | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | margin-top: 30px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* The dropdown container */ | ||
+ | .dropdown { | ||
+ | margin-top:30px; | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | /* Dropdown button */ | ||
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | /* Add a red background color to navbar links on hover */ | ||
+ | .navbar a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: red; | ||
+ | } | ||
+ | |||
+ | /* Dropdown content (hidden by default) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | /* Links inside the dropdown */ | ||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 10px 12px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | /* Add a grey background color to dropdown links on hover */ | ||
+ | .dropdown-content a:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | body{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/c/c5/T--Minnesota--Background2.jpeg); | ||
+ | background-size: cover; | ||
+ | background-size: cover; | ||
+ | height: 40vh; | ||
+ | background-size:100% 100%; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | </div> <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!-- Side Menubar --> | ||
+ | <div id="sideMenu"> | ||
+ | <a href="https://2018.igem.org"> | ||
+ | <div id="home_logo" > | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg"> | ||
+ | </div> | ||
+ | </a> | ||
− | <div | + | <div style="clear:both; height:5px;"></div> |
+ | <div id="menuDisplay"></div> <!- Menu will be loaded here -> | ||
+ | </div> | ||
+ | <!-- Pop_Why Div is definded here --> | ||
+ | <div class="pop_why_cover"></div> | ||
+ | <div class="pop_why_box" > | ||
+ | <div class="pop_close">× </div> | ||
+ | <div class="pop_why_content"><h3> Loading ... </h3></div> | ||
+ | </div> | ||
+ | </div> | ||
</html> | </html> |
Latest revision as of 03:16, 18 October 2018
#Minnesota 2018
Experiments:
PCR (Polymerase chain reaction)
Protocol (50 uL system):
1. Add 33uL of dd H2O
2. Add 10uL of Q5 reaction buffer
3. Add 1uL of dNTPs
4. Add 2.5uL of forward primer and 2.5uL of reverse primer
5. Add 1uL of DNA template
Thermocycling Conditions for the PCR:
1: Initial Denaturation: 98-degree Celsius for 30 seconds.
2: 98-degree Celsius for 10 seconds
55 degree celsius for 30 seconds
72 degree celsius for 1:30 seconds
Repeat step two for 34 cycles.
3: Final Extension: 72 degree celsius for 2 minutes.
4: Hold in 6 degree celsius.
DNA gel electrophoresis:
Gel making protocol:
1. Add 200 mL 1xTAE buffer to the Erlenmeyer flask.
2. Add 1% of LE Agarose made by GeneMate (Lot#1193C519).
3. Heating with microwave for 3 minutes covered with tinfoil.
4. Add 80 uL EtBr to the solution. Final concentration is 0.62 ug/L.
5. Pour the solution into the gel template and using 10x comb. Stay for cooling.
Gel Electrophoresis protocol:
1. Add 25 uL of each PCR products to the PCR tube.
2. Add 5 uL 10x Fast Digest Green buffer to each PCR product. Labeled as #1~#9.
3. Add 10 uL Quick Load 2-log ladder into an empty well as the DNA length ladder.
4. Running the gel for 45 min at 120V.
Extracting DNA from gel protocol:
1. Excise the DNA fragment from the agarose gel using a razor blade under Blue light.
2. Place DNA fragment in 1500 uL centrifuge tube.
3. Add 3 volumes of ADB to each tube (100 uL gel volume, 300 uL of ADB Buffer was added)
4. Incubate at 55 degree Celsius until the gel dissolve
5. Transfer the solution to a Zymo PCR DNA spin column with collection tube at the bottom and centrifuge it at 10000 rcf for 60 second
6. Discard the flow through, and add 200 ul of DNA wash buffer to each tube. Centrifuge at 10000 rcf for 30 seconds, repeat this step twice
7. Spin for additional 30 seconds to make sure no wash buffer is left over in the column
8. Add 15 ul of H-pure water to the filter of the spin column, place the spin column on a pre-labeled 1.5 ml microcentrifuge tube, and incubate at room temperature for 10 min 9. Centrifuge the tube for 30 seconds at 10000 rcf.
Transformation:
Protocol (for known DNA using XL1-Blue competent cell):
1. Pre-chill 14-ml BD Falcon polypropylene round-bottom tubes on ice. Preheat SOC medium to 42 °C.
2. Add 10 ul of nuclease free water to iGem plate 5, well 7I containing Plasmid pDU1358 and suspend getting the entirety of the DNA.
3. Centrifuge the tube. (This concentration should be around 200-300 pg/ul)
4. Thaw the super-competent cells on ice. When thawed, add 25 ul of the competent cells into the pre-chilled tube.
5. Add 3 ul of the experimental DNA from the iGem plate into the aliquot of competent cell in the prechilled tube.
6. Incubate tube on ice for 30 minutes.
7. Heat-pulse the tubes in 42 °C water bath for 45 seconds.
8. Incubate tube on ice for 2 minutes.
9. Add 125 ul of SOC medium and incubate tubes at 37 °C for 1 hour w/ shaking at 225-250 rpm.
10. Plate ~ 153 ul (or all of it) of the transformation mixture on LB agar plate containing chloramphenicol. Incubate plates at 37 °C overnight.
Miniprep:
Protocol:
1. Prepare 1500 uL centrifuge tubes according to the number of samples
2. Adjust pipette to 500 uL. Transfer 1500 uL of bacteria solution to each centrifuge tube.
3. Place centrifuge tubes in the centrifuge machine (balance). Spin at 8000 rcf for 1min
4. Carefully discard supernatant using a pipette.
5. Add the remaining bacteria solution to the centrifuge tube.
6. Repeat step 3-5
7. Add 600 uL dd water to each centrifuge tube and resuspend using pipette
8. Add 100 uL lysis buffer (blue) and invert 6-7 times
9. Add 350 uL neutralization buffer (in the fridge) and invert 6-7 times
10. Place centrifuge tubes in the centrifuge machine. Spin at 10000 rcf for 10 min
11. Use pipette to transfer 900 uL of supernatant (Do not damage the pellet) to Zymo spin IIN tube
12. Spin tubes at 10000 rcf for 1 min. Discard the liquid.
13. Add 200 uL endo-wash buffer. Spin at 10000 rcf for 30 sec. Discard the liquid
14. Add 400 uL of Zyppy wash buffer to tubes. Spin at 10000 rcf for 30 sec. Discard the liquid
15. Repeat step 14.
16. Spin at 12000 rcf for 30 sec (dry spin)
17. Discard the bottom tubes and place a 1500 uL centrifuge tube under the Zymo spin IIN tube.
18. Carefully add 50 uL of dd water to the center of the filter of Zymo spin IIN tube.
19. Incubate 5-10 min at room temperature. Spin at 10000 rpm for 30 sec.
Digestion:
Protocol (20 microliter system):
1. Add 2 uL FD.
2. Add 1 uL plasmid.
3. Add 1 uL enzyme (BamHI)/
4. Add dd water until 20 uL.
5. 37°C incubate for 1 hour.
IPTG Experiment set up:
We prepared 8x10 mL of M9 media, and add different volume of IPTG to get 8 different concentrations of IPTG&M9 solution.
The wells of plate were loaded as shown in figure re 1.There wer were total 96 wells in this plate which was separated into 3 groups with 8 different concentrations for LacI 1, LacI 2 and LacI 10.
Figure 1: IPTG plate set up.(IPTG 1000x).
×