Difference between revisions of "Team:TUST China/Notebook"

(Prototype team page)
 
Line 1: Line 1:
{{TUST_China}}
+
{{Team:TUST_China/TUST_meau}}
 +
{{Team:TUST_China/JS/notebook}}
 
<html>
 
<html>
 +
    <style>
  
 +
        /*Notebook*/
  
<div class="column full_size">
+
        .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
 +
            color: black;
 +
            padding-top: 0;
 +
            padding-bottom: 0;
 +
        }
  
<h1>Notebook</h1>
+
        .panel-default > .panel-heading, .panel-group .panel{
<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>
+
            border-radius: 13px;
 +
        }
  
</div>
+
        .panel-title > a { /*a full hover*/
<div class="clear"></div>
+
            display: block;
 +
            width: 100%;
 +
            line-height: 2.2em;
 +
            height: 40px;
 +
            color: inherit;
 +
            text-decoration: none;
 +
            outline: 0;
 +
        }
  
  
<div class="column half_size">
+
        .panel-title {
<h5>What should this page have?</h5>
+
            margin-top: 0;
<ul>
+
            margin-bottom: 0;
<li>Chronological notes of what your team is doing.</li>
+
        }
<li> Brief descriptions of daily important events.</li>
+
<li>Pictures of your progress. </li>
+
<li>Mention who participated in what task.</li>
+
</ul>
+
  
</div>
 
  
<div class="column half_size">
+
        .scientific {
<h5>Inspiration</h5>
+
            font-size: 16px;
<p>You can see what others teams have done to organize their notes:</p>
+
        }
 +
 
 +
        .panel-default > .panel-heading { /* color & padding panel-heading Notebooks */
 +
            background: #cfeef3;
 +
        }
 +
        ul#navwrap{
 +
            background: #93aca5;
 +
            top: 16px;
 +
        }
 +
        ul#navwrap li a{
 +
            color:#fff;
 +
        }
 +
        div#midbody .btn-danger a:hover,div#midbody li a:hover,ul#navWrap li a:active{
 +
            background-color: #d9534f;
 +
        }
 +
        .pnav-fixed-top{
 +
            position: fixed;
 +
            z-index: 1000;
 +
        }
 +
    </style>
 +
   
 +
 
 +
<div class="container" id="midbody">
 +
 
 +
    <div class="row">
 +
        <div class="col-md-10 col-md-offset-1">
 +
            <h1 style="margin-top: 100px;">Notebook </h1>
 +
            <ul class="nav nav-pills nomobile" id="navwrap">
 +
                <li><a class="btn btn-danger" id="notbook-july">July</a></li>
 +
                <li><a class="btn" id="notbook-august">August</a></li>
 +
                <li><a class="btn" id="notbook-september">September</a></li>
 +
                <li><a class="btn" id="notbook-october">October</a></li>
 +
                <li><a class="btn" id="notbook-labnote5">Expand all</a></li>
 +
                <li><a class="btn" id="notbook-labnote6">Hide all</a></li>
 +
            </ul>
 +
        </div>
 +
        <div class="col-md-10 col-md-offset-1">
 +
 
 +
            <h1 id="july">July</h1>
 +
 
 +
            <div class="panel-group scientific" id="accordion1">
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#july-1">Week1 (July 10 - July 16)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="july-1" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#july-2">Week2 (July 17 - July 23)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="july-2" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#july-3">Week3 (July 24 - July 30)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="july-3" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#july-4">Week4 (July 31 - August 6)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="july-4" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <h1 id="august">August</h1>
 +
            <div class="panel-group scientific" id="accordion2">
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading" id="notebookh-2-1">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#august-1">Week5 (August 7 - August 13)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="august-1" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#august-2">Week6 (August 14 - August 20)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="august-2">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#august-3">Week7 (August 21 - August 27)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="august-3">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <h1 id="september">September</h1>
 +
            <div class="panel-group scientific" id="accordion3">
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#september-1">Week8 (August 28 - September 3)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div id="september-1" class="panel-collapse collapse">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#september-2">Week9 (September 4 - September 10)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="september-2">
 +
                        <div class="panel-body">
 +
 
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#september-3">Week9 (September 11 - September 17)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="september-3">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#september-4">Week10 (September 18 - September 24)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="september-4">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#september-5">Week10 (September 25 - October 1)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="september-5">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
            </div>
 +
 
 +
            <h1 id="october">October</h1>
 +
            <div class="panel-group scientific" id="accordion4">
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#october-1">Week11 (September 25 - October 1)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="october-1">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#october-2">Week12 (October 2 - October 8)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="october-2">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="panel panel-default">
 +
                    <div class="panel-heading">
 +
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#october-3">Week13 (October 9 - October 15)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="october-3">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
  
<ul>  
+
                        </div>
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
                    </div>
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
                </div>
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
                <div class="panel panel-default">
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                    <div class="panel-heading">
</ul>
+
                        <h4 class="panel-title">
 +
                            <a data-toggle="collapse" href="#october-4">Week12 (October 16 - October 22)</a>
 +
                        </h4>
 +
                    </div>
 +
                    <div class="panel-collapase collapse" id="october-4">
 +
                        <div class="panel-body">
 +
                            <h4>Wet Lab Overview</h4>
 +
                            <p></p>
 +
                            <h4>Dry Lab Overview</h4>
 +
                            <p></p>
  
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 
</html>
 
</html>
 +
{{Team:TUST_China/TUST_footer}}

Revision as of 05:02, 3 August 2017

Team:TUST China 2017

July

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

August

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

September

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

October

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview

Wet Lab Overview

Dry Lab Overview