Team:Virtus-Parva Mexico/Attributions

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{Team:VirtusParva/MainCss}}
{{Team:VirtusParva/MainCss}}
-
 
<html>
<html>
-
 
+
    <head>
-
 
+
          <title>Virtus Parva</title>
-
<!-- this section changes the default wiki template to a
+
    </head>
-
white full width background -->
+
<body>
-
 
+
<style>
<style>
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
</style>
</style>
-
<!--  here ends the section that changes the default wiki  
+
<!--  here ends the section that changes the default wiki template to a white full width background -->
-
template to a white full width background -->
 
-
</html>
+
<!-- beginning of your page -->
-
{{Team:VirtusParva/MainCss}}
+
<!-- menu -->
 +
<table id="menu" width="100%" height="135px" border="1">
 +
  <tr>
 +
    <td></td>
 +
    <td valign="center"  width="975px" align="center">
 +
        <table align="center" border="1">
-
<html>
+
  <tr height="50px">
-
<!-- beginning of your page -->
+
    <td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#FFFFFF>
 +
    <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico" style="text-decoration:none;color:#1C140D"><img  src="https://static.igem.org/mediawiki/2014/a/a0/Virtus_Parva_Logo_corto.png" style="width:100px;height:"auto""</img> </a> </td>  
-
<body>
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Project" style="text-decoration:none;color:#1C140D">PROJECT</a> </td>
-
    <!-- Begin Cover -->
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
-
    <div class="site-wrapper">
+
<a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Team" style="text-decoration:none;color:#1C140D">THE CREW</a> </td>
 +
<td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> 
 +
<a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Notebook" style="text-decoration:none;color:#1C140D">WETLAB</a> </td>
-
        <nav class="navbar navbar-default navbar-fixed-top" role="banner">
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>  
-
            <div class="container">
+
<a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Parts" style="text-decoration:none;color:#1C140D">HUMAN PRACTICES</a></td>  
-
                <div class="navbar-header">
+
-
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-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 href="https://2014.igem.org/Team:Virtus-Parva_Mexico" class="navbar-brand">
+
-
                        <img src="https://static.igem.org/mediawiki/2014/f/f6/Para_boton.jpg" alt="Virtus Parva Home" height="20px" width="150px"></a>
+
-
                </div>
+
-
                <nav class="collapse navbar-collapse" role="navigation">
+
-
                    <ul class="nav navbar-nav">
+
-
                        <li>
+
-
                            <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Project">Project</a>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Parts">Outcomes</a>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Team">Our Team</a>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Safety">Safety</a>
+
-
                        </li>
+
-
                        <li>
+
-
                            <a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Attributions">Human Practices</a>
+
-
                        </li>
+
-
                    </ul>
+
-
                </nav>
+
-
            </div>
+
-
        </nav>
+
-
    <div id="masthead">
+
<td width="162px" align="center" onMouseOver="this.bgColor='#BCD630'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
-
        <div class="container">
+
<a href="https://2014.igem.org/Team:Virtus-Parva_Mexico/Attributions" style="text-decoration:none;color:#1C140D">ATTRIBUTIONS</a></td>
-
            <div class="row">
+
</tr>
-
                <div class="col-md-7">
+
-
                    <h1>Attributions
+
-
         
+
-
                        <p class="lead"><i>The Next Generation in Molecular Machinery</i>  
+
-
</p>
+
-
                    </h1>
+
-
                </div>
+
-
            </div>
+
<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>  
-
        <!--/container-->
+
</tr>
-
    </div>
+
</table>
-
    <!--/masthead-->
+
 
 +
</td>
 +
<td  bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
 
 +
<!-- end of menu -->
 +
 
 +
 
 +
<!-- First block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="500px" border="1">
 +
  <tr>
 +
    <td><video autoplay width=100% height="auto"><source src="https://static.igem.org/mediawiki/2014/6/69/Team_Virtus_Parva_Logo_Video.ogg" type="video/ogg"></video></td>
 +
</tr>
 +
</table>
 +
<!-- end of first block -->
 +
 
 +
<!--  Block of content 1 -->
 +
<table width="100%"  cellspacing="0" height="500px" border="1">
 +
<tr><td  bgColor="#BCD630"></td>
 +
<td width="975px" align="center" bgColor="#BCD630" >
 +
<table  width="975px"  cellspacing="0" height="500px" border="1">
 +
