Difference between revisions of "Team:Aix-Marseille/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{Aix-Marseille}}
 
 
<html>
 
<html>
 +
<head>
 +
<title>Chew fight</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 +
        <link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrapcss?action=raw&amp;ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:NRP-UEA-Norwich/mobilecss?action=raw&amp;ctype=text/css" type="text/css">
 +
        <script type="text/javascript" src="https://2015.igem.org/Team:NRP-UEA-Norwich/bootstrap.js?action=raw&ctype=text/javascript"></script>
  
−
<h2> Project Description </h2>
+
        <!--[if lt IE 7]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
 +
        <![endif]-->
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
        <!--[if lt IE 8]>
−
<br />
+
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
 +
        <![endif]-->
 +
       
 +
        <!--[if lt IE 9]>
 +
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
        <![endif]-->
 +
<style type="text/css">
 +
.affix {
 +
background-color: #8E3B8C;
 +
}
 +
footer {
 +
padding: 10px 0px 10px 0px;
 +
}
 +
header {
 +
background-color: #8E3B8C;
 +
padding: 0px;
 +
}
 +
#nav >li > a {
 +
color: #FFFFFF !important;
 +
} .bg-1 {
 +
background: url(http://i.imgur.com/FrsJhjG.jpg);background-repeat:no-repeat;
 +
        background-size:cover;
 +
min-height: 600px;
  
−
<h5>What should this page contain?</h5>
+
}
−
<ul>
+
.head-1 {
−
<li> A clear and concise description of your project.</li>
+
text-shadow: 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1), 0px 0px 10px rgba(150, 150, 150, 1);
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
}
−
<li>References and sources to document your research.</li>
+
</style>
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css">
−
</ul>
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
 +
              <script>
 +
              new WOW().init();
 +
              </script>
 +
</head>
 +
<body>
 +
<header class="header" >
 +
        <div class="container">
 +
            <div class="row">
 +
           
 +
                <nav class="navbar navbar-default " role="navigation" data-spy="affix" data-offset-top="600">
 +
                  <div class="navbar-inner"> 
 +
                         
 +
                    <div class="navbar-header">
 +
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                            <span class="sr-only">Toggle navigation</span>
 +
                            <span class="icon-bar"></span>
 +
                            <span class="icon-bar"></span>
 +
                            <span class="icon-bar"></span>
  
 +
                        </button>
 +
                        <a href="/Team:Aix Marseille" class="navbar-brand hidden-lg hidden-md hidden-sm" ><http://i.imgur.com/oHSATfM.png" class="img-responsive" width="80" height="80"></a>
 +
   
 +
                    </div>
 +
                       
 +
                       
 +
                            <div class="collapse navbar-collapse  " id="bs-example-navbar-collapse-1">
 +
                                <ul class="nav navbar-nav  " id="nav">
 +
                                <li><a href="/Team:Aix-Marseille"  class="logo"><img src="http://i.imgur.com/oHSATfM.png" class="img-responsive" width="85" height="85"></a></li>
 +
                                    <li  ><a href="/Team:Aix-Marseille">Home</a></li>
 +
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Project</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Project/Description">Description</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Design">Project design</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Parts">Parts</a></li>                                 
 +
                                      </ul>
 +
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Team</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Team">Members</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Supervisors">Supervisors</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Collaborations">Collaborations</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Attributions">Attributions</a></li>                                 
 +
                                      </ul>
 +
                                      <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle"  data-toggle="dropdown">Notebook</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Notebook">Calendar</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Results">Results</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Protocols">Protocols</a></li>                                 
 +
                                      </ul>
  
−
<br />
+
                                    <li  ><a href="/Team:Aix-Marseille/Practices">Practices</a></li> 
−
<h4>Advice on writing your Project Description</h4>
+
                                 
 +
                                    <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Interlab Study</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Measurement">Results</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Protocols2">Protocols2</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Sequencing/data">Sequencing data</a></li>                                 
 +
                                      </ul>
 +
                                    <li class="dropdown " id="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling</a>
 +
                                      <ul class="dropdown-menu">
 +
                                        <li ><a href="/Team:Aix-Marseille/Modeling">Modeling</a></li>
 +
                                        <li ><a href="/Team:Aix-Marseille/Software">Software</a></li>                                 
 +
                                      </ul>   
 +
                                    </li>
 +
                     
 +
                                  </li>
  
−
<p>
+
                                </ul>  
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+
                               
−
</p>
+
                           
 +
                          </div>
 +
                </div>       
 +
                </nav>
 +
           
 +
            </div>
 +
               
 +
                   
 +
   
 +
        </div>
  
−
<p>
+
    </header>
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
−
</p>
+
  
  
−
<br />
+
 
−
<h4>References</h4>
+
    <!-- end hearo section -->
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
+
  
 +
    <div class="clearfix"></div>
  
 +
      <!-- start section 1 -->
 +
    <section style="padding:30px 0px 50px;" class="arrow_box" id="team">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <div align="center"><h2 class="title wow bounce in up"><span style="color:#8E3B8C"><span style="font-family:Armalite Rifle"> Don't you ever step on a sticky chewing-gum ?!</div>
 +
