Difference between revisions of "Team:UCLouvain/Engagement"

(Prototype team page)
 
 
Line 1: Line 1:
 
{{UCLouvain}}
 
{{UCLouvain}}
−
 
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
    <head>
−
<h3>★  ALERT! </h3>
+
<title>iGEM UCLouvain Team</title>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<style>
−
</div>
+
.igem_2017_content_wrapper html,
−
<div class="clear"></div>
+
.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;
 +
}
 +
 
 +
/*
 +
Our styles
 +
*/
 +
 
 +
/* Import Roboto */
 +
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
 +
 
 +
.igem_2017_content_wrapper h1 {
 +
display: none !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
 +
font-weight: normal !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper h2 {
 +
font-size: 34px !important;
 +
margin-bottom: 20px !important;
 +
color: #222222 !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper h2.smallclear {
 +
margin-bottom: 5px !important;
 +
}
 +
 
 +
.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 {
 +
font-size: 18px !important;
 +
line-height: 32px !important;
 +
color: #222222 !important;
 +
margin-bottom: 1em !important;
 +
text-align: justify !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper img {
 +
max-width: 100% !important;
 +
height: auto !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper a {
 +
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 {
 +
color: #0f6fc6 !important;
 +
}
 +
 
 +
#header {
 +
position: relative !important;
 +
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 {
 +
height: 150px !important;
 +
line-height: 150px !important;
 +
}
 +
 
 +
#logo, #logo a, #nav, #nav ul, #nav ul li {
 +
display: inline-block !important;
 +
position: relative !important;
 +
}
 +
 
 +
#logo img {
 +
height: 125px !important;
 +
vertical-align: middle !important;
 +
}
 +
 
 +
.igem_2017_content_wrapper {
 +
width: 100% !important;
 +
padding: 0 !important;
 +
margin: 0 !important;
 +
}
 +
 
 +
.igem_2017_menu_wrapper {
 +
display: none !important; /* Hide this badass menu */
 +
}
 +
 
 +
#nav {
 +
font-size: 18px !important;
 +
}
 +
 
 +
#nav > ul > li {
 +
margin-left: 100px !important;
 +
height: 30px !important;
 +
line-height: 30px !important;
 +
}
 +
 
 +
#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 {
 +
opacity: 1 !important;
 +
max-height: 1000px !important;
 +
}
 +
 
 +
#nav ul li ul li {
 +
display: block !important;
 +
transition: all 0.2s ease-in !important;
 +
}
 +
 
 +
#nav ul li ul li:hover {
 +
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;
 +
}
  
−
<div class="column half_size">
+
#page {
 +
padding: 60px 90px 0 90px !important;
 +
}
  
−
<h1>Education and Public Engagement</h1>
+
#page:after {
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
content: "" !important;
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
display: table !important;
 +
clear: both !important;
 +
}
  
−
<br><br>
+
#page .text, #page .illustration {
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
width: 50% !important;
−
<br><br>
+
float: left !important;
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
vertical-align: top !important;
−
</p>
+
}
−
</div>
+
  
 +
#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;
 +
}
  
−
<div class="column half_size">
+
#footer ul {
−
<h5>Inspiration</h5>
+
text-align: center !important;
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
}
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
−
</ul>
+
  
−
</div>
+
#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;
 +
}
  
−
<div class="clear"></div>
+
@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>

Latest revision as of 15:24, 22 October 2017

iGEM UCLouvain Team iGEM UCLouvain Team

TITRE

SOUS-TITRE

TEXTE

Our sponsors

  • UCL
  • Fédération Wallonie Bruxelles
  • Fondation Louvain
  • Imperial College
  • Agilent Technologies
  • AGL
  • ISV
  • UCL faculté des Sciences