Difference between revisions of "Team:UCLouvain/Attributions"

 
(20 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{UCLouvain}}
 
{{UCLouvain}}
 +
{{UCLouvainHeaderSecond}}
 
<html>
 
<html>
    <head>
 
<title>iGEM UCLouvain Team</title>
 
 
<style>
 
.igem_2017_content_wrapper html,
 
.igem_2017_content_wrapper body,
 
.igem_2017_content_wrapper div,
 
.igem_2017_content_wrapper span,
 
.igem_2017_content_wrapper p,
 
.igem_2017_content_wrapper a,
 
.igem_2017_content_wrapper img,
 
.igem_2017_content_wrapper ul,
 
.igem_2017_content_wrapper li,
 
.igem_2017_content_wrapper footer,
 
.igem_2017_content_wrapper header,
 
.igem_2017_content_wrapper nav,
 
.igem_2017_content_wrapper section {
 
box-sizing: border-box !important;
 
margin: 0 !important;
 
padding: 0 !important;
 
border: 0 !important;
 
font-size: 100% !important;
 
font: inherit !important;
 
font-family: 'Roboto', 'Arial' !important;
 
vertical-align: baseline !important;
 
}
 
.igem_2017_content_wrapper h2,
 
.igem_2017_content_wrapper h3 {
 
box-sizing: border-box !important;
 
margin: 0 !important;
 
padding: 10px 0 10px 0 !important;
 
border: 0 !important;
 
font-size: 100% !important;
 
font: inherit !important;
 
font-family: 'Roboto', 'Arial' !important;
 
vertical-align: baseline !important;
 
}
 
.igem_2017_content_wrapper footer,
 
.igem_2017_content_wrapper header,
 
.igem_2017_content_wrapper nav,
 
.igem_2017_content_wrapper section {
 
display: block !important;
 
}
 
.igem_2017_content_wrapper body {
 
line-height: 1 !important;
 
}
 
.igem_2017_content_wrapper ul {
 
list-style: none !important;
 
}
 
  
/*
+
<div class="site-hero_2">
Our styles
+
<div class="page-title">
*/
+
<div class="big-title montserrat-text uppercase">ABOUT US</div>
 +
<div class="small-title montserrat-text uppercase">Attributions</div>
 +
</div>
 +
</div>
  
/* Import Roboto */
+
<section>
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
+
  
.igem_2017_content_wrapper h1 {
+
<div class="container">
display: none !important;
+
<div class="row" style="margin-bottom: 40px;">
}
+
<div class="col-md-12">
 +
<div class="section-title" style="text-align:center;float:left;width:100%;margin-bottom:0">
 +
<span>First Pillar</span>
 +
<BR></BR>
 +
 +
</div>
 +
<p/p>
  
.igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
+
font-weight: normal !important;
+
<p>The first pillar of our project goes to our PIs who have followed us during the whole adventure:</p>
}
+
  
.igem_2017_content_wrapper h2 {
+
<ul>
font-size: 34px !important;
+
margin-bottom: 20px !important;
+
color: #222222 !important;
+
}
+
  
.igem_2017_content_wrapper h2.smallclear {
+
<li style="color:#999999;margin-left:20px;">Professor Patrice Soumillion. First PI: support, overview and laboratory workspace.</li>
margin-bottom: 5px !important;
+
<li style="color:#999999;margin-left:20px;">Professor Charles Hachez. Accompanying PI: support, overview.</li>
}
+
<li style="color:#999999;margin-left:20px;">Professor Bernard Hallet. Support, overview.</li>
 +
<li style="color:#999999;margin-left:20px;">Professor Pascal Hols and his team. Especially Marie-Clémence Duchène for the ComR/S system.</li>
 +
</ul>
  
.igem_2017_content_wrapper h3 {
 
font-size: 28px !important;
 
margin-bottom: 20px !important;
 
color: #222222 !important;
 
}
 
  
.igem_2017_content_wrapper ul {
 
margin: 0 !important;
 
padding: 0 !important;
 
}
 
  
.igem_2017_content_wrapper p {
+
<br>
font-size: 18px !important;
+
<p/p>
line-height: 32px !important;
+
<div class="row" style="margin-bottom: 40px;">
color: #222222 !important;
+
<div class="col-md-12">
margin-bottom: 1em !important;
+
<div class="section-title" style="text-align:center;float:left;width:100%;margin-bottom:0">
text-align: justify !important;
+
<span>Second Pillar</span>
}
+
                                        </div>
 +