<tr>
 +
 
 +
<td width="95%" bgColor="#BCD630"  rowspan="3" align="center">
 +
 
 +
<!-- Content goes here -->
 +
 
 +
<h1>Attributions</h1>
 +
 
 +
<p>Saying it is a ten person team, is not enough. Because all we've reached is thanks to the sum of efforts of all people who have supported us along the process.</p>
 +
 
 +
</td> 
 +
 
 +
 
 +
<!-- This is the back to top button -->
 +
<td bgColor=#BCD630> </td>
 +
<tr><td bgColor=#BCD630></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
 +
 
 +
 
 +
</td>
 +
<td bgColor="#BCD630"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 
 +
 
 +
 
 +
<!--  Block of content 2 -->
 +
<table width="100%"  cellspacing="0" height="500px" border="1">
 +
<tr>
 +
<td  bgColor="#355079"></td>
 +
<td width="975px" align="center" bgColor="#355079" >
 +
 
 +
<table  width="975px"  cellspacing="0" height="500px" border="1">
 +
<tr>
 +
<td width="95%" bgColor="#355079"  rowspan="3" align="center">
 +
 
 +
<video controls width="100%" height="auto">
 +
                        <source src="https://static.igem.org/mediawiki/2014/3/35/Virtus_Parva_Animacion_home_erika.ogg" type="video/ogg">
 +
                    </video>
 +
 
 +
 
 +
 
 +
</td> 
 +
 
 +
 
 +
<!-- This is the back to top section -->
 +
<td bgColor=#355079> </td>
 +
<tr><td bgColor=#355079></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="#355079"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 
 +
 
 +
 
 +
<!--  Block of content 3 -->
 +
<table width="100%"  cellspacing="0" height="500px" border="1">
 +
<tr>
 +
<td  bgColor="#8AAA3D"></td>
 +
<td width="975px" align="center" bgColor="#8AAA3D" >
 +
 
 +
<table  width="975px"  cellspacing="0" height="500px" border="1">
 +
<tr>
 +
<td width="95%" bgColor="#8AAA3D"  rowspan="3" align="center">  
-
    <!--main-->
+
<!-- Content goes here -->
-
    <div class="container">
+
-
        <div class="row">
+
-
            <!--left-->
+
-
            <div class="col-md-3" id="leftCol">
+
-
                <ul class="nav nav-stacked" id="sidebar">
+
-
                    <li><a href="#sec1">Project Overview</a></li>
+
-
                    <li><a href="#sec2">The Idea</a></li>
+
-
                    <li><a href="#sec3">The Making</a></li>
+
-
                </ul>
+
-
            </div>
+
-
            <!--/left-->
+
-
            <!--right-->
 
-
            <div class="col-md-9">
 
<--! ESTO ES DEL SLIDER -->
<--! ESTO ES DEL SLIDER -->
Line 115: Line 163:
<--! FIN SLIDER -->
<--! FIN SLIDER -->
-
                <!-- Inicia Seccion 1 -->
 
-
                <h2 id="sec1">escribir algo</h2>
 
-
                <div class="well">
 
-
                  <p>no hay nada aun</p>
 
-
                </div>
 
-
                <div class="row">
 
-
                    <!-- Inicia Subseccion 1 -->
 
-
                    <div class="col-md-12">
 
-
                        <div class="panel panel-default">
 
-
                            <div class="panel-heading">
 
-
                                <h3>something goes right here</h3>
 
-
                            </div>
 
-
                            <div class="panel-body">
 
-
                               
 
-
body of whatever it it that i write
 
-
                            </div>
+
<p>
-
                        </div>
+
-
                    </div>
+
-
                    <!-- Fin Subseccion 1 -->
+
-
                    </div>
+
</p>
 +
</td> 
-
                <hr>
 
-
                <!-- Fin Seccion 1 -->
 
 +
<!-- This is the back to top section -->
 +
<td bgColor=#8AAA3D </td>
 +
<tr><td bgColor=#8AAA3D></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>
-
                <!-- Inicia Seccion 2 -->
+
</table>
-
                <h2 id="sec2">The Idea</h2>
+
-
                <p>
+
-
                    The basis for these “drills” will be NEMS, nano electro-mechanical systems, technology.<br> We took a survey to fellow iGEMers and external people in order to find out how many people knew about the existence of NEMS and if they knew how they worked. Turns out only 36% of survey takers had heard of the term before and of those, only 28% knew what it was!<br><br> Given these statistics, it became part of our project to teach newer generations about our subject.
