Team:EPF Lausanne test

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 11: Line 11:
<!-- menu -->
<!-- menu -->
-
<table id="menu" width="100%" cellspacing="0" height="135px">
+
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
-
<tr>
+
        <div class="container">
-
<td  bgColor="#FFFFFF"></td>
+
            <div class="navbar-header">
-
<td valign="bottom" width="975px" align="center" bgColor="#FFFFFF">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <a class="navbar-brand" href="http://https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="50" /></a>
 +
            </div>
-
<table align="center">
+
            <!-- Collect the nav links, forms, and other content for toggling -->
-
<tr height="50px">
+
            <div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
+
                <ul class="nav navbar-nav">
-
<a href="https://2014.igem.org/WikitemplateB_home"style="text-decoration:none;color:#1C140D">HOME </a> </td>  
+
                    <li><a href="#about">Home</a>
 +
                    </li>
 +
                    <li><a href="#services">Project</a>
 +
                    </li>
 +
                    <li><a href="#contact">Parts</a>
 +
                    </li>
 +
                    <li><a href="#contact">Team</a>
 +
                    </li>
 +
                    <li><a href="#contact">Notebook</a>
 +
                    </li>
 +
                    <li><a href="#contact">Safety</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
    <div class="intro-header">
-
<a href="https://2014.igem.org/WikitemplateB_project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
        <div class="container">
-
<a href="" style="text-decoration:none;color:#1C140D">PARTS</a></td>  
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
+
            <div class="row">
-
<a href="" style="text-decoration:none;color:#1C140D">TEAM </a> </td>
+
                <div class="col-lg-12">
 +
                    <div class="intro-message">
 +
                        <h1>BioPad</h1>
 +
                        <hr class="intro-divider">
 +
                        <h3>EPFL</h3>
 +
                        <ul class="list-inline intro-social-buttons">
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
                        </ul>
-
<a href="" style="text-decoration:none;color:#1C140D">NOTEBOOK </a> </td>
+
                    </div>
 +
                </div>
 +
            </div>
-
<td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
        </div>
-
<a href="" style="text-decoration:none;color:#1C140D">SAFETY </a></td>
+
        <!-- /.container -->
-
</tr>
+
-
<tr> <td colspan="5"></td>  
+
    </div>
-
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
+
    <!-- /.intro-header -->
-
</tr>
+
-
</table>
+
-
</td>
+
    <div class="content-section-a">
-
<td  bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of menu -->
+
 +
        <div class="container">
-
<!-- First block of content -->
+
            <div class="row">
-
<table  id="firstblock" width="100%" cellspacing="0" height="500px">
+
                <div class="col-lg-5 col-sm-6">
-
<tr>
+
                    <hr class="section-heading-spacer">
-
<td  bgColor="#FFFFFF"></td>
+
                    <div class="clearfix"></div>
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
                    <h2 class="section-heading">The Bio Pad Project</h2>
 +
                    <p class="lead">This year’s EPFL iGEM team is designing the world’s first “Bio Pad”: a biological trackpad that will allow users to control a computer via a “living” interface.
 +
                        <br /><br />
 +
                        Our project aims to deliver a solid Proof of Concept for biological track pad, with applications ranging from the study of genes to novel ways to screen for drugs.</p>
 +
                </div>
 +
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/5/54/Campus.png" alt="">
 +
                </div>
 +
            </div>
-
<!-- You can replace this image with your team's logo! -->
+
        </div>
-
<img src="https://static.igem.org/mediawiki/2014/0/06/BioPad.png" width="500px">
+
        <!-- /.container -->
-
<h3>Welcome! <br> We are Team EPFL! </h3>
+
-
<p>Scroll down to find more about our project! </p>
+
-
</td>
+
    </div>
-
<td bgColor="#FFFFFF"></td>
+
    <!-- /.content-section-a -->
-
</tr>
+
-
</table>
+
-
<!-- end of first block -->
+
 +
    <div class="content-section-b">
 +
        <div class="container">
-
<!-- Block of content 1 -->
+
            <div class="row">
-
<table width="100%" cellspacing="0" height="500px">
+
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
-
<tr><td  bgColor="#FEE5AD"></td>
+
                    <hr class="section-heading-spacer">
-
<td width="975px" align="center" bgColor="#FEE5AD" >
+
                    <div class="clearfix"></div>
-
<table  width="975px" cellspacing="0" height="500px">
+
                    <h2 class="section-heading">Touch Pad</h2>
-
<tr>
+
                    <p class="lead">Our Touch Pad will be the first biological track pad. The pad itself will need nothing else than a little water and nutriments to be operational. The EPFL Bio touch pad aims to be a proof of concept for the introduction of biological components in engineering. As such, futuristic applications of this technology include a substitute to “traditional” touch pads. This could have an economic and ecological impact as indium oxide, the main component of today’s touch screens, is being rapidly depleted (some estimate depletion by 2030).</p>
 +
                </div>
 +
                <div class="col-lg-5 col-sm-pull-6  col-sm-6">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/77/Microflu.jpg" alt="">
 +
                </div>
 +
            </div>
-
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="center">  
+
        </div>
 +
        <!-- /.container -->
