Difference between revisions of "Team:INSA-UPS France/test/description"

Line 2: Line 2:
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Header_new}}
 
{{INSA-UPS_France/Header_new}}
 +
 
<html>
 
<html>
 
<style>
 
<style>
−
 
 
main{
 
main{
 
   position:relative;
 
   position:relative;
Line 10: Line 10:
 
   height:100%;
 
   height:100%;
 
}
 
}
−
 
 
.main_content{
 
.main_content{
 
   position:fixed;     
 
   position:fixed;     
Line 43: Line 42:
 
}
 
}
  
 +
.main_title{
 +
  height:300px;
 +
  font: 700 4em/1.5 'Quicksand', sans-serif;
 +
  position:relative;
 +
  letter-spacing: 0.1em;
 +
  z-index:10;
 +
  margin-bottom:50px;
 +
  width:100%;
 +
 
 +
}
 +
.main_title > div{
 +
  width:100%;
 +
  position:absolute;
 +
  bottom:-10px;
 +
  background:rgba(255,255,255,0.2);
 +
  border-radius: 20px;
 +
}
 +
 +
.main_title p{
 +
  padding:30px;
 +
}
 +
 +
.main_title img{
 +
  position:absolute;
 +
  right:0;
 +
  width:400px;
 +
  bottom:-25px;
 +
}
 
</style>
 
</style>
  
 
<!-- C O N T E N T -->
 
<!-- C O N T E N T -->
 +
 
  
 +
  <main class="site-main">
 +
  <div class="main_content">
 +
  <div class="middle_container">
  
−
 
+
   <div class="section_container">
−
   <style>
+
  
−
  section img{
+
    <div class="main_title">
−
       /**/
+
      <div>
 +
        <p>Press &amp; Media</p>
 +
      </div>
 +
      <!-- <img src="" alt="">-->
 +
    </div>
 +
 
 +
    <style>
 +
    section img{
 +
       width:100%;
 
     }
 
     }
 
     section h1{
 
     section h1{
 
       font-family: 'Quicksand', sans-serif;
 
       font-family: 'Quicksand', sans-serif;
 
       font-size:34pt;
 
       font-size:34pt;
−
       margin-bottom:0px;
+
       margin-top:-60px;
−
    }
+
       text-align: right;
−
    section h2{
+
−
      font-family: 'Quicksand', sans-serif;
+
−
       font-size:20pt;
+
 
     }
 
     }
 
     section p{
 
     section p{
Line 69: Line 104:
 
       margin-top:20px;
 
       margin-top:20px;
 
     }
 
     }
−
  </style>
+
    .right_container{
 +
        width:70%;
 +
        margin-left:30%;
 +
    }
 +
    .article_offset{
 +
      margin-bottom:20px;
 +
      border: solid 1px transparent;
 +
    }
 +
    </style>
  
 +
    <section style="background:none;">
 +
      <img src="logo_press.png" alt="" style="width:100%;">
 +
    </section>
  
−
  <main class="site-main">
+
    <style>
−
  <div class="main_content">
+
    /* ASIDE NAV */
−
  <div class="middle_container">
+
      .left_container{
 +
        width:25%;
 +
        padding:0px;
 +
        margin:0px;
 +
        display:inline-block;
 +
        font-family: 'Quicksand', sans-serif;
 +
        font-weight: 400;
 +
        font-size:16pt;
 +
        text-align: right;
 +
      }
 +
      .left_container img{
 +
        width:100%;
 +
      }
 +
      .right_container section{
 +
        border-top-left-radius: 0px;
 +
        border-top-right-radius: 60px;
 +
        border-bottom-left-radius: 60px;
 +
        border-bottom-right-radius: 60px;
 +
        margin-top:0px;
 +
      }
 +
      section a{
 +
        color:#4f6649;
 +
      }
 +
      section a:hover, section a:visited{
 +
        font-style: italic;
 +
      }
  
−
  <style>
+
     </style>
−
     .img-hover-reveal{
+
−
      overflow: hidden;
+
−
      position:relative;
+
−
    }
+
−
    .img-hover-reveal img{
+
−
      width:100%;
+
−
    }   
+
−
    .img-visible{
+
−
      position:relative;
+
−
    }
+
−
    .img-invisible{
+
−
      position:absolute;
+
−
      left:-100%;
+
−
      top:0px;
+
−
      transition:0.5s;
+
−
    }
