Difference between revisions of "Team:Tacoma RAINmakers/Design"

(Prototype team page)
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Tacoma_RAINmakers}}
 
{{Tacoma_RAINmakers}}
−
<html>
 
  
−
<div class="column full_size">
 
−
<h1>Design</h1>
 
−
<p>
 
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
 
−
</p>
 
  
−
<p>
+
<html lang="en" dir="ltr" class="client-nojs">
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
   
−
</p>
+
<head>
 +
<meta charset="UTF-8" />
 +
<title>Team- 2018.igem.org</title>
 +
<meta name="generator" content="MediaWiki 1.24.1" />
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
  
−
</div>
+
<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: 2018_igem_org:resourceloader:filter:minify-css:7:4954c207eac863ca01279ce65317a567 */</style>
 +
<script src="https://2018.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></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":"07694038902985315379752bc179c0c8+\\","patrolToken":"8f83cd81685e5547fc16ed757d103a1e+\\","watchToken":"5c16dd08959b918a1fb440c246ff62dd+\\"});},{},{});
 +
/* cache key: 2018_igem_org:resourceloader:filter:minify-js:7:43a40685bc1febe63f9adaf192eb8c28 */
 +
}</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_Rice_Software 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/2018_skin.js'></script>
  
−
<div class="column two_thirds_size">
 
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<li>Explanation of the engineering principles your team used in your design</li>
 
−
<li>Discussion of the design iterations your team went through</li>
 
−
<li>Experimental plan to test your designs</li>
 
−
</ul>
 
  
−
</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 -->
 +
 +
        <!-- 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 class="column third_size">
+
            <div id="top_title">
−
<div class="highlight decoration_A_full">
+
                <div class="logo_2018">
−
<h3>Inspiration</h3>
+
                    <a href="https://2018.igem.org">
−
<ul>
+
               
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
                    </a>
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
                </div>
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
        <h1 id="firstHeading" class="firstHeading">
 +
            <span dir="auto">Team:RAINmakers/Notebook</span>
 +
        </h1>
 +
            </div>
  
 +
            <div id="HQ_page">
 +
                <div id="bodyContent">
 +
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
 +
 +
        <head>
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 +
</head>
 +
 +
<script>
 +
  (function ($) { // Begin jQuery
 +
    $(function () { // DOM ready
 +
      // If a link has a dropdown, add sub menu toggle.
 +
      $('nav ul li a:not(:only-child)').click(function (e) {
 +
        $(this).siblings('.nav-dropdown').toggle();
 +
        // Close one dropdown when selecting another
 +
        $('.nav-dropdown').not($(this).siblings()).hide();
 +
        e.stopPropagation();
 +
      });
 +
      // Clicking away from dropdown will remove the dropdown class
 +
      $('html').click(function () {
 +
        $('.nav-dropdown').hide();
 +
      });
 +
      // Toggle open and close nav styles on click
 +
      $('#nav-toggle').click(function () {
 +
        $('nav ul').slideToggle();
 +
      });
 +
      // Hamburger to X toggle
 +
      $('#nav-toggle').on('click', function () {
 +
        this.classList.toggle('active');
 +
      });
 +
    }); // end DOM ready
 +
  })(jQuery); // end jQuery
 +
 +
</script>
 +
 +
<style>
 +
 +
/* 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:black; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
 +
 +
 +
 +
/********************************* HTML STYLING  *********************************/
 +
 +
    div.center{
 +
    text-align: center!important;
 +
    margin-bottom: 5px;
 +
}
 +
 
 +
 +
h1{
 +
color:#1b212c!important;
 +
font-family: 'Montserrat', sans-serif!important;
 +
font-size: 30px!important;
 +
                        line-height: 120%;
 +
}
 +
h2{
 +
color:#0145ac!important;
 +
font-family: 'Montserrat', sans-serif!important;
 +
font-size: 26px!important;
 +
                        line-height: 120%;
 +
}
 +
p, ol{
 +
color:#000000!important;
 +
font-family: font-family: 'Montserrat', sans-serif!important;
 +
font-size: 20px!important;
 +
                        align = "justify";
 +
}
 +
 +
 +
 +
                .pb {
 +
color:whiteimportant;
 +
font-family: font-family: 'Montserrat', sans-serif!important;
 +
font-size: 18px!important;
 +
}
 +
.caption{
 +
color:##0145ac!important;
 +
font-family: font-family: 'Montserrat', sans-serif!important;
 +
font-size: 16px!important;
 +
  }
 +
  .container{
 +
  width: 72%;
 +
  margin: auto;
 +
  padding-top: 10px;
 +
  padding-right: 10px;
 +
                        margin-right: 3%;
 +
                        align: center;
 +
  }
 +
div.center{
 +
text-align: center!important;
 +
margin-bottom: 5px;
 +
}
 +
.scale{
 +
width:90%!important;
 +
}
 +
.scale2{
 +
width:65%!important;
 +
}
 +
table.center{
 +
    margin-left:auto!important;
 +
    margin-right:auto!important;
 +
  }
 +
 +
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
 +
 +
#content {width:100%; }
 +