<p/p>
 +
<BR></BR>
  
.igem_2017_content_wrapper img {
+
<p>The second pillar consists of all the doctoral students and lab technicians who helped, supported and advised us:</p>
max-width: 100% !important;
+
height: auto !important;
+
}
+
  
.igem_2017_content_wrapper a {
+
<ul>
text-decoration: none !important;
+
color: #000000 !important;
+
font-weight: normal !important;
+
font-size: 18px !important;
+
transition: all 0.2s ease-in !important;
+
}
+
  
.igem_2017_content_wrapper a:hover {
+
<li style="color:#999999;margin-left:20px;">Brigitte Delplace : lab technician, lab help and overview.</li>
color: #0f6fc6 !important;
+
<li style="color:#999999;margin-left:20px;">Florence Vandecappelle: Ph. D. student, support, overview, in-lab help.</li>
}
+
<li style="color:#999999;margin-left:20px;">Sebastian Worms: Ph.D. student, support, overview, in-lab help.</li>
 +
<li style="color:#999999;margin-left:20px;">Damien Evrard : lab technician, lab help and overview.</li>
 +
<li style="color:#999999;margin-left:20px;">Jonathan Ferooz: “Do It Yourself Belgium” founder, advice.</li>
 +
<li style="color:#999999;margin-left:20px;">Loïc Germain: 3D printing advice and final printer.</li>
 +
</ul>
  
#header {
+
<br>
position: relative !important;
+
<p/p>
z-index: 999 !important;
+
padding: 0 20px 0 20px !important;
+
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
+
}
+
  
#logo, #logo a {
+
<div class="row" style="margin-bottom: 40px;">
height: 150px !important;
+
<div class="col-md-12">
line-height: 150px !important;
+
<div class="section-title" style="text-align:center;float:left;width:100%;margin-bottom:0">
}
+
<span>Third Pillar</span>
 +
                                        </div>
 +
<BR></BR>
 +
<p/p>
 +
<p>The third pillar is the outside people who came to strengthen our project and our ideas:</p>
  
#logo, #logo a, #nav, #nav ul, #nav ul li {
+
<ul>
display: inline-block !important;
+
position: relative !important;
+
}
+
  
#logo img {
+
<li style="color:#999999;margin-left:20px;">Dirk Vanden Elshen: video realization.</li>
height: 125px !important;
+
<li style="color:#999999;margin-left:20px;">Doctor Philippe Gabant: synthetic biology reflection process.</li>
vertical-align: middle !important;
+
<li style="color:#999999;margin-left:20px;">Annick Sonck: English teacher at the Language Institute of the UCL. Wiki correction and presentations coaching.</li>
}
+
  
.igem_2017_content_wrapper {
+
</ul>
width: 100% !important;
+
padding: 0 !important;
+
margin: 0 !important;
+
}
+
  
.igem_2017_menu_wrapper {
+
<p>
display: none !important; /* Hide this badass menu */
+
<div class="row" style="margin-bottom: 40px;">
}
+
<div class="col-md-12">
 +
<div class="section-title" style="text-align:center;float:left;width:100%;margin-bottom:0">
 +
<span>Fourth Pillar</span>
 +
                                </div>
 +
<p/p>
 +
<BR></BR>
 +
<p>Our core team is the fourth pillar:</p>
  
#nav {
+
<ul>
font-size: 18px !important;
+
}
+
  
#nav > ul > li {
+
<li style="color:#999999;margin-left:20px;">Guillaume Cerckel: lab and research.</li>
margin-left: 100px !important;
+
<li style="color:#999999;margin-left:20px;">Caroline de Pret: sponsorship, Human Practices.</li>
height: 30px !important;
+
<li style="color:#999999;margin-left:20px;">Alexandre Jolly: sponsorship, lab.</li>
line-height: 30px !important;
+
<li style="color:#999999;margin-left:20px;">Benjamin Ledoux: lab, 3D printing R&D.</li>
}
+
<li style="color:#999999;margin-left:20px;">Marine Lefèvre : coordination, lab and research.</li>
 +
<li style="color:#999999;margin-left:20px;">Cyril Maréchal: wiki creation.</li>
 +
<li style="color:#999999;margin-left:20px;">Thomas Reginster: lab, 3D printing R&D.</li>
 +
<li style="color:#999999;margin-left:20px;">Roxane Schleusner: lab and research.</li>
 +
<li style="color:#999999;margin-left:20px;">Olivier Suys : lab and research.</li>
 +