</h2></span></span>
 +
    <div class="space30"></div>
 +
    <p class="space20"><div align="justify"><span style ="font-family:Courier New">Nowadays, chewing gum is the second urban pollutant after cigarette butts. To clean chewing gum, specific engines are used but they are heavy and expensive. The time required for its use is long and they need a large quantity of water. Besides economical aspects, chewing gums have an environmental impact. They are dangerous for the wildlife such as birds. Indeed, believing that it is bread, they eat chewing gums and choke. Regarding these alarming facts, we have decided to create a new environmentally- responsible way to sanitize our streets.
 +
</div></p></span>
 +
<p class="space20"><div align="justify"><span style ="font-family:Courier New">Chewing gum pollution is a real problem. From sidewalks to under your desk at school, chewing gums are everywhere!</div></p></span>
  
−
<h4>Inspiration</h4>
 
−
<p>See how other teams have described and presented their projects: </p>
 
  
−
<ul>
+
    </div>
−
<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1  space30">
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+
−
</ul>
+
  
−
</div>
+
                            <img src=http://i.imgur.com/r4YNlzi.jpg" class="img-responsive" width="475" height="325">
 +
                         
 +
 
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>
 +
 
 +
      <!-- start section 2 -->
 +
 
 +
<section style="padding:30px 0px 50px;background-color: #FBF1FB;" "background:#fbf1fb;"="" class="bg-2 arrow_box2;">   
 +
    <div style ="background:#FBF1FB;">
 +
    <div class="container">
 +
    <div class="row">
 +
 
 +
   
 +
    <h2 class="title wow bounce in up"><span style ="color:#000000"><span style="font-family:Armalite Rifle"><div align="center">Do you know ?</span></h2></span></div>
 +
    <div class="space30"></div>
 +
   
 +
 
 +
 
 +
                        <div align="center"><img src="http://i.imgur.com/AvSiQRg.png" class="img-responsive" width="900" height="900" space200></div>
 +
 
 +
             
 +
   
 +
    </div>
 +
    </div>
 +
    </div>
 +
 
 +
    </section>
 +
 
 +
    <!-- start section 3 -->
 +
<section style="padding:30px 0px 50px;" class="arrow_box" id="team">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-6 left">
 +
    <div align="center"><h2 class="title wow bounce in up"><span style="color:#8E3B8C"><span style="font-family:Armalite Rifle"> Dangerous for life and for the environment !</div>
 +
</h2></span></span>
 +
    <div class="space30"></div>
 +
    <p class="space20"><div align="justify"><span style ="font-family:Courier New">Chewing gum is made from synthetic plastics called polymers. They do not biodegrade and they cause several problems :
 +
</div></p></span>
 +
<p class="space20"><div align="justify"><span style ="font-family:Courier New">
 +
<ul>
 +
<li style="list-style-type:circle;">Once thrown on the sidewalk, it takes <b>5 years</b> to be degraded.</li>
 +
<li style="list-style-type:circle;">Chewing gums are dangerous for <b>animals such as birds</b>. They eat its and choke and then die. The <b>xylitol</b>, one of the chewing gum compound used in sugar free gums, is toxic for <b>dogs</b>.</li>
 +
<li style="list-style-type:circle;">Chewing gum is a worldwide problem. Cities spend <b>millions of dollars per year</b> to clean it. </li>
 +
<li style="list-style-type:circle;">A large quantity of <b>water</b> is wasted to clean gum. Moreover, chemical solutions used in the cleaning process are rinsed off and go directly into the ocean. Fishes consume all this pollution and accumulates toxins overtime.</li>
 +
<li style="list-style-type:circle;">When we eat fishes, polymers are reintroduced into the food chain. </li>
 +
</ul> </div></p></span>
 +
 
 +
 
 +
    </div>
 +
    <div class="col-md-5 col-md-offset-1  col-sm-offset-1  space30">
 +
 
 +
                            <img src=http://i.imgur.com/kEwcviI.png" class="img-responsive" width="400" height="400">
 +
                         
 +
 
 +
   
 +
    </div>
 +
    </div>
 +
            <div class="space30"></div>
 +
    </div>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>   
 +
 
 +
    </section>   
 +
      <!-- start social section -->
 +
    <section style="padding:30px 0px;" class="arrow_box" id="ethics">
 +
   
 +
    <div class="container">
 +
    <div class="row">
 +
    <div class="col-md-12 text-center">
 +
<h1 class="blue"><div align ="center">MORE INFORMATION ON FACEBOOK !</div></h1>
 +
                    <ul class="list-inline space80 icon">
 +
                        <li><div align ="center"><a href="https://www.facebook.com/iGEM.AMU?fref=ts"><img src="https://static.igem.org/mediawiki/2015/e/e7/TeamNRP-UEA-Norwich-Layer-8.png" class="img-grey mautomargin"></a></li></div>
 +
                    </ul>
 +
 
 +
                </div>
 +
    </div>
 +
    </div>
 +
 
 +
    </section>
 +
    <div class="clearfix"></div>
 +
      <!-- start sponsors section -->
 +
