Team:Toulouse/Communication

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'>
 +
 +
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
 +
 +
<script type='text/javascript'> $(function(){
 +
  $(window).scroll(function () {
 +
    if ($(this).scrollTop() > 250) {
 +
        $('#column-left').addClass("fixNavigation");
 +
    } else {
 +
        $('#column-left').removeClass("fixNavigation");
 +
        }
 +
    });
 +
  });
 +
</script>
  <!--/* CSS contenu*/-->
  <!--/* CSS contenu*/-->
Line 20: Line 33:
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
   .title3{color:#7f8c8c; font-family:'Open Sans'; font-weight:400; font-size:16px; margin:0 0 20px 0; border:none;}
 +
.title4{color:#5a6060; font-family:'Open Sans'; font-weight:700; font-size:15px; margin:0 0 20px 0; border:none;}
 +
  .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; }
-
   .texte{color:#5a6060; font-family:'Open Sans'; font-size:14px; margin:0 0 50px 0; line-height:24px; text-align: justify;}
+
   .citation{color:#5a6060; font-family:'Open Sans'; font-size:18px; margin:0 0 50px 0; line-height:24px; font-style: italic; text-align: center;}
-
 
+
-
  .nomsd{color:#5a6060; font-family:'Open Sans'; font-size:14px; font-weight:bold; margin:0 30px 50px 30px; line-height:24px; text-align: center;}
+
-
.table{align="center"; text-align: center;
 
-
}
 
-
.tr,td{text-align: center; vertical-align="middle"}
 
-
 
.banniere{
.banniere{
background: url('https://static.igem.org/mediawiki/2014/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
background: url('https://static.igem.org/mediawiki/2014/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
Line 99: Line 108:
}
}
-
.Img {
+
 
 +
table {
 +
display: table;
 +
border-collapse: separate;
 +
border-spacing: 2px;
 +
border-color: gray;
 +
}
 +
 
 +
table[Attributes Style] {
 +
border-top-width: 1px;
 +
border-right-width: 1px;
 +
border-bottom-width: 1px;
 +
border-left-width: 1px;
 +
width: 100%;
 +
height: 20%;
 +
}
 +
 
 +
#column-left{
float:left;
float:left;
 +
width: 190px;
 +
float: left;
 +
padding: 15px 10px 15px 15px;
 +
border: 1px solid #ccc;
 +
border-radius: 5px;
 +
background-color: #eee;
}
}
-
#virginiabadge{
+
.fixNavigation{  
-
      background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png");
+
z-index: 9999;
-
      background-size:250px;
+
position: fixed;
-
      width: 250px;
+
top:15px;
-
      height: 185px;
+
width:240px;
-
      background-repeat:no-repeat;
+
}
-
    }
+
 
-
+
ul.menuleft {
-
    #virginiabadge:hover{
+
padding-left:10px;
-
    background: url("https://static.igem.org/mediawiki/2014/2/2b/File-Virginia-Images-Badge1.png");
+
}
-
    background-repeat:no-repeat;
+
 
-
    width: 250px;
+
 
-
    height: 185px;
+
ul.menuleft li {
-
    background-size:250px;
+
padding-bottom: 10px;
-
    }
+
}
 +
 
 +
ul.menuleft li a{
 +
color:#5a6060;
 +
font-family:'Open Sans';
 +
font-size:14px;
 +
margin:0 0 0 0;
 +
line-height:24px;
 +
}
      
      
</style>
</style>
Line 132: Line 172:
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
       <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
 +
<div id="column-left">
 +
<h3 class="title2" style="margin-top:10px; color:#333;">Summary :</h3>
 +
<ul class="menuleft">
 +
  <li style="margin-top:25px;"><a href="#select1">Press</a></li>
 +
  <li><a href="#select2">Interventions</a></li>
 +
  <li><a href="#select3">Interactions with other iGEM teams</a></li>
 +
  <li><a href="#select4">Newsletters</a></li>
 +
  <li><a href="#select5">Communication tools</a></li>
 +
</ul>
 +
</div>
 +
<div class="column-right" style="width:75%; float:right;">
<!--Press-->
<!--Press-->
-
<p class="title1">Press</p>
+
<p class="title1" id="select1">Press</p>
       <p class="texte">As our project was very regional, a lot of different regional newspapers were interested into it.<br>
       <p class="texte">As our project was very regional, a lot of different regional newspapers were interested into it.<br>
After the first articles, other newspapers have begun to be interested into our work. It helped us to have a better visibility.<br>
After the first articles, other newspapers have begun to be interested into our work. It helped us to have a better visibility.<br>
Line 166: Line 217:
<!--Interventions-->
<!--Interventions-->
-
<p class="title1">Interventions<br></p>
+
<p class="title1" id="select2">Interventions<br></p>
<p class="texte">We have participated to a lot of interventions to talk about synthetic biology and our project :</p><br>
<p class="texte">We have participated to a lot of interventions to talk about synthetic biology and our project :</p><br>
<br><center><table width="80%">
<br><center><table width="80%">
Line 195: Line 246:
<!--Other iGEM teams-->
<!--Other iGEM teams-->
-
<p class="title1">Interactions with other iGEM teams<br></p>
+
<p class="title1" id="select3">Interactions with other iGEM teams<br></p>
<p class="texte">
<p class="texte">
- Filling in the iGEM Virginia online survey to gauge acceptance and understanding of synthetic biology by the general public (11<sup>st</sup> July).</p><br>
- Filling in the iGEM Virginia online survey to gauge acceptance and understanding of synthetic biology by the general public (11<sup>st</sup> July).</p><br>
Line 209: Line 260:
<!--Newsletter-->
<!--Newsletter-->
-
<p class="title1">Newsletters</p>
+
<p class="title1" id="select4">Newsletters</p>
<p class="texte">We set up a monthly Newsletter to inform our sponsors and other people interested in our project. You can find these here (french version):<br>  
<p class="texte">We set up a monthly Newsletter to inform our sponsors and other people interested in our project. You can find these here (french version):<br>  
- <a href="https://static.igem.org/mediawiki/2014/a/ad/Newsletter_iGEM_n%C2%B01_-_juillet_2014.jpg">Newsletter n°1</a><br>
- <a href="https://static.igem.org/mediawiki/2014/a/ad/Newsletter_iGEM_n%C2%B01_-_juillet_2014.jpg">Newsletter n°1</a><br>
Line 218: Line 269:
<!--Communication tools-->
<!--Communication tools-->
-
<p class="title1">Communication tools</p>
+
<p class="title1" id="select5">Communication tools</p>
<p class="texte">Here you can find all our communication tools: <br>
<p class="texte">Here you can find all our communication tools: <br>
- <a href="https://2014.igem.org/File:IGEM_plaquette.jpg">iGEM Toulouse presentation flyer (French version)</a><br>
- <a href="https://2014.igem.org/File:IGEM_plaquette.jpg">iGEM Toulouse presentation flyer (French version)</a><br>
Line 227: Line 278:
- <a href="">iGEM Toulouse Giant Jamboree presentation (Coming soon)</a><br>
- <a href="">iGEM Toulouse Giant Jamboree presentation (Coming soon)</a><br>
</p>
</p>
 +
 +
</div>
 +
 +
<div class="clear"></div>

Revision as of 21:12, 15 October 2014