Difference between revisions of "Team:NCTU Formosa/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{NCTU_Formosa}}
+
{{Team:NCTU_Formosa/navigation}}
 
<html>
 
<html>
 +
<head>
 +
<!--    匯入jQuery    -->
 +
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
  
−
<h2>Notebook</h2>
+
<script type="text/javascript" src="https://2015.igem.org/Team:NCTU_Formosa/source/project_side_nav?
 +
action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
body {
 +
color:#fff;
 +
margin:0;
 +
padding:0;
 +
background:#3a4044;
 +
}
 +
* {
 +
margin:0;
 +
padding:0;
 +
}
 +
/*    插入背景圖片    */
 +
    .p01{
 +
background-image:url(https://static.igem.org/mediawiki/2015/5/50/NCTU_Formosa_Notebook.jpg);
 +
        background-repeat: no-repeat;
 +
background-position:center;
 +
background-size:100vw;
 +
        height:100vh;
 +
position:relative
 +
    }
 +
    .p02{
 +
        background-image:url(images/p02.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p03{
 +
        background-image:url(images/p03.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p04{
 +
        background-image:url(images/p04.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
    .p05{
 +
        background-image:url(images/p05.jpg);
 +
        background-size:cover;
 +
        background-repeat: no-repeat;
 +
        height:100vh;
 +
    }
 +
/*    插入導覽列    */
 +
    .sidenav{
 +
        position: fixed;
 +
        top:35vh;
 +
        right:5vw;
 +
        cursor:pointer;
 +
    }
 +
    li.navli{
 +
        width:15px;
 +
        height:15px;
 +
margin: 2.5vh 0vw 0vh 0vw;
 +
        background-color: transparent;
 +
        border-radius: 10px;
 +
        list-style-type: none;
 +
border: #fff 2px solid;
 +
line-height:17px;
 +
    }
 +
    g1{
 +
        font-size:7em;
 +
        color:#fff;
 +
display:inline;
 +
    }
 +
g2{
 +
font-size:2.6em;
 +
color:#fff;
 +
display:inline;
 +
}
 +
navtext {
 +
display: block;
 +
right: 7.4vw;
 +
top: 0px;
 +
position: relative;
 +
font-weight: 100;
 +
letter-spacing: 2px;
 +
font-size: 1.9em;
 +
}
 +
.upper{
 +
position:relative;
 +
font-family: "georgia";
 +
border-bottom-style:solid;
 +
border-width:2px;
 +
height: 20vh;
 +
line-height:20vh;
 +
border-color:#fff;
 +
padding: 0vh 0vw 0vh 7vw;
 +
}
 +
.side{
 +
position:absolute;
 +
left: 0px;
 +
width: 6vw;
 +
height: 79.8vh;
 +
border-right-style:solid;
 +
border-width:2px;
 +
border-color:#fff;
 +
}
 +
.textbox{
 +
position:static;
 +
margin-left: 8vw;
 +
padding: 9vh 20vw 10vh 4vw;
 +
font-family: "Georgia";
 +
font-size:2.8em;
 +
color: #fff;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="container">
 +
    <div class="sidenav">
 +
        <ul style="list-style-image: none; color: #fff;">
 +
            <li class="navli" style="background-color:#ffffff"><navtext>P0</navtext></li>
 +
            <li class="navli"><navtext>P1</navtext></li>
 +
            <li class="navli"><navtext>P2</navtext></li>
 +
            <li class="navli"><navtext>P3</navtext></li>
 +
            <li class="navli"><navtext>P4</navtext></li>
  
−
<p> Document the dates you worked on your project.</p>
+
        </ul>
 +
    </div>
 +
    <div class="p01"></div>
 +
    <div class="p02">
 +
    <div class="upper"><g1>Page1 / </g1><g2>test</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">test
 +
        </div>
 +
    </div>
 +
    <div class="p03">
 +
        <div class="upper"><g1>Page2 / </g1><g2>test</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">test
 +
        </div>
 +
    </div>
 +
    <div class="p04">
 +
            <div class="upper"><g1>Page3 / </g1><g2>test</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">test
 +
        </div>
 +
    </div>
 +
    <div class="p05">
 +
    <div class="upper"><g1>Page4 / </g1><g2>test</g2>
 +
        </div>
 +
        <div class="side">
 +
        </div>
 +
        <div class="textbox">test
 +
        </div>
 +
    </div>
 +
</div>
  
−
<h5>What should this page have?</h5>
+
</body>
−
<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>
+
−
 
+
−
 
+
−
<h4>Inspiration</h4>
+
−
<p>You can see what others teams have done to organize their notes:</p>
+
−
 
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
−
<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>
+
−
</ul>
+
−
 
+
−
</div>
+
 
</html>
 
</html>

Revision as of 04:12, 7 August 2015

  • P0
  • P1
  • P2
  • P3
  • P4
Page1 / test
test
Page2 / test
test
Page3 / test
test
Page4 / test
test