Difference between revisions of "Team:Sorbonne U Paris/Brainstorming"

 
(40 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Sorbonne_U_Paris/Header}}
 
{{Sorbonne_U_Paris/Header}}
 
{{Sorbonne_U_Paris/Navbar}}
 
{{Sorbonne_U_Paris/Navbar}}
<html>
+
<html lang="en">
 
<head>
 
<head>
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:Sorbonne_U_Paris/JQVmapCSS?action=raw&ctype=text/css" />
+
<style>
<script src="https://2018.igem.org/wiki/index.php?title=Template:Sorbonne_U_Paris/JQVmapJS&action=edit?action=raw&ctype=text/javascript"></script>
+
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:Sorbonne_U_Paris/JQVworldmap&action=edit?action=raw&ctype=text/javascript"></script>
+
/* The actual timeline (the vertical ruler) */
 +
.timeline {
 +
  position: relative;
 +
  max-width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
 
 +
/* The actual timeline (the vertical ruler) */
 +
.timeline::after {
 +
  content: '';
 +
  position: absolute;
 +
  width: 6px;
 +
  background-color: #9EC4EA;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 50%;
 +
  margin-left: -3px;
 +
border-radius: 20px;
 +
}
 +
 
 +
/* Container around content */
 +
.container-timeline {
 +
  padding: 10px 40px;
 +
  position: relative;
 +
  background-color: inherit;
 +
  width: 50%;
 +
 +
}
 +
 
 +
/* The circles on the timeline */
 +
.container-timeline::after {
 +
  content: '';
 +
  position: absolute;
 +
  width: 25px;
 +
  height: 25px;
 +
  right: 10px;
 +
  background-color: #22D66C;
 +
  border: 4px solid #22D66C;
 +
  top: 15px;
 +
  border-radius: 50%;
 +
  z-index: 1;
 +
}
 +
 
 +
/* Place the container to the left */
 +
.left {
 +
  left: 2%;
 +
}
 +
 
 +
/* Place the container to the right */
 +
.right {
 +
  left: 48%;
 +
}
 +
 
 +
 
 +
/* Fix the circle for containers on the right side */
 +
.right::after {
 +
  left: 10px;
 +
}
 +
 
 +
/* The actual content */
 +
.content {
 +
  padding: 20px 30px;
 +
  background-color: #E6E6E6;
 +
  position: relative;
 +
  border-radius: 6px;
 +
 +
 
 +
 +
}
 +
 
 +
/* Media queries - Responsive timeline on screens less than 600px wide */
 +
@media screen and (max-width: 600px) {
 +
/* Place the timelime to the left */
 +
  .timeline::after {
 +
    left: 31px;
 +
  }
 +
 
 +
/* Full-width containers */
 +
  .container-timeline {
 +
    width: 100%;
 +
    padding-left: 70px;
 +
    padding-right: 25px;
 +
  }
 +
 
 +
/* Make sure that all arrows are pointing leftwards */
 +
  .container-timeline::before {
 +
    left: 60px;
 +
    border: medium solid white;
 +
    border-width: 10px 10px 10px 0;
 +
    border-color: transparent white transparent transparent;
 +
  }
 +
 
 +
/* Make sure all circles are at the same spot */
 +
  .left::after, .right::after {
 +
    left: 15px;
 +
  }
 +
 
 +
/* Make all right containers behave like the left ones */
 +
  .right {
 +
    left: 0%;
 +
  }
 +
}
 +
</style>
 +
</head>
  
<head>
 
 
<body id="backtotop">
 
<body id="backtotop">
 
     <div class="global">
 
     <div class="global">
<div class="container">
 
<h1>Brainstorming</h1>
 
<br><br><br><br><br><br><br><br><br><br>
 
<p>Haec subinde Constantius audiens et quaedam referente Thalassio doctus, quem eum odisse iam conpererat lege communi, scribens ad Caesarem blandius adiumenta paulatim illi subtraxit, sollicitari se simulans ne, uti est militare otium fere tumultuosum, in eius perniciem conspiraret, solisque scholis iussit esse contentum palatinis et protectorum cum Scutariis et Gentilibus, et mandabat Domitiano, ex comite largitionum, praefecto ut cum in Syriam venerit, Gallum, quem crebro acciverat, ad Italiam properare blande hortaretur et verecunde.
 
<br> <br>
 
          </p>
 
</div>
 
  
<div class="vector-map" id="map" style="width: 1000px; height: 600px"><!-- Vectorial World Map --></div>
+
<div class="container"><article class="col-md-10"><h1>Brainstorming</h1>
    </div>
+
<p class="introduction-text"> </p></article></div>
    <script type="text/javascript">
+
  
       
+
<article class="col-md-10">
    jQuery(windows).ready(function() {
+
<div class="timeline">
      jQuery('#map').vectorMap({ map: 'https://2018.igem.org/wiki/index.php?title=Template:Sorbonne_U_Paris/JQVworldmap&action=edit?action=raw&ctype=text/javascript',
+
  <div class="container-timeline left">
            hoverOpacity: 0.7,
+
    <div class="content">
            hoverColor: false,                   
+
      <h2>September 2017</h2>
          backgroundColor: '#6ec5cd',                     
+
      <p>Presentation of IGEM at Sorbonne Université : the iGEM UPMC 2017 and 2016 team presented at new master students of different fields the iGEM competition and their project. For the majority of the team it was the first time that we heard about the iGEM competition and synthetic biology </p>
          markers: [
+
    </div>
{latLng: [51.21, 6.81], name: 'Düsseldorf'},
+
  </div>
{latLng: [-33.45, -70.64], name: 'Santiago de Chile'},
+
  <div class="container-timeline right">
{latLng: [58.41, 15.62], name: 'Linköping'},
+
    <div class="content">
{latLng: [29.76, -95.36], name: 'Houston'},
+
      <h2>October 2017</h2>
{latLng: [48.85, 2.34], name: 'Paris'},
+
      <p>The members of iGEM UPMC 2017 Team posted an announcement for the recruitment session on their Facebook page. During this meeting, Nadia Tadjine, Simon Morin, Sara Khalilian and Parisa Khalilian presented the iGEM competition. We started to know each other and discuss about our skills. The majority of the team came from master’s degree cellular and molecular biology. </p>
{latLng: [48.80, 1.80], name: 'Paris2'},
+
    </div>
{latLng: [40.42, -86.92], name: 'Lafayette'},
+
  </div>
{latLng: [40.63, 22.95], name: 'Greece'},
+
  <div class="container-timeline left">
{latLng: [-3.1, -60.01], name: 'Manaus'},
+
    <div class="content">
{latLng: [48.62,  2.42], name: 'Évry'},
+
      <h2>November 2017</h2>
{latLng: [47.60, -122.31], name: 'Seattle'},
+
      <p>We started the brainstorming. During the different meetings, we made round tables where each person presented a  project of his own. So after that we asked questions about the feasibility of the project. It was a stimulating time as everybody challenged the group ideas.</p>
{latLng: [43.60, 1.44], name: 'Toulouse'},
+
    </div>
{latLng: [40.81, -96.68], name: 'Lincoln'},
+
  </div>
{latLng: [49.20, 2.00], name: 'Paris'},
+
  <div class="container-timeline right">
{latLng: [42.26, -71.8], name: 'Worcester'},
+
     <div class="content">
{latLng: [-33.86, 151.20], name: 'Sydney'},
+
      <h2>December 2017</h2>
{latLng: [51.48, -3.18], name: 'Cardiff'},
+
      <p>After one month of brainstorming, we kept several idea of project :  
{latLng: [39.45, -0.35], name: 'Valencia'}
+
⁃ Environmental project <br>
], 
+
⁃ Squalane <br>
            markerStyle: {
+
⁃ Diagnosis of theLyme disease  <br>
  initial: {
+
⁃ Production of anti-microbial peptides <br>
fill: '#d96564',
+
We contacted experts to know the feasibility of the projects. Simon Morin and Nadia Tadjine helped us to ask the relevant questions about the feasibility, biosafety rules and innovative aspect as we look to further informations. They didn’t gave their opinion but they always gived us advices.</p>
stroke: '#bc1d4a',
+
    </div>
"fill-opacity": 1,
+
  </div>
"stroke-width": 1,
+
  <div class="container-timeline left">
"stroke-opacity": 1,
+
    <div class="content">
r: 5
+
      <h2>January 2018</h2>
  },
+
      <p>We had the first meeting of the year with our supervisors: Frederique Peronnet , Marco Da Costa and Pierre Crozet. Frédérique Peronnet and Marco Da Costa supervised the creation of the first iGEM team at Sorbonne Université, three year ago. Pierre Crozet joined the iGEM adventure this year. His expertise of Chlamydomonas reinhardtii and synthetic biology was a key in the developpement of our project. </p>
  hover: {
+
    </div>
stroke: '#005567',
+
  </div>
"stroke-width": 2,
+
  <div class="container-timeline right">
cursor: 'pointer'
+
    <div class="content">
  },
+
      <h2>February 2018</h2>
  selected: {
+
      <p>Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.</p>
fill: 'blue'
+
    </div>
  },
+
  </div>
  selectedHover: {
+
  <div class="container-timeline left">
  }
+
    <div class="content">
},
+
      <h2>March 2018</h2>
                series: {
+
      <p>Victor Sayous, a PhD student joined the team. He shared with us his ideas about the production of sugar with Chlamydomonas Reinhardtii.</p>
                        regions:
+
    </div>
                            [{
+
  </div>   
                                values: {
+
    <div class="container-timeline right">
     AE:' #fdd8a9',
+
    <div class="content">
AF:' #fdd8a9',
+
      <h2>April 2018</h2>
AG:' #fdd8a9',
+
      <p>Our final project was chosen. We created our social media network : Twitter, Facebook and Instagram</p>
AL:' #fdd8a9',
+
    </div>
AM:' #fdd8a9',
+
  </div>
AO:' #fdd8a9',
+
        <div class="container-timeline left">
AR:' #fdd8a9',
+
    <div class="content">
AT:' #fdd8a9',
+
      <h2>May 2018</h2>
AU:' #fdd8a9',
+
      <p>We found a name for our project : Suga[R]evolution and we started Human practices brainstorming
AZ:' #fdd8a9',
+
</p>
BA:' #fdd8a9',
+
    </div>
BB:' #fdd8a9',
+
  </div> 
BD:' #fdd8a9',
+
        <div class="container-timeline right">
BE:' #fdd8a9',
+
    <div class="content">
BF:' #fdd8a9',
+
      <h2>June 2018</h2>
BG:' #fdd8a9',
+
      <p>We started experiments.</p>
BI:' #fdd8a9',
+
    </div>
BJ:' #fdd8a9',
+
  </div>
BN:' #fdd8a9',
+
        </div> 
BO:' #fdd8a9',
+
</article>
BR:' #fdd8a9',
+
  <br> <br>
BS:' #fdd8a9',
+
</div>
BT:' #fdd8a9',
+
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
BW:' #fdd8a9',
+
<script type="text/javascript">
BY:' #fdd8a9',
+
      jQuery(document).ready(function() {
BZ:' #fdd8a9',
+
if(window.matchMedia("(min-width:798px)").matches) {
CA:' #fdd8a9',
+
          $(window).scroll(function(){
CD:' #fdd8a9',
+
abcScroll = $(document).scrollTop();
CF:' #fdd8a9',
+
if(abcScroll >=2400)  
CG:' #fdd8a9',
+
$('.socialmedia').fadeOut(100);
CH:' #fdd8a9',
+
else
CI:' #fdd8a9',
+
$('.socialmedia').fadeIn(0);        
CL:' #fdd8a9',
+
});   }
CM:' #fdd8a9',
+
          });
CN:' #fdd8a9',
+
CO:' #fdd8a9',
+
CR:' #fdd8a9',
+
CU:' #fdd8a9',
+
CV:' #fdd8a9',
+
CY:' #fdd8a9',
+
CZ:' #fdd8a9',
+
DE:' #fdd8a9',
+
DJ:' #fdd8a9',
+
DK:' #fdd8a9',
+
DM:' #fdd8a9',
+
DO:' #fdd8a9',
+
DZ:' #fdd8a9',
+
EC:' #fdd8a9',
+
EE:' #fdd8a9',
+
EG:' #fdd8a9',
+
ER:' #fdd8a9',
+
ES:' #fdd8a9',
+
ET:' #fdd8a9',
+
FI:' #fdd8a9',
+
FJ:' #fdd8a9',
+
FK:' #fdd8a9',
+
FR:' #fdd8a9',
+
GA:' #fdd8a9',
+
GB:' #fdd8a9',
+
GD:' #fdd8a9',
+
GE:' #fdd8a9',
+
GF:' #fdd8a9',
+
GH:' #fdd8a9',
+
GL:' #fdd8a9',
+
GM:' #fdd8a9',
+
GN:' #fdd8a9',
+
GQ:' #fdd8a9',
+
GR:' #fdd8a9',
+
GT:' #fdd8a9',
+
GW:' #fdd8a9',
+
GY:' #fdd8a9',
+
HN:' #fdd8a9',
+
HR:' #fdd8a9',
+
HT:' #fdd8a9',
+
HU:' #fdd8a9',
+
ID:' #fdd8a9',
+
IE:' #fdd8a9',
+
IL:' #fdd8a9',
+
IN:' #fdd8a9',
+
IQ:' #fdd8a9',
+
IR:' #fdd8a9',
+
IS:' #fdd8a9',
+
IT:' #fdd8a9',
+
JM:' #fdd8a9',
+
JO:' #fdd8a9',
+
JP:' #fdd8a9',
+
KE:' #fdd8a9',
+
KG:' #fdd8a9',
+
KH:' #fdd8a9',
+
KM:' #fdd8a9',
+
KN:' #fdd8a9',
+
KP:' #fdd8a9',
+
KR:' #fdd8a9',
+
KW:' #fdd8a9',
+
KZ:' #fdd8a9',
+
LA:' #fdd8a9',
+
LB:' #fdd8a9',
+
LC:' #fdd8a9',
+
LK:' #fdd8a9',
+
LR:' #fdd8a9',
+
LS:' #fdd8a9',
+
LT:' #fdd8a9',
+
LV:' #fdd8a9',
+
LY:' #fdd8a9',
+
MA:' #fdd8a9',
+
MD:' #fdd8a9',
+
MG:' #fdd8a9',
+
MK:' #fdd8a9',
+
ML:' #fdd8a9',
+
MM:' #fdd8a9',
+
MN:' #fdd8a9',
+
MR:' #fdd8a9',
+
MT:' #fdd8a9',
+
MU:' #fdd8a9',
+
MV:' #fdd8a9',
+
MW:' #fdd8a9',
+
MX:' #fdd8a9',
+
MY:' #fdd8a9',
+
MZ:' #fdd8a9',
+
NA:' #fdd8a9',
+
NC:' #fdd8a9',
+
NE:' #fdd8a9',
+
NG:' #fdd8a9',
+
NI:' #fdd8a9',
+
NL:' #fdd8a9',
+
NO:' #fdd8a9',
+
NP:' #fdd8a9',
+
NZ:' #fdd8a9',
+
OM:' #fdd8a9',
+
PA:' #fdd8a9',
+
PE:' #fdd8a9',
+
PF:' #fdd8a9',
+
PG:' #fdd8a9',
+
PH:' #fdd8a9',
+
PK:' #fdd8a9',
+
PL:' #fdd8a9',
+
PT:' #fdd8a9',
+
PY:' #fdd8a9',
+
QA:' #fdd8a9',
+
RE:' #fdd8a9',
+
RO:' #fdd8a9',
+
RS:' #fdd8a9',
+
RU:' #fdd8a9',
+
RW:' #fdd8a9',
+
SA:' #fdd8a9',
+
SB:' #fdd8a9',
+
SC:' #fdd8a9',
+
SD:' #fdd8a9',
+
SE:' #fdd8a9',
+
SI:' #fdd8a9',
+
SK:' #fdd8a9',
+
SL:' #fdd8a9',
+
SN:' #fdd8a9',
+
SO:' #fdd8a9',
+
SR:' #fdd8a9',
+
ST:' #fdd8a9',
+
SV:' #fdd8a9',
+
SY:' #fdd8a9',
+
SZ:' #fdd8a9',
+
TD:' #fdd8a9',
+
TG:' #fdd8a9',
+
TH:' #fdd8a9',
+
TJ:' #fdd8a9',
+
TL:' #fdd8a9',
+
TM:' #fdd8a9',
+
TN:' #fdd8a9',
+
TR:' #fdd8a9',
+
TT:' #fdd8a9',
+
TW:' #fdd8a9',
+
TZ:' #fdd8a9',
+
UA:' #fdd8a9',
+
UG:' #fdd8a9',
+
US:' #fdd8a9',
+
UY:' #fdd8a9',
+
UZ:' #fdd8a9',
+
VE:' #fdd8a9',
+
VN:' #fdd8a9',
+
VU:' #fdd8a9',
+
YE:' #fdd8a9',
+
ZA:' #fdd8a9',
+
ZM:' #fdd8a9',
+
ZW:' #fdd8a9',
+
    ME:' #fdd8a9',
+
    XK:' #fdd8a9',
+
    LU:' #fdd8a9',                                                 
+
                    }
+
                            }]
+
                },         
+
onMarkerClick: function(e, code){
+
$('html, body').animate({
+
scrollTop: $("#"+code).offset().top
+
}, 0);
+
}
+
                             
+
                          });
+
       
+
    });
+
    </script>
+
  
 +
        </script>
 +
<!-- --------------------------------------------------------SOCIAL SIDE NAVBAR ------------------------------------------>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Sorbonne_U_Paris/socialsidenavbar}}
 