+
−
    .img-hover-reveal:hover > .img-invisible{
+
−
      transition: 0.5s;
+
−
      left: 0px;
+
−
    }
+
−
  </style>
+
  
−
  <div class="section_container">
+
    <div class="left_container">
 +
      <img style="width:60%;" src="https://static.igem.org/mediawiki/2017/b/b9/T--INSA-UPS_France--Media_logo-20minutes.png" alt="">
 +
    </div>
 +
    <div class="right_container">
 +
      <section>
 +
        <p>
 +
          The <i>20 minutes</i> is a daily free generalist newspaper aimed at commuters who want quick and concise information, reaching a wide audience. We appeared in the regional section of the online version of it. Thus we were pleased to reach the local inhabitants to mobilize them and make them know about science initiatives in their living area.
 +
        </p>
 +
        <p>
 +
          <a href="http://www.20minutes.fr/toulouse/2123171-20170829-toulouse-etudiants-imitent-crocodile-attaquer-cholera">Click here to read the full article (in french)</a>
 +
        </p>
 +
      </section>
 +
    </div>
  
−
     <div style="margin:0px auto;max-width:1000px;">
+
     <div class="left_container">
−
    <section style="background:none;padding:0px !important;z-index:100; ">
+
      <img style="width:60%;" src="https://static.igem.org/mediawiki/2017/7/7c/T--INSA-UPS_France--Media_logo-actutoulouse.png" alt="">
−
      <h1 style="font-size:5vw;letter-spacing: 1vw;z-index:120;text-align: center;">Team</h1>
+
    </div>   
−
     
+
    <div class="right_container">
−
      <div class="img-hover-reveal" style="width:100%;border-top-right-radius: 20px; border-top-left-radius: 20px; ">
+
      <section>
−
          <img src="https://static.igem.org/mediawiki/2017/9/9d/T--INSA-UPS_France--Team-allteam.JPG" class="img-visible" alt="" >
+
        <p>
−
           <img src="https://static.igem.org/mediawiki/2017/4/4d/T--INSA-UPS_France--Team-allteam2.JPG" class="img-invisible" alt="">
+
        <i>Cot&eacute; Toulouse</i> is a weekly free paper aiming to deliver all the local information. Once again we were pleased to reach at the local inhabitants of Toulouse to show them what the students of their city are doing and to mobilize them around the project.
−
         </div>
+
        </p>
−
    </section>
+
        <p>
 +
           <a href="https://actu.fr/occitanie/toulouse_31555/a-toulouse-etudiants-travaillent-sur-une-molecule-crocodile-lutter-contre-cholera_11690457.html">Click here to read the full article (in french) </a>
 +
         </p>
 +
      </section>
 +
    </div>
  
−
     <section style="margin-top:-30px; padding-left:100px;padding-right:100px;">
+
     <div class="left_container">
−
      <p style="margin-top: 50px;">
+
      <img src="https://static.igem.org/mediawiki/2017/b/ba/T--INSA-UPS_France--Media_logo-ladepeche.png" alt="">
−
      9 crocodiles fans working in the lab, with the help of 11 supervisors. We come from from 3 different schools: Paul Sabatier University, INSA Lyon and INSA Toulouse.  
+
    </div>   
−
      </p>
+
    <div class="right_container">
−
    </section>
+
      <section>
 +
        <p>
 +
        <i>La d&eacute;p&ecirc;che du midi</i> is a regional daily newspaper sold in approximately 150,000 copies everyday. Thus it reaches a wide public living in a large area. This publication was an opportunity to make this audience discover our project and to tickle their curiosity to learn more.
 +
        </p>
 +
        <p>
 +
          <a href="https://www.ladepeche.fr/article/2017/09/01/2637267-neuf-etudiants-travaillent-crocodile-lutter-contre-cholera.html">Click here to read the full article (in french) </a>
 +
        </p>
 +
      </section>
 +
    </div>
  
−
  </div>