.igem_2017_menu_wrapper {width:15%; right:0;}
 +
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
                .links ul li a svg {width:25%;}
 +
                .menu_button.direct_to_page { display: none; padding-left: 36px; }
 +
                .links ul li a svg {display: none; width:65px;}
 +
                .links ul li a {display:none; font-size: 0.65em;}
 +
 +
}
 +
 +
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
 +
 +
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { display: none; padding-left: 36px; }
 +
                .links ul li a svg {display: none; width:65px;}
 +
                .links ul li a {display:none; font-size: 0.65em;}
 +
                #achtext {
 +
                        left: 0.8em;
 +
                        top: 1.7em;
 +
                        font-size: 0.78em;
 +
                        }
 +
              #hometext {
 +
                        top: 1.1em;
 +
                        left: 1.2em;
 +
                        }
 +
              #protext{
 +
                        top: 1.1em;
 +
                        left: 1.2em;
 +
                      }
 +
              #teamtext {
 +
                        top: 1.1em;
 +
                        left: 1.2em;
 +
                        }
 +
              #hptext{
 +
                          top:0em;
 +
                          left: 1.95em;
 +
                          font-size: 0.78em;
 +
                      }
 +
 +
 +
    .links ul.sub-nav {
 +
        /*Length of the text box in the submenu */
 +
        width: 140px;
 +
        /*change this to adjust the positions of the boxes from the top */
 +
        margin-top: -42px;
 +
    }
 +
 +
    .links ul.sub-nav li {
 +
        padding: 1px 10px;
 +
    }
 +
 +
 +
 +
}
 +
 +
 +
/* 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>
 +
 +
 +
 +
 +
<!-- navbar -->
 +
 +
 +
 +
 +
<!--- MOBILE NAVBAR HTML --->
 +
 +
 +
<!--- start of content --->
 +
<div class="igem_2017_content_wrapper">
 +
 +
    <head>
 +
    <style>
 +
overflow: scroll;
 +
 +
.button {
 +
    background-color: #4CAF50;
 +
    border: none;
 +
    color: white;
 +
    padding: 15px 32px;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    font-size: 16px;
 +
    margin: 4px 2px;
 +
    cursor: pointer;
 +
}
 +
 +
  /* this is where I can change the background image */       
 +
 +
        #topbox{
 +
            height:50vh;
 +
            width: 100%;
 +
            background-image: url(https://static.igem.org/mediawiki/2018/c/c7/T--Tacoma_RAINmakers--notebookbackground.png);
 +
            background-size:cover;
 +
            background-attachment: fixed;
 +
            display: table;
 +
        }
 +
 +
        div#topbox h1{
 +
            font-size: 50px;
 +
            color: white !important;
 +
            text-align: center;
 +
            margin: 0px;
 +
            display: table-cell;
 +
            vertical-align: middle;
 +
            line-height: 50px;
 +
        }
 +
 +
        .container{
 +
  width:  72%;
 +
  margin-left: 15%!important;
 +
                        margin-top: 2%!important;
 +
                        display: block
 +
  }
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto }
 +
 +
h1{
 +
color: #204974 !important;
 +
font-size: 15px;
 +
text-align: center;
 +
line-height: 40px;
 +
font-family: 'Spinnaker';
 +
}
 +
 +
h2{
 +
color: #9A4E1C !important
 +
font-size: 6px;
 +
text-align: center;
 +
line-height:35px;
 +
font-family: 'Spinnaker';
 +
}
 +
 +
h3{
 +
color: #9A4E1C !important
 +
font-size: 4px;
 +
text-align: center;
 +
line-height:25px;
 +
font-family: 'Spinnaker';
 +
}
 +
 +
        hr{
 +
           
 +
    height: 2px;
 +
            width: 100%;
 +
        }
 +
       
 +
       
 +
    </style>
 +
    </head>
 +
    <body>
 +
        <div id="topbox">
 +
            <h1>Tacoma RAINmakers Design</h1>
 +
        </div>
 +
 +
<div class="container">
 +
<h1>The circuit design</h1>
 +
<!--
 +
          <h1>Gel Extraction</h1> <h2></h2>
 +
<p>1.After taking a picture of the results of the gel electrophoresis, use blue light along with an orange filter to help find the DNA bands.<BR>
 +
2. Place a cut right underneath the band of DNA that is intended for extraction.<BR>
 +
3. Cut a piece of filter paper and dialysis tubing to an appropriate size so that it would fit inside the slit.<BR>
 +
4. Stick the tubing and filter paper together. Place this into the slit so that the side with the filter paper faces the band of DNA.<BR>
 +
5. Place the gel in a gel box. Run the gel at 120V for 10 minutes or until the DNA moves into the filter paper and stays. <BR>
 +
6. After running the gel, place the casting tray under blue light once again to ensure that the DNA has successfully moved onto the filter paper. <BR>
 +
7. Take a 0.5mL centrifuge tube and pierce a small hole at the bottom of the tube. Place this small tube in a 1.5mL centrifuge tube. <BR>
 +
8. Place the filter paper with the DNA into the small centrifuge tube. Centrifuge both tubes. This allows the supernatant to flow out of the small tube into the large one. <BR>
 +
9. Take the small centrifuge tube out and discard it. The DNA has been extracted.<BR> </p>
 +
-->
 +
</div>
 +
</body>
 +
 +
</div>             <div class="visualClear"></div>
 +
            </div>
 +
    </div>
  
 +
        </div>
 +
    </div>
 
</html>
 
</html>

Latest revision as of 01:45, 12 October 2018

Team:TacomaRAINmakers/Notebook - 2017.igem.org

Team:ECUST/Lab/Notebook


Team- 2018.igem.org

Loading menubar.....

Team:RAINmakers/Notebook

Tacoma RAINmakers Design

The circuit design