Difference between revisions of "Team:Virginia/Notebook"

(Prototype team page)
 
Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
 +
<head>
 +
<!-- Bootstrap import -- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
 +
</head>
 +
<body>
 +
<div id="top-part">
 +
<a href="http://virginia.edu">
 +
<div style="position: fixed;
 +
top: 34px;
 +
z-index:20;
 +
margin-left:26.5%;">
 +
<img style="height:32px;
 +
width:32px;" src="/wiki/images/d/df/Virginia_rotunda2.png">
 +
</div></a>
  
<h2>Notebook</h2>
+
<p id="above-nav">University of Virginia iGEM 2015</p>
 +
<div id="icon-box">
 +
<a href="https://twitter.com/Virginia_iGEM"><img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img></a>
 +
<a href="https://www.facebook.com/uvaigem"><img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img></a>
 +
</div>
 +
</div>
 +
<div class="nav" id="nav1">
 +
<div class="container">
 +
<ul class="pull-left">
 +
<li><a href="/Team:Virginia">Home</a></li>
 +
</ul>
 +
<ul class="pull-right">
 +
<li><a href="/Team:Virginia/Team">Team</a></li>
 +
<li><a href="/Team:Virginia/Project">Project</a></li>
 +
<li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
 +
<li><a href="/Team:Virginia/Attributions">Attributions</a></li>
 +
<li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
 +
</ul>
 +
</div>
 +
</div>
  
<p> Document the dates you worked on your project.</p>
+
<!-- OTHER STRUCTURAL CODE GOES BELOW HERE →
  
<h5>What should this page have?</h5>
+
<div id="flipbook">
<ul>
+
<div class="hard"> Turn.js </div>
<li>Chronological notes of what your team is doing.</li>
+
<div class="hard"></div>
<li> Brief descriptions of daily important events.</li>
+
<div> Page 1 </div>
<li>Pictures of your progress. </li>
+
<div> Page 2 </div>
<li>Mention who participated in what task.</li>
+
<div> Page 3 </div>
</ul>
+
<div> Page 4 </div>
 +
<div class="hard"></div>
 +
<div class="hard"></div>
 +
</div>
  
  
<h4>Inspiration</h4>
+
<script type="text/javascript">
<p>You can see what others teams have done to organize their notes:</p>
+
$("#flipbook").turn({
 +
width: 400,
 +
height: 300,
 +
autoCenter: true
 +
});
 +
</script>
  
<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>
+
<!-- SPECIFIC STRUCTURAL CODE ENDS HERE -->
 +
 
 +
<footer>
 +
<div id="foot-img">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
 +
</div>
 +
<div id="foot-text">
 +
<p>University of Virginia iGEM</p>
 +
<p>148 Gilmer Hall</p>
 +
<p>485 McCormick Road</p>
 +
<p>Charlottesville, Virginia 22904</p>
 +
<p>United States of America</p>
 +
<p><a href="mailto:virginia.igem@gmail.com">
 +
virginia.igem@gmail.com</a>
 +
</p>
 +
</div>
 +
</footer>
 +
<style type="text/css">
 +
footer div img {
 +
width:auto;
 +
height:200px;
 +
}
 +
footer div {
 +
overflow:hidden;
 +
display:inline-block;
 +
float:none;
 +
}
 +
footer div:first-child {
 +
background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’);
 +
float:right;
 +
top:10px;
 +
height:90%;
 +
width:25%
 +
margin: 1%;
 +
display:inline;
 +
overflow:hidden;
 +
}
 +
#nav1 {
 +
background-color: #003F87;
 +
width:100%;
 +
float:top; 
 +
position:fixed;
 +
top:70px;
 +
z-index:10;
 +
//opacity:0.85;
 +
border-bottom:5px;
 +
border-top:0px;
 +
border-left:0px;
 +
border-right:0px;
 +
border-color:#007bb6;
 +
border-style:solid;
 +
}
 +
#nav1 a {
 +
color: rgb(256, 256, 256);
 +
font-size: 16px;
 +
font-weight: bold;
 +
padding: 14px 10px;
 +
text-transform: uppercase;
 +
border-radius:5px;
 +
}
 +
#nav1 a:hover{
 +
color:#fff;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
#nav1 li {
 +
display: inline;
 +
font-family: Arial;
 +
}
 +
#nav1 .container {
 +
padding-top:5px;
 +
padding-bottom:5px;
 +
}
 +
a:hover {
 +
text-decoration:none;
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
.active-tab{
 +
text-decoration:none;
 +
}
 +
.active-content{
 +
text-decoration:none;
 +
}
 +
.row {
 +
width:100%;
 +
}
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#content {
 +
margin: 0px 0px 0px 0px;
 +
padding:0px 0px 0px 0px;
 +
width:100%;
 +
height:auto;
 +
background-color: rgb(0,0,0);
 +
}
 +
html {
 +
background-color:#191919;
 +
color: #fff
 +
font-family: Century Gothic, sans-serif;
 +
}
 +
#top_menu_14 {
 +
/*BORDER ATTRIBUTES*/
 +
border-top:5px solid #007bb6;
 +
background-color: #003F87;
 +
border-color:#003F87;
 +
}
 +
#top_menu_14 li.has_submenu:hover {
 +
opacity:1.0;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
#top_menu_14 li:hover {
 +
opacity:1.0;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
footer {
 +
width:100%
 +
height:300px;
 +
padding:25px 25px 25px 25px;
 +
background:#000000;
 +
clear:both;
 +
}
 +
footer p:first-child {
 +
font-weight:bold;
 +
font-family:Arial;
 +
font-size:18px;
 +
text-decoration:underline;
 +
}
 +
footer a {
 +
color:#fff;
 +
}
 +
footer p {
 +
width:auto;
 +
}
 +
p {
 +
color:white;
 +
font-family: serif;
 +
float:center;
 +
clear:both;
 +
}
 +
#bolded {
 +
font-weight:bold;
 +
}
 +
#above-nav {
 +
margin-bottom:10px;
 +
float:left;
 +
font-size:30px;
 +
text-align:center;
 +
font-family:Helvetica;
 +
text-shadow: 2px 2px #007bb6;
 +
padding-left:30%;
 +
}
 +
#top-part a {
 +
width:auto;
 +
height:auto;
 +
margin-right:20px;
 +
}
 +
#facebook {
 +
height:30px;
 +
width:30px;
 +
}
 +
#twitter {
 +
height:40px;
 +
width:40px;
 +
}
 +
#facebook:hover {
 +
opacity:0.5;
 +
}
 +
#twitter:hover {
 +
opacity:0.5;
 +
}
 +
#icon-box {
 +
display:inline;
 +
float:right;
 +
}
 +
#top-part {
 +
display:inline;
 +
height:56px;
 +
position:fixed;
 +
top:14px;
 +
float:center;
 +
background:#003F87;
 +
width:100%;
 +
z-index:10;
 +
font-weight:bold;
 +
padding-top:15px;
 +
}
 +
/* OTHER STYLE CODE GOES BELOW HERE */
 +
/* SPECIFIC STYLE CODE ENDS HERE */
 +
</style>
 +
</body>
 
</html>
 
</html>

Revision as of 16:59, 23 July 2015

University of Virginia iGEM 2015

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, Virginia 22904

United States of America

virginia.igem@gmail.com