Difference between revisions of "Team:Peking/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
 
 
<html>
 
<html>
  
−
<div class="column full_size">
+
<head>
−
<h1>Design</h1>
+
<style>
−
<p>
+
            #home_logo, #sideMenu {
−
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.
+
            display: none;
−
</p>
+
        }
  
−
<p>
+
        #sideMenu, #top_title, .patrollink {
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:Peking/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
            display: none;
−
</p>
+
        }
  
−
</div>
+
        #content {
 +
            width: 100%;
 +
            padding: 0px;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
        }
  
 +
        body {
 +
            background-color: #FAFAFA;
 +
        !important;
 +
        }
  
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
a:link {
 +
                        text-decoration: none;
 +
                    }
  
−
<div class="column two_thirds_size">
+
                    a:visited {
−
<h3>What should this page contain?</h3>
+
                        text-decoration: none;
−
<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>
+
                    a:active {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:hover {
 +
                    }
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
 +
 
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 100px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
} 
 +
u{ text-decoration:none}
 +
a{ text-decoration:none}
 +
 
 +
 
 +
 
 +
 
 +
/*Major body*/
 +
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
 +
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
 +
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
 +
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
 +
.SensorsListItem>a {color:#ffffff; text-decoration:none;}
 +
.SensorsListItem:hover >a{color:#999999;}
 +
 
 +
 
 +
/*end of Major body*/
 +
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
 +
            <a href="https://2018.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
 
 +
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
    style="color: #000; font-weight: 500;"><b>Home</b></a>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project">Project</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Description">Description</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Design">Design</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Future Plan">Future Plan</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Wet_Lab">Wet Lab</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Results">Results</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Parts">Parts</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Dry_Lab">Dry Lab</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Model">Model</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Software">Software</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Human_Practices">Human_Practices</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public_Engagement</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team">Team</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Team0">Team</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Deliverables">Deliverables</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a>
 +
                </div></div>
 +
 
 +
            </nav>
 +
        </div>
 +
    </header>
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
 
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
 
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
 
−
</ul>
 
−
</div>
 
 
</div>
 
</div>
  
 +
<!--MajorBody-->
 +
<div id="MajorBody"> 
 +
    <div id="LeftNavigation">
 +
          <ul id="ProjectList">
 +
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a><li>
 +
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a><li>
 +
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a><li>
 +
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a><li>
 +
                <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a><li>
 +
                </ul>
 +
    </div>
 +
   
 +
 +
<div class="two_thirds_size" >
 +
<p>Welcome to our wiki!</p>
 +
 +
</div>
 +
 +
<h2><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>1                                                        Project</h2>
 +
 +
</div>
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 08:18, 22 September 2018

Peking iGEM 2018