Team:Paris Bettencourt/Newsletter

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Paris_Bettencourt/Wiki}}
 
{{Team:Paris_Bettencourt/Menu}}
{{Team:Paris_Bettencourt/Menu}}
<html>
<html>
-
<style>
+
<style>
-
                #topheader {
+
body {
-
                        height : 50px;
+
        width : 100%;
-
                        width : 60%;
+
}
-
                        margin-left : 20%;
+
.background {
-
                        margin-right : 20%;
+
position : relative;
-
                }
+
background : rgb(255,0,99);
-
 
+
}
-
h2 {
+
#topheader {
-
font-family : Times;
+
width : 100%;
-
font-size : 30px;
+
height : 300px;
-
text-decoration : underline;
+
margin-top : 40px;
-
text-align : center;
+
background-image : url("https://static.igem.org/mediawiki/2014/b/ba/Smell_of_roses.png");
-
}
+
        background-size : cover;
-
+
background-color : transparent;
-
h3 {
+
}
-
font-family : Times;
+
-
font-size : 30px;
+
-
text-align : center;
+
-
text-decoration : underline;
+
-
}
+
-
+
-
h4 {
+
-
font-family : Times;
+
-
font-size : 22px;
+
-
margin-left : 20%;
+
-
text-decoration : underline;
+
-
color : rgb(0,0,0);
+
-
}
+
-
+
-
h5 {
+
-
font-family : Times;
+
-
font-size : 18px;
+
-
margin-left : 20%;
+
-
text-decoration : underline;
+
-
color : rgb(0,0,0);
+
-
}
+
-
 
+
-
                h6 {
+
-
font-family : Times;
+
-
font-size : 15px;
+
-
margin-left : 20%;
+
-
text-decoration : underline;
+
-
color : rgb(0,0,0);
+
-
                }
+
-
 
+
-
#cadre {
+
-
border:5px double rgb(0,0,0);
+
-
align="center";
+
-
height ="45px";
+
-
color: rgb(0,0,0);
+
-
}
+
-
+
-
#link {
+
-
color : rgb(0,0,0);
+
-
}
+
-
+
-
#menu {
+
-
text-align : center;
+
-
height : 45px;
+
-
width : 65%;
+
-
margin-left : 17.5%;
+
-
margin-right : 17.5%;
+
-
}
+
-
+
-
+
-
#shadow {
+
-
margin-left : 25px;
+
-
float : left;
+
-
border-radius : 5px;
+
-
box-shadow : -1px 2px 10px 3px rgb(190,190,190) inset;
+
-
}
+
-
 
+
-
#menu-accordeon {
+
-
padding:0;
+
-
margin:0;
+
-
list-style:none;
+
-
width: 180px;
+
-
}
+
-
#menu-accordeon ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style:none;
+
-
}
+
-
 
+
-
#menu-accordeon li {
+
-
border-radius: 6px;
+
-
margin-bottom:2px;
+
-
                        text-indent : 2em;
+
-
}
+
-
 
+
-
#menu-accordeon a {
+
-
display:block;
+
-
text-decoration: none;
+
-
color: rgb(0,0,0);
+
-
padding: 8px 0;
+
-
font-family: verdana;
+
-
}
+
-
+
-
p {
+
.separation {
-
font-size : 14px;
+
width : 100%;
-
margin-left : 21%;
+
height : 300px;
-
color : rgb(0,0,0);
+
background : transparent;
-
text-align : justify;
+
}
-
                        margin-right : 19%;
+
-
}
+
-
+
-
#corps {
+
-
border : 1px solid rgb(0,0,0);
+
-
border-radius : 5px;
+
-
margin-left : 18%;
+
-
margin-right : 18%;
+
-
                        width: 60%;
+
-
                        margin-bottom:50px;
+
-
                        overflow-x: hidden;
+
-
                        overflow-y: scroll;
+
-
                        /*overflow: scroll;*/