<li style="color:#999999;margin-left:20px;">Pierre Van Meerbeeck: coordination, lab and research.</li>
 +
</ul>
  
#nav ul li ul {
 
display: block !important;
 
opacity: 0 !important;
 
max-height: 0 !important;
 
overflow: hidden !important;
 
position: absolute !important;
 
top: 30px !important;
 
left: 0px !important;
 
width: 180px !important;
 
background-color: #FFFFFF !important;
 
border-left: 3px solid #0f6fc6 !important;
 
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 
transition: all 0.2s ease-in !important;
 
}
 
  
#nav ul li:hover ul {
+
<div class="row" style="margin-bottom: 40px;">
opacity: 1 !important;
+
<div class="col-md-12">
max-height: 1000px !important;
+
<div class="section-title" style="text-align:center;float:left;width:100%;margin-bottom:0">
}
+
  
#nav ul li ul li {
+
<BR></BR>
display: block !important;
+
<span>Extra Pillar</span>
transition: all 0.2s ease-in !important;
+
                                        </div>
}
+
<BR></BR>
 +
<p/p>
 +
<p>Last but not least, the final pillar is all our sponsors:</p>
  
#nav ul li ul li:hover {
+
<p>Université catholique de Louvain (UCLouvain) gave us the opportunity to achieve our project by supporting us from the beginning. Their help came from different entities: from the ISV (Institut des Sciences de la Vie), to the SST (Secteur des Sciences et Technologies), École de Biologie, and finally, Jean Christophe Renauld, research Pro Rector of the UCLouvain.</p>
background-color: #eee !important;
+
}
+
  
#nav ul li ul li a {
 
padding-left: 15px !important;
 
line-height: 50px !important;
 
height: 50px !important;
 
width: 175px !important;
 
display: inline-block !important;
 
}
 
  
#presentation img {
 
width: 100% !important;
 
}
 
  
#page {
 
padding: 60px 90px 0 90px !important;
 
}
 
  
#page:after {
+
</div>
content: "" !important;
+
</div>
display: table !important;
+
</div>
clear: both !important;
+
</section>
}
+
  
#page .text, #page .illustration {
 
width: 50% !important;
 
float: left !important;
 
vertical-align: top !important;
 
}
 
 
#page .text {
 
padding-right: 30px !important;
 
}
 
 
#page .illustration {
 
padding-left: 30px !important;
 
}
 
 
#page .illustration img {
 
border: 15px solid #FFFFFF !important;
 
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 
filter: opacity(90%) grayscale(30%) !important;
 
}
 
 
#footer {
 
padding: 60px 90px 60px 90px !important;
 
}
 
 
#footer ul {
 
text-align: center !important;
 
}
 
 
#footer ul li {
 
display: inline-block !important;
 
width: auto !important;
 
max-width: 12.5% !important;
 
height: 200px !important;
 
line-height: 200px !important;
 
padding: 20px !important;
 
vertical-align: middle !important;
 
}
 
 
#footer ul li img {
 
max-width: 100% !important;
 
width: auto !important;
 
height: auto !important;
 
max-height: 400px !important;
 
vertical-align: middle !important;
 
}
 
 
@media (max-width: 1000px) {
 
#page .text, #page .illustration {
 
width: 100% !important;
 
float: left !important;
 
padding: 0 !important;
 
}
 
}
 
</style>
 
    </head>
 
    <body>
 
        <header id="header">
 
            <div id="logo">
 
                <a href="/"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="IGem UCLouvain Team"></a>
 
            </div>
 
            <nav id="nav">
 
                <ul>
 
                    <li>
 
<a href="#">Our Project</a>
 
<ul>
 
<li><a href="#">Overview</a></li>
 
<li><a href="#">Approach 1</a></li>
 
<li><a href="#">Approach 2</a></li>
 
<li><a href="./Team:UCLouvain/Attributions">Attributions</a></li>
 
<li><a href="./Team:UCLouvain/InterLab">InterLab</a></li>
 
</ul>
 
</li>
 
                    <li>
 
<a href="#">In The Lab</a>
 
<ul>
 
<li><a href="#">Overview</a></li>
 
<li><a href="#">Protocols</a></li>
 
<li><a href="#">Parts</a></li>
 
</ul>
 
</li>
 
                    <li><a href="#">Human Practices</a></li>
 
                    <li>
 
<a href="#">About us</a>
 
<ul>
 
<li><a href="#">Team</a></li>
 