-
<!-- Content goes here -->
+
    </div>
 +
    <!-- /.content-section-b -->
-
<!-- Google Calendar -->
+
    <div class="content-section-a">
-
<iframe src="https://www.google.com/calendar/embed?src=2uie7evdhbncnvevqhkba4aad0%40group.calendar.google.com&ctz=Europe/Zurich" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
+
-
<h3>Our Calendar :)</h3>
+
        <div class="container">
-
<p>This is our google calendar !</p>
+
-
</td> 
+
 +
            <div class="row">
 +
                <div class="col-lg-5 col-sm-6">
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">
 +
                        Drug Screening</h2>
 +
                    <p class="lead">One of the applications of the EPFL Bio Touch pad is drug screening. This is because
 +
it could allow researchers to track the activation of certain pathways by luminescence.
 +
Thanks to our light detection and localization system, researchers could screen small
 +
molecule libraries in a fast, fully automated, and cheap way. We could apply this concept to find molecules that could affect the biological pathway used for our Bio Pad
 +
project.
 +
</p>
 +
                </div>
 +
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/9/94/Drugscreening.jpg" alt="">
 +
                </div>
 +
            </div>
-
<!-- This is the back to top button -->
+
        </div>
-
<td bgColor=#FEE5AD> </td>
+
        <!-- /.container -->
-
<tr><td bgColor=#FEE5AD></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
 +
    </div>
 +
    <!-- /.content-section-a -->
-
</td>
 
-
<td bgColor="#FEE5AD"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
-
 
+
    <footer>
-
 
+
        <div class="container">
-
<!--  Block of content 2 -->
+
            <div class="row">
-
<table width="100%"  cellspacing="0" height="500px">
+
                <div class="col-lg-12">
-
<tr>
+
                    <ul class="list-inline">
-
<td  bgColor="#FACA66"></td>
+
                        <li><a href="#home">Home</a>
-
<td width="975px" align="center" bgColor="#FACA66" >
+
                        </li>
-
 
+
                        <li class="footer-menu-divider">&sdot;</li>
-
<table  width="975px"  cellspacing="0" height="500px">
+
                        <li><a href="#about">About</a>
-
<tr>
+
                        </li>
-
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
+
                        <li class="footer-menu-divider">&sdot;</li>
-
 
+
                        <li><a href="#contact">Contact</a>
-
<!-- Content goes here -->
+
                        </li>
-
 
+
                    </ul>
-
 
+
                    <p class="copyright text-muted small">Copyright &copy; iGEM EPFL 2014. All Rights Reserved</p>
-
 
+
                </div>
-
</td> 
+
            </div>
-
 
+
        </div>
-
 
+
    </footer>
-
<!-- This is the back to top section -->
+
-
<td bgColor=#FACA66> </td>
+
-
<tr><td bgColor=#FACA66></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
+
-
 
+
-
</td>
+
-
<td bgColor="#FACA66"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
 
+
-
<!--  Block of content 3 -->
+
-
<table width="100%"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td  bgColor="#F7A541"></td>
+
-
<td width="975px" align="center" bgColor="#F7A541" >
+
-
 
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
+
-
 
+
-
<!-- Content goes here -->
+
-
 
+
-
 
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#F7A541> </td>
+
-
<tr><td bgColor=#F7A541></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
 
+
-
 
+
-
</td>
+
-
<td bgColor="#F7A541"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
<!--  Block of content 4 -->
+
-
<table width="100%"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td  bgColor="#F45D4C"></td>
+
-
<td width="975px" align="center" bgColor="#F45D4C" >
+
-
 
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="center">
+
-
<!-- Content goes here -->
+
-
 
+
-
 
+
-
 
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#F45D4C> </td>
+
-
<tr><td bgColor=#F45D4C ></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
</td>
+
-
<td bgColor="#F45D4C"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
 
+
-
<!-- Final block of content -->
+
-
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
+
-
<tr>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
 
+
-
<p>Here you can place the logos of your sponsors or other links!</p>
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of final block -->
+
</html>
</html>

Latest revision as of 15:36, 7 July 2014

BioPad

EPFL

The Bio Pad Project

This year’s EPFL iGEM team is designing the world’s first “Bio Pad”: a biological trackpad that will allow users to control a computer via a “living” interface.

Our project aims to deliver a solid Proof of Concept for biological track pad, with applications ranging from the study of genes to novel ways to screen for drugs.

Touch Pad

Our Touch Pad will be the first biological track pad. The pad itself will need nothing else than a little water and nutriments to be operational. The EPFL Bio touch pad aims to be a proof of concept for the introduction of biological components in engineering. As such, futuristic applications of this technology include a substitute to “traditional” touch pads. This could have an economic and ecological impact as indium oxide, the main component of today’s touch screens, is being rapidly depleted (some estimate depletion by 2030).

Drug Screening

One of the applications of the EPFL Bio Touch pad is drug screening. This is because it could allow researchers to track the activation of certain pathways by luminescence. Thanks to our light detection and localization system, researchers could screen small molecule libraries in a fast, fully automated, and cheap way. We could apply this concept to find molecules that could affect the biological pathway used for our Bio Pad project.

Retrieved from "http://2014.igem.org/Team:EPF_Lausanne_test"