+
-
                        align = "center";
+
-
}
+
-
                #separation {
+
-
                        border-style : solid;
+
-
                        border-width : 1px;
+
-
                        border-color : rgb(0,0,0);
+
-
                        height : 0px;
+
-
                        width : 60%;
+
-
                        margin-left : 20%;
+
-
                }
+
-
#newsletter {
+
-
                      margin-left : 20%;
+
-
                      margin-right : 20%;
+
-
                      width : 60%;
+
-
                      border : solid rgb(0,0,0) 1px;
+
-
                      border-radius : 5px;
+
-
}
+
-
 
+
-
</style>
+
-
<head>
+
h6 {
-
<div id="topheader">
+
font-family : Arial;
-
</div>
+
font-size : 22px;
-
+
font-weight : bold;
 +
                margin-left : 5%;
 +
}
 +
#logo:hover #logoblanc {
 +
}
 +
#logo:hover #logorose {
 +
}
 +
#tablelien {
 +
width : 100%;
 +
height : 60px;
 +
text-align : center;
 +
background-color : rgb(225,0,112);
 +
}
 +
#tablelien tr td {
 +
width : 20%;
 +
height : 60px;
 +
color : rgb(193,185,184);
 +
                font-size : 16px;
 +
background-color : rgb(225,0,112);
 +
}
 +
p {
 +
text-align : justify;
 +
background-color : transparent;
 +
}
 +
        #fond {
 +
                width : 100%
 +
                height : 300px;
 +
background : rgb(225,0,112);
 +
}
 +
#part1 {
 +
width : 100%;
 +
height : 350px;
 +
display : inline-block;
 +
}
 +
#part1 p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 44%;
 +
margin-left : 5%;
 +
                font-size : 15px;
 +
}
 +
#part1 img {
 +
position : absolute;
 +
width : 44%;
 +
height : 250px;
 +
                left : 51%;
 +
background-color : rgb(197,192,193);
 +
}
 +
#part2 {
 +
width : 100%;
 +
height : 350px;
 +
display : inline-block;
 +
}
 +
#part2 p {
 +
display : inline-block;
 +
vertical-align : middle;
 +
position : relative;
 +
width : 44%;
 +
margin-left : 5%;
 +
                font-size : 15px;
-
</head>
+
}
-
+
#part2 img {
-
<body>
+
position : absolute;
-
                 <h4>Newsletter</h4>
+
width : 44%;
-
        <div id=separation></div>
+
height : 250px;
-
<div id="shadow">
+
                left : 51%;
-
<ul id="menu-accordeon">
+
background-color : rgb(197,192,193);
-
                                <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter">Newsletter</a></li>
+
}
-
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter1"><tab>-Newsletter 1</a></li>
+
#part3 {
-
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter2"><tab>-Newsletter 2</a></li>
+
width : 100%;
-
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter3"><tab>-Newsletter 3</a></li>
+
height : 350px;
-
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter4"><tab>-Newsletter 4</a></li>
+
display : inline-block;
-
</ul>
+
}
-
</div id=newsletter>
+
#part3 p {
-
                        <a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter4"><h5>Newsletter n°4</h5></a>
+
display : inline-block;
-
                        <h6>from Sept 1st to Sept 15th 2014</h6>
+
vertical-align : middle;
-
                        <p>Hi, all the iGEMers.</p>
+
position : relative;
-
                        <p>Last time when I wrote on this page of the newsletter, it was our first issue. Now, the summer is coming to the end and this is our fourth issue of the newsletter, also our last regular issue. Afterwards, we will replace it by special issues and review sessions, as i mentioned before. A couple schools have asked me about the timeline. I understand that school is starting and life is getting crazy. The student review of the judge question would be done by October and the peer review session would be in the first or second week of October. I will send out one more email with details and the rubrics in the coming three days.</p>
+
width : 44%;
-
                        <a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter3"><h5>Newsletter n°3</h5></a>
