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

(Prototype team page)
 
Line 1: Line 1:
−
{{TJU_China}}
+
<!DOCTYPE >
 
<html>
 
<html>
  
 +
<head>
 +
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/default_CSS?action=raw&ctype=text/css" type="text/css">
  
−
<div class="column full_size">
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/nav_css?action=raw&ctype=text/css" type="text/css">
 +
    <style>
 +
        .group{
 +
            margin-left: 13%;
 +
            width: 16%;
 +
        }
 +
        .group_pic{
 +
            width: 100%;
 +
            height: auto;
 +
        }
 +
        .group_pic img{
 +
            max-width: 100%;
 +
            height: auto;
 +
            cursor: pointer;
 +
        }
 +
        .group_word{
 +
            color: #4e72b8;
 +
            font-size: 25px;
 +
            text-align: center;
 +
            margin-top: 30px;
 +
        }
 +
        .arrow {
 +
            z-index: 4;
 +
            width: 100px;
 +
            position: absolute;
 +
            top: 130px;
 +
            margin-top: 380px;
 +
            margin-left: 49%;
 +
            /* animation: arrow_move 1.5s infinite; */
 +
            -webkit-animation: arrow_move 1.5s infinite;
 +
        }
  
−
<h1>Notebook</h1>
+
        .arrow img {
−
<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>
+
            width: 100%;
 +
            height: auto;
 +
        }
  
−
</div>
+
        @keyframes arrow_move {
−
<div class="clear"></div>
+
            0% {
 +
                top: 130px;
 +
            }
 +
            60% {
 +
                top: 170px;
 +
            }
 +
            100% {
 +
                top: 130px;
 +
            }
 +
        }
  
 +
        #fromArrow {
 +
            z-index: 5;
 +
            position: absolute;
 +
            margin-top: -64px;
 +
        }
 +
    </style>
 +
</head>
  
 +
<body>
 +
    <div class="nav">
 +
        <div class="logo">
 +
            <img class="logo_picture" src="https://static.igem.org/mediawiki/2018/f/f7/T--TJU_China--TJU_China.png">
 +
        </div>
 +
        <ul style="margin-left:80px;" class="main">
 +
            <li>
 +
                <div class="nav_logo_pic" style="width:24px;height:24px;margin-top:13px;">
 +
                    <img src="https://static.igem.org/mediawiki/2018/3/37/T--TJU_China--home.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China">Home</a>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/91/T--TJU_China--project.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Description">
 +
                    Project
 +
                </a>
 +
                <ul class="drop menu1">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Description">Description</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Experiments">Experiments</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Notebook">Notebook</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Demonstrate">Demonstrate</a>
 +
                    </li>
 +
                </ul>
  
−
<div class="column two_thirds_size">
+
            </li>
−
<h3>What should this page have?</h3>
+
            <li>
−
<ul>
+
−
<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="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/0b/T--TJU_China--parts.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Parts">
 +
                    Parts
 +
                </a>
 +
                <ul class="drop menu2">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Parts_Overview">Parts Overview</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Basic">Basic</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Composite">Composite</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Collection">Collection</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Improve">Improve</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/5/57/T--TJU_China--drylab.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--TJU_China--hp.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">
 +
                    HP
 +
                </a>
 +
                <ul class="drop menu3">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">Human Practices</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Public Engagement</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/01/T--TJU_China--team.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Team">
 +
                    Team
 +
                </a>
 +
                <ul class="drop menu7">
 +
                    <li style="list-style-type: none;">
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Team">Members</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Collaborations">Collaboration</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attributions</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
  
−
<div class="column third_size">
+
        </ul>
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
    </div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    <div style=" margin-top:28px;z-index:10; border-top: solid #4e72b8 2px;width: 100%; position: fixed;"></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>
+
        <img style="width: 100%;margin-top:30px;" src="https://static.igem.org/mediawiki/2018/6/6d/T--TJU_China--notebook_main.jpg">
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
    </div>
−
</ul>
+
    <div class="arrow">
−
</div>
+
        <a href="#fromArrow">
−
</div>
+
            <img src="https://static.igem.org/mediawiki/2018/e/e9/T--TJU_China--double_arrow.png">
 +
        </a>
 +
 
 +
    </div>
 +
    <div id="fromArrow"></div>
 +
    <div class="group_list">
 +
        <div class="group">
 +
            <div class="group_pic">
 +
                <a href="https://2018.igem.org/Team:TJU_China/Notebook/Group1"><img src="https://static.igem.org/mediawiki/2018/b/b8/T--TJU_China--group1icon.png"></a>
 +
            </div>
 +
            <div class="group_word">
 +
                Group1
 +
            </div>
 +
        </div>
 +
        <div class="group">
 +
            <div class="group_pic">
 +
                    <a href="https://2018.igem.org/Team:TJU_China/Notebook/Group2"><img src="https://static.igem.org/mediawiki/2018/c/c4/T--TJU_China--group2icon.png"></a>
 +
            </div>
 +
            <div class="group_word">
 +
                Group2
 +
            </div>
 +
        </div>
 +
        <div class="group">
 +
            <div class="group_pic">
 +
                    <a href="https://2018.igem.org/Team:TJU_China/Notebook/Group3"><img src="https://static.igem.org/mediawiki/2018/c/c5/T--TJU_China--group3icon.png"></a>
 +
            </div>
 +
            <div class="group_word">
 +
                Group3
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <div style="height:100px;"></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
<!--
 +
 
 +
 
 +
-->
  
 
</html>
 
</html>

Revision as of 09:00, 17 October 2018

<!DOCTYPE >

Group1
Group2
Group3