<li><a href="#">Aknowledgement</a></li>
 
<li><a href="#">Our University</a></li>
 
</ul>
 
</li>
 
                </ul>
 
            </nav>
 
        </header>
 
        <section id="content">
 
            <div id="page">
 
<h2 class="smallclear">TITRE</h2>
 
<h3>SOUS-TITRE</h3>
 
<p>TEXTE</p>
 
</div>
 
</section>
 
<footer id="footer">
 
<h2>Our sponsors</h2>
 
<ul><!--
 
--><li><a href="https://uclouvain.be/en/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/87/Logo-UCL.jpg" alt="UCL"></a></li><!--
 
--><li><a href="http://www.federation-wallonie-bruxelles.be/index.php?id=39" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a1/Logo-FWB.png" alt="Fédération Wallonie Bruxelles"></a></li><!--
 
--><li><a href="https://uclouvain.be/fr/chercher/fondation-louvain" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/Logo-Fondation_Louvain.png" alt="Fondation Louvain"></a></li><!--
 
--><li><a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cd/Logo-Imperial_College.png" alt="Imperial College"></a></li><!--
 
--><li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/88/Logo-Agilent_Technologies.png" alt="Agilent Technologies"></a></li><!--
 
--><li><a href="https://www.aglouvain.be/site2/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5d/Logo-AGL.png" alt="AGL"></a></li><!--
 
--><li><a href="https://uclouvain.be/en/research-institutes/isv" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/13/Logo-ISV.png" alt="ISV"></a></li><!--
 
--><li><a href="https://uclouvain.be/en/faculties/sc" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/01/Logo-UCL_Sciences.jpg" alt="UCL faculté des Sciences"></a></li><!--
 
--></ul>
 
</footer>
 
    </body>
 
 
</html>
 
</html>
 +
{{UCLouvainFooter}}

Latest revision as of 15:46, 1 November 2017

iGEM UCLouvain Team iGEM UCLouvain Team

ABOUT US
Attributions
First Pillar

The first pillar of our project goes to our PIs who have followed us during the whole adventure:

  • Professor Patrice Soumillion. First PI: support, overview and laboratory workspace.
  • Professor Charles Hachez. Accompanying PI: support, overview.
  • Professor Bernard Hallet. Support, overview.
  • Professor Pascal Hols and his team. Especially Marie-Clémence Duchène for the ComR/S system.

Second Pillar



The second pillar consists of all the doctoral students and lab technicians who helped, supported and advised us:

  • Brigitte Delplace : lab technician, lab help and overview.
  • Florence Vandecappelle: Ph. D. student, support, overview, in-lab help.
  • Sebastian Worms: Ph.D. student, support, overview, in-lab help.
  • Damien Evrard : lab technician, lab help and overview.
  • Jonathan Ferooz: “Do It Yourself Belgium” founder, advice.
  • Loïc Germain: 3D printing advice and final printer.

Third Pillar


The third pillar is the outside people who came to strengthen our project and our ideas:

  • Dirk Vanden Elshen: video realization.
  • Doctor Philippe Gabant: synthetic biology reflection process.
  • Annick Sonck: English teacher at the Language Institute of the UCL. Wiki correction and presentations coaching.

Fourth Pillar



Our core team is the fourth pillar:

  • Guillaume Cerckel: lab and research.
  • Caroline de Pret: sponsorship, Human Practices.
  • Alexandre Jolly: sponsorship, lab.
  • Benjamin Ledoux: lab, 3D printing R&D.
  • Marine Lefèvre : coordination, lab and research.
  • Cyril Maréchal: wiki creation.
  • Thomas Reginster: lab, 3D printing R&D.
  • Roxane Schleusner: lab and research.
  • Olivier Suys : lab and research.
  • Pierre Van Meerbeeck: coordination, lab and research.


Extra Pillar


Last but not least, the final pillar is all our sponsors:

Université catholique de Louvain (UCLouvain) gave us the opportunity to achieve our project by supporting us from the beginning. Their help came from different entities: from the ISV (Institut des Sciences de la Vie), to the SST (Secteur des Sciences et Technologies), École de Biologie, and finally, Jean Christophe Renauld, research Pro Rector of the UCLouvain.

you think we're cool? so are our sponsors!
  • UCL
  • Fédération Wallonie Bruxelles
  • Fondation Louvain
  • Imperial College
  • Agilent Technologies
  • AGL
  • ISV
  • UCL faculté des Sciences