+
margin-left : 5%;
-
                        <h6>from August 25th to September 7th</h6>
+
                 font-size : 15px;
-
                        <p><b>Hi, all the iGEMers.</b></br>
+
}
-
                        Here is the third newsletter, we are publishing in collaboration with the iGEM team from Xiamen University in China.</p>
+
#part3 img {
-
               
+
position : absolute;
-
                        <a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter2"><h5>Newsletter n°2</h5></a>
+
width : 44%;
-
                        <h6>from August 11th to August 24th</h6>
+
height : 250px;
-
                        <p><b>Hi, all the iGEMers.</b></br>
+
                left : 51%;
-
                        Here is the second newsletter, we are publishing in collaboration with the iGEM team from Xiamen University in China.</p>
+
background-color : rgb(197,192,193);
-
                        <a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter1"><h5>Newsletter n°1</h5></a>
+
}
-
                        <h6>from July 28th to August 10th 2014</h6>
+
#part4 {
-
                        <p><b>Hi, all the iGEMers.</b></br>
+
width : 100%;
-
I am happy to announce the first issue of our newsletter. This
+
height : 350px;
-
biweekly newsletter is cofounded by Paris Bettencourt iGEM team
+
display : inline-block;
-
and Xiamen University iGEM team. Currently, we have 9 teams
+
}
-
participating and are expecting more for the later issues. The
+
#part4 p {
-
newsletter has two major parts: project update and team member
+
display : inline-block;
-
introduction. The teams should be writing about one of the parts
+
vertical-align : middle;
-
every two weeks. We hope that through this activity, the teams will
+
position : relative;
-
be able to keep better record of their own projects, gain feedback
+
width : 44%;
-
from their peers and get to know other young synthetic biologists.
+
margin-left : 5%;
-
There will also be special issues with interviews of iGEM alumni
+
                font-size : 15px;
-
and past advisors from college teams.</p>
+
}
-
                <div>
+
#part4 img {
-
        <div id=separation></div>
+
position : absolute;
-
                </div>
+
width : 44%;
-
</body>
+
height : 250px;
 +
                left : 51%;
 +
background-color : rgb(197,192,193);
 +
}
 +
#top {
 +
position : fixed;
 +
right : 20px;
 +
bottom : 10px;
 +
                width : 25px;
 +
                height : 25px;
 +
z-index : 100;
 +
}
 +
        #top img {
 +
                width : 100%;
 +
                height : 100%;
 +
        }
 +
.nameimg {
 +
position : absolute;
 +
width : 200px;
 +
height : 200px;
 +
margin-left : 10%;
 +
background : transparent;
 +
z-index : 60;
 +
}
 +
        .text1 {
 +
              text-align : justify;
 +
              margin-left : 5%;
 +
              margin-right : 5%;
 +
</style>
 +
<body>
 +
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
 +
<div id="topheader">
 +
<img src="https://static.igem.org/mediawiki/2014/e/ec/Newsletter.png" class=nameimg>
 +
</div>
 +
<div id=logo><img id=logorose src=""></div>
 +
<div id=fond>
 +
</table>
 +
        </div>
 +
 
 +
<br><br><br>
 +
<div id=part1>
 +
<h6>KIKOU LOL PILOU!</h6><br>
 +
<p> </p>
 +
<img src="">
 +
</div>
 +
<div id=part2>
 +
<h6> </h6><br>
 +
<p> </p>
 +
<img src="">
 +
</div>
 +
<div id=part3>
 +
<h6> </h6><br>
 +
<p> </p>
 +
<img src="">
 +
</div>
 +
<div id=part4>
 +
<h6> </h6><br>
 +
<p></p>
 +
<img src="">
 +
</div>
 +
</body>
</html>
</html>
 +
{{:Team:Paris_Bettencourt/Footer}}

Revision as of 23:04, 4 October 2014




KIKOU LOL PILOU!




Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.