+
-
                </p>
 
-
                <div class="row">
 
-
                    <div class="col-md-6">
 
-
                        <div class="panel panel-default">
 
-
                            <div class="panel-heading">
 
-
                                <h3>NEMS</h3>
 
-
                            </div>
 
-
                            <div class="panel-body">
 
-
                                NEMS are nanometric electromechanical systems. In this case we take as basis the structure of a resonator which are engineered to make a conversión between energy, such as electric, magnetic, or vibrational into mechanical response.
 
-
<br>
 
-
<br>
 
-
How exactly do NEMS come into play in our project?
 
-
<br>
 
-
<br>
 
-
Well, by combining an inorganically synthesized nanoparticle, called magnetite and DNA into what we call BioNEMS drill.
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                    <div class="col-md-6">
 
-
                        <div class="panel panel-default">
 
-
                            <div class="panel-heading">
 
-
                                <h3>DNA Coiling into Chromosomes</h3>
 
-
                            </div>
 
-
                            <div class="panel-body">
 
-
                                Contenido subtitulo 2
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
                <hr>
+
</td>
-
                <!-- Fin Seccion 2 -->
+
<td bgColor="#8AAA3D"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 
 +
 
 +
 
 +
<!-- 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="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
 
 +
</table>
 +
</td>
 +
<td bgColor="#F45D4C"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
-
                <!-- Inicia Seccion 3 -->
 
-
                <h2 id="sec3">The Making</h2>
 
-
                <p>
 
-
                    Descripcion general de Seccion 3
 
-
                </p>
 
-
                <div class="row">
 
-
                    <div class="col-md-6">
 
-
                        <div class="panel panel-default">
 
-
                            <div class="panel-heading">
 
-
                                <h3>Inorganic Section</h3>
 
-
                            </div>
 
-
                            <div class="panel-body">
 
-
                                The first part of the synthesis of our magnetite was trying out different methods and characterizing them, to note which method had given us the smallest size nanoparticles. Our first method was synthesis by coprecipitation, of which we prepared nine samples with different concentrations of iron(II) chloride and ammonium hydroxide; from this method we consistently obtained nanoparticles rounding 0.9 to 1nm. Our following method was very similar, but included water in the synthesis: the size of our particles would vary greatly, from 3.89 micrometers to 171 nanometers in size.
 
-
<br>
 
-
<br>
 
-
After choosing the best method possible, it was time to silanize our magnetite in order for it to be biocompatible with DNA and be able to tie them together. In order for the silanization to take place, we used a solution of TEOS (tetraethoxysilane) dispersed in a medium of water and propanol and dripped this mix slowly onto our magnetite. Just like when we synthesized our particles, we tested different concentrations of TEOS and magnetite, as well as different addition rates in order to observe which combination would give us the smallest possible nanoparticles.
 
-
<br>
 
-
<br>
 
-
Our results were then characterized by DLS (dynamic light scattering), for which we observed a peak at 39 nm, once coated with TEOS, the peak was moved toward 60 and 80 nm. We also ran our two samples in the IR, comparing the spectra of the pure magnetite and silanized magnetite, we were able to distinguish a peak at 990.2 cm^-1 corresponding to a Si-O bond, confirming the correct silanization of the magnetite. 
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                    <div class="col-md-6">
 
-
                        <div class="panel panel-default">
 
-
                            <div class="panel-heading">
 
-
                                <h3>Biological Section</h3>
 
-
                            </div>
 
-
                            <div class="panel-body">
 
-
                                Soon..
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
                <hr>
 
-
                <!-- Fin Seccion 3 -->
 
-
            </div>
 
-
            <!--/right-->
 
-
        </div>
 
-
        <!--/row-->
 
-
    </div>
 
-
    <!--/container-->
 
</body>
</body>
</html>
</html>

Revision as of 05:44, 17 October 2014

Virtus Parva

Attributions

Saying it is a ten person team, is not enough. Because all we've reached is thanks to the sum of efforts of all people who have supported us along the process.
Top
Top
<--! ESTO ES DEL SLIDER -->
<--! FIN SLIDER -->

Top
Top

Retrieved from "http://2014.igem.org/Team:Virtus-Parva_Mexico/Attributions"