<section style="padding:50px 0px;" class="arrow_box-2">
 +
       
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 text-center">
 +
                    <h2 class="gray">SPONSORS</h2>
 +
                    <ul class="list-inline space30 icon">
 +
                        <li><a href="#"><img src="http://i.imgur.com/iLFZ36R.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/KlP5G8h.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/EcfF9Kw.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/IaWMSIr.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/ryVz5vv.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/ycgjpR7.jpg" width="225" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/GK5IMdz.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/jUjj2YD.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
                        <li><a href="#"><img src="http://i.imgur.com/wjZ6U1A.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/apuJ5in.jpg" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/5tokNzS.png" width="200" height="100" class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/4jXkcLB.jpg" width="200" height="100"class="img-grey mautomargin"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/PUNXaNj.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/SsgB8IC.jpg" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/m3ieC2R.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/ll3uagr.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/FtFgEFj.png" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
<li><a href="#"><img src="http://i.imgur.com/ocgTw7q.jpg" class="img-grey mautomargin" width="200" height="100"></a></li>
 +
 
 +
 
 +
 
 +
                    </ul>
 +
 
 +
                 
 +
                </div>
 +
 
 +
            </div>
 +
              <div class="space20"></div>
 +
        </div>
 +
 
 +
    </section>
 +
      <!-- start footer -->
 +
    <footer>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-4">
 +
                    <h3>Useful Links</h3>
 +
                    <ul class="f-menu space40">
 +
                          <li><a href="/Team:Aix-Marseille">Home</a></li>
 +
                        <li><a href="https://2015.igem.org/Main_Page">iGEM 2015</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <h3>Contact Us</h3>
 +
                    <ul class="f-menu space40">
 +
                     
 +
                        <br/>
 +
                        <li>Aix Marseille Université</li>
 +
                        <li>Marseille</li>
 +
                        <li>France</li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <div class="f-text">
 +
                        <p class="fsize18 space10">Chew figth project, for the iGEM competition. See you soon in Boston !</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
 
 +
 
 +
    </footer>
 +
 
 +
    <script type="text/javascript">
 +
        $(document).ready(function()  {
 +
       
 +
          var mq = window.matchMedia('(min-width: 768px)');
 +
          if (mq.matches) {
 +
            $('ul.navbar-nav li').addClass('hovernav');
 +
          } else {
 +
            $('ul.navbar-nav li').removeClass('hovernav');
 +
          };
 +
          /*
 +
          The addClass/removeClass also needs to be triggered
 +
          on page resize <=> 768px
 +
          */
 +
          if (matchMedia) {
 +
            var mq = window.matchMedia('(min-width: 768px)');
 +
            mq.addListener(WidthChange);
 +
            WidthChange(mq);
 +
          }
 +
          function WidthChange(mq) {
 +
            if (mq.matches) {
 +
              $('ul.navbar-nav li').addClass('hovernav');
 +
        } else {
 +
              $('ul.navbar-nav li').removeClass('hovernav');
 +
 
 +
            }
 +
          };
 +
         
 +
        });
 +
 
 +
        </script>
 +
</body>
 
</html>
 
</html>

Revision as of 11:08, 12 September 2015

Chew fight

Don't you ever step on a sticky chewing-gum ?!

Nowadays, chewing gum is the second urban pollutant after cigarette butts. To clean chewing gum, specific engines are used but they are heavy and expensive. The time required for its use is long and they need a large quantity of water. Besides economical aspects, chewing gums have an environmental impact. They are dangerous for the wildlife such as birds. Indeed, believing that it is bread, they eat chewing gums and choke. Regarding these alarming facts, we have decided to create a new environmentally- responsible way to sanitize our streets.

Chewing gum pollution is a real problem. From sidewalks to under your desk at school, chewing gums are everywhere!

Do you know ?

Dangerous for life and for the environment !

Chewing gum is made from synthetic plastics called polymers. They do not biodegrade and they cause several problems :

  • Once thrown on the sidewalk, it takes 5 years to be degraded.
  • Chewing gums are dangerous for animals such as birds. They eat its and choke and then die. The xylitol, one of the chewing gum compound used in sugar free gums, is toxic for dogs.
  • Chewing gum is a worldwide problem. Cities spend millions of dollars per year to clean it.
  • A large quantity of water is wasted to clean gum. Moreover, chemical solutions used in the cleaning process are rinsed off and go directly into the ocean. Fishes consume all this pollution and accumulates toxins overtime.
  • When we eat fishes, polymers are reintroduced into the food chain.

MORE INFORMATION ON FACEBOOK !

SPONSORS

Useful Links

Contact Us


  • Aix Marseille Université
  • Marseille
  • France

Chew figth project, for the iGEM competition. See you soon in Boston !