Difference between revisions of "Team:NEU China A/Notebook"

(Prototype team page)
 
Line 1: Line 1:
 
{{NEU_China_A}}
 
{{NEU_China_A}}
−
<html>
 
  
 +
<html lang="en">
  
−
<div class="column full_size">
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css">
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
    /* reset */
 +
    #content nav * {
 +
        height: unset;
 +
        line-height: unset;
 +
    }
  
−
<h1>Notebook</h1>
+
    .sidenav-overlay {
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
        left: 300px
 +
    }
  
−
</div>
+
    #content nav .dropdown-content li {
−
<div class="clear"></div>
+
        line-height: 50px;
 +
    }
  
 +
    #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;
 +
    }
  
−
<div class="column two_thirds_size">
+
    #content .menu-item a,
−
<h3>What should this page have?</h3>
+
    #content .menu-item a:link,
−
<ul>
+
    #content .menu-item a:hover,
−
<li>Chronological notes of what your team is doing.</li>
+
    #content .menu-item a:visited,
−
<li> Brief descriptions of daily important events.</li>
+
    #content .menu-item a:active {
−
<li>Pictures of your progress. </li>
+
        color: #333;
−
<li>Mention who participated in what task.</li>
+
    }
−
</ul>
+
  
−
</div>
+
    /* nav bar width */
 +
    #project {
 +
        width: 140px !important;
 +
    }
  
−
<div class="column third_size">
+
    #hp {
−
<div class="highlight decoration_A_full">
+
        width: 145px !important;
−
<h3>Inspiration</h3>
+
    }
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
    #team {
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
        width: 120px !important;
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
    }
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
    #parts {
−
</ul>
+
        width: 175px !important;
−
</div>
+
    }
 +
 
 +
    .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">
 +
    <h3 class="header light-blue-text">Notebook</h3>
 +
    <br/>
 +
    <div class="row">
 +
        <div class="s10 offset-s2">
 +
            <span class="flow-text light-blue-text">
 +
                You can download the notebook <a href="https://static.igem.org/mediawiki/2018/9/9e/T--NEU_China_A--notebook.pdf">here</a>
 +
            </span>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 +
 +
 +
<script type="text/javascript">
 +
    // 初始化navBar
 +
    $(document).ready(function () {
 +
        $('.sidenav').sidenav();
 +
        $(".dropdown-trigger").dropdown();
 +
        $('.collapsible').collapsible();
 +
        $('.parallax').parallax();
 +
    });
 +
</script>
  
 
</html>
 
</html>

Revision as of 11:39, 16 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

Notebook


You can download the notebook here