+
    <div class="left_container">
 +
      <img src="https://static.igem.org/mediawiki/2017/2/27/T--INSA-UPS_France--Media_logo-ljdd.png" alt="">
 +
    </div>    
 +
    <div class="right_container">
 +
      <section>
 +
        <p>
 +
        After being interviewed by local and regional newspaper we were thrilled that <i>Le Journal du Dimanche</i> published an article about our project. Indeed it is a weekly national newspaper reaching around 200,000 people. This article obviously gave our team a national exposure, along with synthetic biology and the iGEM competition. We hope that this article tickled the curiosity of many french people.
 +
        </p>
 +
        <p>
 +
          <a href="http://www.lejdd.fr/societe/sciences/pourquoi-le-crocodile-resiste-au-cholera-3430838">Click here to read the full article (in french) </a>
 +
        </p>
 +
      </section>
 +
    </div>
 +
 
 +
    <div class="left_container">
 +
      <img src="https://static.igem.org/mediawiki/2017/a/ab/T--INSA-UPS_France--Media_logo-ajd.png" alt="">
 +
      <img src="https://static.igem.org/mediawiki/2017/2/24/T--INSA-UPS_France--Media_logo-leparisien.png" alt="">
 +
    </div>   
 +
    <div class="right_container">
 +
      <section>
 +
        <p>
 +
        <i>Aujourd&rsquo;hui en France</i> is a national weekly newspaper gathering almost 140,000 readers every day. It emphasis the interesting regional initiatives in France, giving them more exposure. We were thus delighted to be part of these noteworthy projects.
 +
        </p>
 +
        <p>
 +
          <a href="http://www.leparisien.fr/vie-quotidienne/sante/les-crocodiles-armes-anticholera-05-09-2017-7235709.php">Click here to read the full article (in french) </a>
 +
        </p>
 +
      </section>
 +
    </div>
 +
 
 +
    <div class="left_container">
 +
      <img src="https://static.igem.org/mediawiki/2017/d/d5/T--INSA-UPS_France--Media_logo-frinfo.png" alt="">
 +
    </div>   
 +
    <div class="right_container">
 +
      <section>
 +
        <p>
 +
        Our project was also presented in the online version of France info which is a french radio. Some members of the team were interviewed by the journalist and it was a good practice to present our project in a popularized way with our words.
 +
        </p>
 +
        <p>
 +
          <a href="http://www.francetvinfo.fr/sante/decouverte-scientifique/pour-lutter-contre-le-cholera-des-etudiants-chercheurs-francais-misent-sur-le-crocodile_2364949.html">Click here to read &amp; listen the full article (in french) </a>
 +
        </p>
 +
      </section>
 +
    </div>
 +
    <!-- fin section -->   
  
 
   </div>
 
   </div>
Line 214: Line 330:
 
   </main>
 
   </main>
  
 +
 +
<!-- C O N T E N T -->
 
<script type="text/javascript">
 
<script type="text/javascript">
 
   $('.js-sticky').addClass('is-sticky');
 
   $('.js-sticky').addClass('is-sticky');

Revision as of 11:48, 24 September 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Press & Media

The 20 minutes is a daily free generalist newspaper aimed at commuters who want quick and concise information, reaching a wide audience. We appeared in the regional section of the online version of it. Thus we were pleased to reach the local inhabitants to mobilize them and make them know about science initiatives in their living area.

Click here to read the full article (in french)

Coté Toulouse is a weekly free paper aiming to deliver all the local information. Once again we were pleased to reach at the local inhabitants of Toulouse to show them what the students of their city are doing and to mobilize them around the project.

Click here to read the full article (in french)

La dépêche du midi is a regional daily newspaper sold in approximately 150,000 copies everyday. Thus it reaches a wide public living in a large area. This publication was an opportunity to make this audience discover our project and to tickle their curiosity to learn more.

Click here to read the full article (in french)

After being interviewed by local and regional newspaper we were thrilled that Le Journal du Dimanche published an article about our project. Indeed it is a weekly national newspaper reaching around 200,000 people. This article obviously gave our team a national exposure, along with synthetic biology and the iGEM competition. We hope that this article tickled the curiosity of many french people.

Click here to read the full article (in french)

Aujourd’hui en France is a national weekly newspaper gathering almost 140,000 readers every day. It emphasis the interesting regional initiatives in France, giving them more exposure. We were thus delighted to be part of these noteworthy projects.

Click here to read the full article (in french)

Our project was also presented in the online version of France info which is a french radio. Some members of the team were interviewed by the journalist and it was a good practice to present our project in a popularized way with our words.

Click here to read & listen the full article (in french)