{{Sorbonne_U_Paris/backtotop}}
 
{{Sorbonne_U_Paris/backtotop}}
 
{{Sorbonne_U_Paris/Footer}}
 
{{Sorbonne_U_Paris/Footer}}

Latest revision as of 22:01, 17 October 2018

Brainstorming

September 2017

Presentation of IGEM at Sorbonne Université : the iGEM UPMC 2017 and 2016 team presented at new master students of different fields the iGEM competition and their project. For the majority of the team it was the first time that we heard about the iGEM competition and synthetic biology

October 2017

The members of iGEM UPMC 2017 Team posted an announcement for the recruitment session on their Facebook page. During this meeting, Nadia Tadjine, Simon Morin, Sara Khalilian and Parisa Khalilian presented the iGEM competition. We started to know each other and discuss about our skills. The majority of the team came from master’s degree cellular and molecular biology.

November 2017

We started the brainstorming. During the different meetings, we made round tables where each person presented a project of his own. So after that we asked questions about the feasibility of the project. It was a stimulating time as everybody challenged the group ideas.

December 2017

After one month of brainstorming, we kept several idea of project : ⁃ Environmental project
⁃ Squalane
⁃ Diagnosis of theLyme disease
⁃ Production of anti-microbial peptides
We contacted experts to know the feasibility of the projects. Simon Morin and Nadia Tadjine helped us to ask the relevant questions about the feasibility, biosafety rules and innovative aspect as we look to further informations. They didn’t gave their opinion but they always gived us advices.

January 2018

We had the first meeting of the year with our supervisors: Frederique Peronnet , Marco Da Costa and Pierre Crozet. Frédérique Peronnet and Marco Da Costa supervised the creation of the first iGEM team at Sorbonne Université, three year ago. Pierre Crozet joined the iGEM adventure this year. His expertise of Chlamydomonas reinhardtii and synthetic biology was a key in the developpement of our project.

February 2018

Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam.

March 2018

Victor Sayous, a PhD student joined the team. He shared with us his ideas about the production of sugar with Chlamydomonas Reinhardtii.

April 2018

Our final project was chosen. We created our social media network : Twitter, Facebook and Instagram

May 2018

We found a name for our project : Suga[R]evolution and we started Human practices brainstorming

June 2018

We started experiments.