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

 
(191 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style type="text/css">
 
<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');
+
        h4 {
−
background-color: #f2f2f2;
+
            margin-bottom: 10px;
−
background-size: contain;
+
        }
−
background-position: bottom;
+
        .background{
−
background-repeat: repeat-x;
+
            background:url(https://static.igem.org/mediawiki/2017/c/cb/KU_Leuven_Homepage2.png);
−
}
+
            position: initial;
−
#timeline {
+
            background-size: 100%;
−
height: 100%;
+
            padding: 0 10px 0 10px;
−
background-color: #c33;
+
        }
−
width: 100px;
+
        p.head::first-letter {
−
left: 50%;
+
            color: #cc3333;
−
transform: translateX(-50px);
+
            font-size: 40px;
−
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>
+
        #grad {
−
</div>
+
    background: -webkit-linear-gradient(#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2); /* Safari 5.1-6.0 */
−
</div>
+
    background: -o-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Opera 11.1-12.0 */
−
</div>
+
    background: -moz-linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Firefox 3.6-15 */
−
<script type="text/javascript">
+
    background: linear-gradient((#faebd7,#faeddb,#fbefdf,#fbf1e3,#fcf3e7,#fcf5eb,#fdf7ef,#f2f2f2)); /* Standard syntax */
−
var s = skrollr.init();
+
    }
−
</script>
+
       
 +
        p {
 +
          text-align:justify;
 +
          font-size: 20px;
 +
        }
 +
        </style>
 +
       
 +
            <div id="grad">
 +
                   
 +
                        <br>
 +
                   
 +
                        <div class="background">
 +
                            <h1 style="text-align:center; padding: 30px; font-size:50px; color: white;">Notebook</h1>
 +
                                <p class="head" style="text-align: center;color: white; padding: 10px 10px 60px 10px; font-size:15px;">You know what we did last summer! Do you want to know how the KU Leuven team filled their summer? In this Notebook you are able to follow what we did and when we did it. We documented every meeting, every sponsor meeting, every patient interview, every educational project and many more! Thanks to this Notebook you can travel back in time and see how we organized our summer and managed to get big things done in such a small time frame. Feel free to go through our notebook from the start to the finalization of the project with the Wiki Freeze. Once you get to know the past, you learn to appreciate the present day and the hard work done by this team.
 +
                                </p>                       
 +
                        </div>
 +
                    <br>
 +
                    <div class="container">
 +
                   
 +
                        <p style="text-align:justify; padding: 0px 50px 0px 50px;">
 +
                        <h2>Lab</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/3/34/KULeuven_2017_notebook_lab_2_1.png" WIDTH=100%>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/8/8f/KULeuven_2017_notebook_lab_2_2.png" WIDTH=100%>                           
 +
                            <br>
 +
                            <h2>Cell culture</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/6/68/KULeuven_2017_notebook_cell_culture_1.png" WIDTH=100%>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/a/a2/KULeuven_2017_notebook_cell_culture_2.png" WIDTH=100%>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/0/00/KULeuven_2017_notebook_cell_culture_3.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Calcium-imaging</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/e/e4/KULeuven_2017_Notebook_CalciumImaging.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Patch Clamp</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/0/0a/KULeuven_2017_Notebook_Patch_Clamp.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Education</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/c/cd/KULeuven_2017_Notebook_education.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Human practices</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/b/b5/KULeuven_2017_Notebook_HP.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Collaboration</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/b/b7/KULeuven_2017_Notebook_collaboration.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Hardware</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/b/be/KULeuven_2017_Notebook_hardware.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Symposium</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/5/55/KULeuven_2017_Notebook_symposium.png" WIDTH=100%>
 +
                            <br>
 +
                            <h2>Business model</h2>
 +
                            <br>
 +
                            <IMG SRC="https://static.igem.org/mediawiki/2017/b/bd/KULeuven_2017_Notebook_BusinessModel.png" WIDTH=100%>
 +
                            <br>
 +
                           
 +
                           
 +
                            <br>
 +
                    </div>
 +
 
 +
 
 +
 
 +
       
 +
       
 
</html>
 
</html>
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Latest revision as of 01:02, 1 November 2017


Notebook

You know what we did last summer! Do you want to know how the KU Leuven team filled their summer? In this Notebook you are able to follow what we did and when we did it. We documented every meeting, every sponsor meeting, every patient interview, every educational project and many more! Thanks to this Notebook you can travel back in time and see how we organized our summer and managed to get big things done in such a small time frame. Feel free to go through our notebook from the start to the finalization of the project with the Wiki Freeze. Once you get to know the past, you learn to appreciate the present day and the hard work done by this team.


Lab



Cell culture



Calcium-imaging



Patch Clamp



Education



Human practices



Collaboration



Hardware



Symposium



Business model