Difference between revisions of "Team:KU Leuven/Notebook"

(Prototype team page)
 
Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
 +
<style type="text/css">
 +
.igem_2017_content_wrapper .jumbotron{
 +
background-image: url('https://static.igem.org/mediawiki/2017/2/20/KU_Leuven-notes_bg.png');
 +
background-color: #f2f2f2;
 +
background-size: contain;
 +
background-position: bottom;
 +
background-repeat: repeat-x;
 +
}
 +
#timeline {
 +
height: 100%;
 +
background-color: #c33;
 +
width: 100px;
 +
left: 50%;
 +
transform: translateX(-50px);
 +
position: absolute;
 +
display: inline-block;
 +
}
 +
 +
#timeline::before {
 +
content: '';
 +
position: absolute;
 +
width: 100px;
 +
height: 50px;
 +
top: -50px;
 +
background-image: url(https://static.igem.org/mediawiki/2017/9/9d/KU_Leuven-timeline_start.png);
 +
}
 +
#timeline::after {
 +
content: '';
 +
position: absolute;
 +
width: 100px;
 +
height: 50px;
 +
bottom: -50px;
 +
background-image: url(https://static.igem.org/mediawiki/2017/e/ec/KU_Leuven-timeline_end.png);
 +
}
 +
.timeline {
 +
position: relative;
 +
height: auto;
 +
margin-top: 50px;
 +
margin-bottom: 50px;
 +
}
 +
.timeline li {
 +
width: 50%;
 +
position: relative;
 +
}
 +
.timeline h1 {
 +
width: 50%;
 +
color: #f2f2f2;
 +
position: relative;
 +
text-align: center;
 +
margin: 0;
 +
padding: 0;
 +
margin-top: 10px;
 +
font-size: 20px;
 +
width: 100px;
 +
}
 +
.timeline h2 {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.timeline p {
 +
text-align: justify;
 +
}
 +
.timeline .right {
 +
margin-left: 50%;
 +
padding-left: 75px;
 +
}
 +
.timeline .right h1 {
 +
left: 0;
 +
position: absolute;
 +
margin-left: -50px;
 +
}
 +
.timeline .right h2 {
 +
text-align: left;
 +
}
 +
.timeline .left {
 +
margin-right: 50%;
 +
padding-right: 75px;
 +
}
 +
.timeline .left h1 {
 +
right: 0;
 +
position: absolute;
 +
margin-right: -50px;
 +
}
 +
.timeline .left h2 {
 +
text-align: right;
 +
}
 +
</style>
 +
<div>
 +
<div class="jumbotron">
 +
<div class="container">
 +
<h1>Notebook</h1>
 +
<p>Keep up with what we are doing, and get an oversight of the process of our participation in the contest.</p>
 +
</div>
 +
</div>
 +
<div class="container">
 +
<ul class="timeline">
 +
<div id="timeline">
 +
</div>
 +
<li class="right" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="right" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="left" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(-100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(-100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="right" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="right" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="left" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(-100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(-100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
 +
<li class="left" ><h1>21 Dec</h1><h2 data--100-bottom="transform:translateX(-100px);" data--200-bottom="transform:translateX(0px);">This is a very nice title</h2><p data--100-bottom="transform:translateX(-100px);opacity:0;" data--200-bottom="transform:translateX(0px);opacity:1;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
  
−
 
+
</ul>
−
<div class="column full_size">
+
</div>
−
 
+
</div>
−
<h1>Notebook</h1>
+
</div>
−
<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>
+
<script type="text/javascript">
−
 
+
var s = skrollr.init();
−
</div>
+
</script>
−
<div class="clear"></div>
+
−
 
+
−
 
+
−
<div class="column half_size">
+
−
<h5>What should this page have?</h5>
+
−
<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="column half_size">
+
−
<h5>Inspiration</h5>
+
−
<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>
 +
{{KU_Leuven_footer}}

Revision as of 09:02, 26 July 2017

Notebook

Keep up with what we are doing, and get an oversight of the process of our participation in the contest.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • 21 Dec

    This is a very nice title

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.