|
|
| (10 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | {{NEU_China_A}} | | {{NEU_China_A}} |
| | + | {{Template:NEU_China_A/header}} |
| | | | |
| − | <html lang="en"> | + | <html> |
| | + | <style> |
| | + | .blu{background-color:#97cad3 !important;box-shadow:0px 3px 1px #97cad3 !important} h2{font-size:100px;} |
| | + | strong{font-size:18px; font-weight:bold} |
| | + | </style> |
| | + | <div class="section hold"></div> |
| | | | |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css"> | + | <div style="position:absolute;top:-20;width:100%"> |
| − | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css"> | + | <div class="row "> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script> | + | <h2 style="padding-left:200px; padding-top:calc(100vh - 250px)">Protocol</h2> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
| + | </div> |
| − | <script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script> | + | </div> |
| − | <style type="text/css"> | + | |
| − | /* reset */
| + | |
| − | #content nav * {
| + | |
| − | height: unset;
| + | |
| − | line-height: unset;
| + | |
| − | }
| + | |
| | | | |
| − | .sidenav-overlay { | + | <div class="homeheight"> |
| − | left: 300px | + | <div class="parallax-container homeheight"> |
| − | }
| + | <div class="parallax"> |
| | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2018/c/c7/T--NEU_China_A--protocol.jpg"> |
| | + | </div> |
| | | | |
| − | #content nav .dropdown-content li { | + | </div> |
| − | line-height: 50px;
| + | </div> |
| − | }
| + | |
| | | | |
| − | #content nav .dropdown-content li a {
| |
| − | line-height: 22px;
| |
| − | }
| |
| − |
| |
| − | #content .menu-item {
| |
| − | line-height: 20px;
| |
| − | font-size: 16px;
| |
| − | height: 20px;
| |
| − | border-top: solid #222 1px;
| |
| − | border-bottom: solid #222 1px;
| |
| − | margin: 2px 0 2px 58px;
| |
| − | }
| |
| − |
| |
| − | #content .menu-item a,
| |
| − | #content .menu-item a:link,
| |
| − | #content .menu-item a:hover,
| |
| − | #content .menu-item a:visited,
| |
| − | #content .menu-item a:active {
| |
| − | color: #333;
| |
| − | }
| |
| − |
| |
| − | /* nav bar width */
| |
| − | #project {
| |
| − | width: 140px !important;
| |
| − | }
| |
| − |
| |
| − | #hp {
| |
| − | width: 145px !important;
| |
| − | }
| |
| − |
| |
| − | #team {
| |
| − | width: 120px !important;
| |
| − | }
| |
| − |
| |
| − | #parts {
| |
| − | width: 175px !important;
| |
| − | }
| |
| − |
| |
| − | .homeheight {
| |
| − | height: calc(100vh - 80px);
| |
| − | }
| |
| − |
| |
| − | .nextheight {
| |
| − | height: 250px;
| |
| − | }
| |
| − |
| |
| − | .hold {
| |
| − | margin-top: -28px;
| |
| − | }
| |
| − |
| |
| − | .center {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | ._center {
| |
| − | padding-left: 20px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | line-height: 30px;
| |
| − | font-family: Georgia;
| |
| − | font-size: 17px;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | font-family: thin;
| |
| − | font-size: 60px;
| |
| − | color: #ffffff
| |
| − | }
| |
| − |
| |
| − | .blu {
| |
| − | background-color: #4da2dc !important;
| |
| − | box-shadow: 0px 3px 1px #4da2dc
| |
| − | }
| |
| − |
| |
| − | .card {
| |
| − | min-height: 450px;
| |
| − | }
| |
| − |
| |
| − | .borderleft {
| |
| − | border-style: none none none solid;
| |
| − | border-color: #03a9f4;
| |
| − | border-width: 5px;
| |
| − | padding-left: 15px;
| |
| − | }
| |
| − |
| |
| − | pre {
| |
| − | white-space: pre-wrap;
| |
| − | white-space: -moz-pre-wrap;
| |
| − | white-space: -pre-wrap;
| |
| − | white-space: -o-pre-wrap;
| |
| − | word-wrap: break-word;
| |
| − | }
| |
| − |
| |
| − | .quote {
| |
| − | font-size: 15px;
| |
| − | color: #9e9e9e;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <header>
| |
| − | <nav class="blu">
| |
| − | <div class="nav-wrapper">
| |
| − | <a href="#" class="brand-logo"></a>
| |
| − | <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
| |
| − | <ul class="right hide-on-med-and-down">
| |
| − | <li>
| |
| − | <a data-target="project" class="dropdown-trigger" href="#!">
| |
| − | Porject<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a data-target="lab" class="dropdown-trigger" href="#!">
| |
| − | Lab<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a data-target="parts" class="dropdown-trigger" href="#!">
| |
| − | Parts<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a data-target="hp" class="dropdown-trigger" href="#!">
| |
| − | HP<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a data-target="team" class="dropdown-trigger" href="#!">
| |
| − | Team<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a data-target="medalCriteria" class="dropdown-trigger" href="#!">
| |
| − | Medal Criteria<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − | <ul class="sidenav" id="mobile-demo">
| |
| − | <ul class="collapsible" style="margin-top: 16px">
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">folder_open</i>Porject</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="Description" class="collection-item">Description</a>
| |
| − | <a href="Design" class="collection-item">Design</a>
| |
| − | <a href="Results" class="collection-item">Results</a>
| |
| − | <a href="Model" class="collection-item">Model</a>
| |
| − | <a href="Denmonstrate" class="collection-item">Denmonstrate</a>
| |
| − | <a href="Interlab" class="collection-item">InterLab</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">place</i>Lab</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="Notebook" class="collection-item">Notebook</a>
| |
| − | <a href="Protocols" class="collection-item">Protocols</a>
| |
| − | <a href="Safety" class="collection-item">Safety</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Parts</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="BasicAndCompositeParts" class="collection-item">Basic And Composite Parts</a>
| |
| − | <a href="ImprovedBiobricks" class="collection-item">Improved Biobricks</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">lightbulb_outline</i>HP</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="HumanPractices" class="collection-item">Human Practices</a>
| |
| − | <a href="Collaborations" class="collection-item">Collaborations</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">people</i>Team</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="TeamMember" class="collection-item">Team Member</a>
| |
| − | <a href="Attributions" class="collection-item">Attributions</a>
| |
| − | <a href="Gallery" class="collection-item">Gallery</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">stars</i>Medal
| |
| − | Criteria</div>
| |
| − | <div class="collapsible-body">
| |
| − | <div class="collection">
| |
| − | <a href="ForJudges" class="collection-item">For judges</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </ul>
| |
| − | <ul id="project" class="dropdown-content">
| |
| − | <li><a href="Description">Description</a></li>
| |
| − | <li><a href="Design">Design</a></li>
| |
| − | <li><a href="Results">Results</a></li>
| |
| − | <li><a href="Model">Model</a></li>
| |
| − | <li><a href="Denmonstrate">Denmonstrate</a></li>
| |
| − | <li><a href="Interlab">Interlab</a></li>
| |
| − | </ul>
| |
| − | <ul id="lab" class="dropdown-content">
| |
| − | <li><a href="Notebook">Notebook</a></li>
| |
| − | <li><a href="Protocols">Protocols</a></li>
| |
| − | <li><a href="Safety">Safety</a></li>
| |
| − | </ul>
| |
| − | <ul id="parts" class="dropdown-content">
| |
| − | <li><a href="BasicAndCompositeParts">Basic And Composite Parts</a></li>
| |
| − | <li><a href="ImprovedBiobricks">Improved Biobricks</a></li>
| |
| − | </ul>
| |
| − | <ul id="hp" class="dropdown-content">
| |
| − | <li><a href="HumanPractices">Human Practices</a></li>
| |
| − | <li><a href="Collaborations">Collaborations</a></li>
| |
| − | </ul>
| |
| − | <ul id="team" class="dropdown-content">
| |
| − | <li><a href="TeamMember">Team member</a></li>
| |
| − | <li><a href="Attributions">Attributions</a></li>
| |
| − | <li><a href="Gallery">Gallery</a></li>
| |
| − | </ul>
| |
| − | <ul id="medalCriteria" class="dropdown-content">
| |
| − | <li><a href="ForJudges">For judges</a></li>
| |
| − | </ul>
| |
| − | </header>
| |
| − | <!-- header -->
| |
| | | | |
| | <div class="container"> | | <div class="container"> |
| − | <h3 class="header light-blue-text">Notebook</h3> | + | <h3 class="header light-blue-text">Protocols</h3> |
| | <br/> | | <br/> |
| | <div class="row"> | | <div class="row"> |
| | <div class="s10 offset-s2"> | | <div class="s10 offset-s2"> |
| | <span class="flow-text light-blue-text"> | | <span class="flow-text light-blue-text"> |
| − | You can download the notebook <a type="download" style="color: #333; text-decoration-line: underline" href="https://static.igem.org/mediawiki/2018/ 9/ 9e/T--NEU_China_A-- notebook.pdf">here</a> | + | <a type="download" style="color: #333; text-decoration-line: underline" href="https://static.igem.org/mediawiki/2018/8/84/T--NEU_China_A--protocols.pdf">here</a> |
| | + | are the protocols we used in this project. |
| | </span> | | </span> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | // 初始化navBar
| |
| − | $(document).ready(function () {
| |
| − | $('.sidenav').sidenav();
| |
| − | $(".dropdown-trigger").dropdown();
| |
| − | $('.collapsible').collapsible();
| |
| − | $('.parallax').parallax();
| |
| − | });
| |
| − | </script>
| |
| | | | |
| | </html> | | </html> |
| | + | {{Template:NEU_China_A/footer}} |
