Difference between revisions of "Team:Madrid-OLM/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{Madrid-OLM}}
+
{{Madrid-OLM/1}}
−
<html>
+
<html lang="en">
−
 
+
    <style>
−
 
+
        .tittle-secc{
−
 
+
            padding-top: 10em !important;
−
<div class="column full_size">
+
        }
−
<h1>Description</h1>
+
    </style>
−
 
+
   
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
    <head>
−
 
+
        <meta charset="utf-8">
−
</div>
+
        <title>Background</title>
−
 
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
 
+
        <meta name="description" content="Site Description Here">
−
 
+
    </head>
−
<div class="column two_thirds_size">
+
    <body class=" ">
−
<h3>What should this page contain?</h3>
+
        <a id="start"></a>
−
<ul>
+
        <div class="main-container">
−
<li> A clear and concise description of your project.</li>
+
            <section class="page-navigator">
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
                <ul>
−
<li>References and sources to document your research.</li>
+
                    <li>
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
                        <a href="#home" class="inner-link" data-title="Home"></a>
−
</ul>
+
                    </li>
−
</div>
+
                    <li>
−
 
+
                        <a href="#Summary" class="inner-link" data-title="Summary"></a>
−
<div class="column third_size" >
+
                    </li>
−
<div class="highlight decoration_A_full">
+
                    <li>
−
<h3>Inspiration</h3>
+
                        <a href="#Production" class="inner-link" data-title="Protein Production"></a>
−
<p>See how other teams have described and presented their projects: </p>
+
                    </li>
−
 
+
                    <li>
−
<ul>
+
                        <a href="#aptamer" class="inner-link" data-title="Aptamer obtention"></a>
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
                    </li>
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
                    <li>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
                        <a href="#hardware" class="inner-link" data-title="Hardware"></a>
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
                    </li>
−
</ul>
+
−
</div>
+
                </ul>
−
</div>
+
            </section>
−
 
+
           
−
 
+
            <section id="home" class="tittle-secc text-center switchable feature-large">
−
 
+
                <div class="container">
−
 
+
                    <div class="row justify-content-around">
−
<div class="column two_thirds_size" >
+
                        <div class="col-md-8 col-lg-8">
−
<h3>Advice on writing your Project Description</h3>
+
                            <h1 id="Teamtittle">The beginnings of the idea</h1>
−
 
+
                        </div>
−
<p>
+
                    </div>
−
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 concise, accurate, and unambiguous in your achievements.
+
                    <!--end of row-->
−
</p>
+
                </div>
−
 
+
                <!--end of container-->
−
</div>
+
            </section>
−
 
+
           
−
<div class="column third_size">
+
            <section id="Summary" class="text-center">
−
<h3>References</h3>
+
                <div class="container">
−
<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 thought about your project and what works inspired you.</p>
+
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
−
 
+
                        <div class="col-md-10 col-lg-10">
−
</div>
+
                            <h2>Internet of things</h2>
−
 
+
                            <p class="lead">
−
 
+
                                Explicacion cerrada y completa del proyecto (de lo mas grande, aplicacion final a lo mas pequeño).
−
 
+
                                Se expone que para poder realizar este trabajo se necesita trabajar en 3 actividades diferentes, produccion de la proteina, obtencion (y mejora del aptamero) y hardware para poder medir.
−
 
+
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <section id="Production" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Protein Production</h2>
 +
                            <p class="lead">
 +
                                Explicacion de como se deberia producir las proteinas, los problemas que tuvimos y porque lo dejamos de lado (con las soluciones de tener ya proteina purificada)
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <section id="aptamer" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Aptamer obtention</h2>
 +
                            <p class="lead">
 +
                                Explicacion del proceso de obtencion del aptamero y su posterior mejora. Se pondran desde aqui los links a las paginas de contenido resultantes de este apartado (explicacion del Elona, las columnas, los resultados ese tipo de cosas)
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <section id="hardware" class="text-center">
 +
                <div class="container">
 +
                    <div class="row boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-10 col-lg-10">
 +
                            <h2>Hardware</h2>
 +
                            <p class="lead">
 +
                                Explicacion sencilla de porque es necesario el hardware para unir todo, descripcion de las diferentes partes en las que se ha trabajado y enlace al apartado propio de hardware
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
  
 +
           
 +
                     
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
  
 +
    </body>
 
</html>
 
</html>
 +
{{Madrid-OLM/footer}}

Revision as of 12:56, 24 September 2018

Madrid-OLM

Background

The beginnings of the idea

Internet of things

Explicacion cerrada y completa del proyecto (de lo mas grande, aplicacion final a lo mas pequeño). Se expone que para poder realizar este trabajo se necesita trabajar en 3 actividades diferentes, produccion de la proteina, obtencion (y mejora del aptamero) y hardware para poder medir.

Protein Production

Explicacion de como se deberia producir las proteinas, los problemas que tuvimos y porque lo dejamos de lado (con las soluciones de tener ya proteina purificada)

Aptamer obtention

Explicacion del proceso de obtencion del aptamero y su posterior mejora. Se pondran desde aqui los links a las paginas de contenido resultantes de este apartado (explicacion del Elona, las columnas, los resultados ese tipo de cosas)

Hardware

Explicacion sencilla de porque es necesario el hardware para unir todo, descripcion de las diferentes partes en las que se ha trabajado y enlace al apartado propio de hardware