Difference between revisions of "Team:Madrid-OLM"

Line 1: Line 1:
 +
{{Madrid-OLM/1}}
 
<html>
 
<html>
−
<style>  
+
    <style>
 +
        .profile-img{
 +
            width: 90%;
 +
            /*height: 100%;*/
 +
            }
 +
    </style>
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <title>Madrid-OLM</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Wiki of Madrid-OLM iGEM team">       
 +
    </head>
 +
    <body class=" ">
 +
        <a id="start"></a>
 +
        <div class="main-container">
 +
           
 +
            <section class="text-center height-80 imagebg" data-overlay="4">
 +
                <div class="background-image-holder">
 +
                    <img alt="background" src="img/landing-21.jpg" />
 +
                </div>
 +
                <div class="container pos-vertical-center">
 +
                    <div class="row">
 +
                        <div class="col-md-12">
  
−
  #home_logo, #sideMenu { display:none; }
+
                            <img class="border--round" alt="Image" style="max-height: 200px;" src="https://static.igem.org/mediawiki/2018/c/cd/T--Madrid-OLM--verticaLogo.png">
−
  #sideMenu, #top_title, .patrollink  {display:none;}
+
−
  #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
  body {background-color:white; }
+
−
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
                            <div class="typed-headline">
−
</style>
+
                                <span class="h1 inline-block" style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0; color: #fff;">A project about</span>
 +
                                <span class="h1 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="aptamers,microfluidics,the Internet Of Things,the enviroment" style=" font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #252525; font-weight: 300; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0;"></span>
 +
                            </div>
 +
                           
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del video-->
 +
            <section class="video video-1 text-center bg--secondary space--sm">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-md-12">
 +
                            <div class="modal-instance">
 +
                                <div class="video-play-icon video-play-icon--sm modal-trigger box-shadow"></div>
 +
                                <div class="modal-container">
 +
                                    <div class="modal-content bg-dark" data-width="60%" data-height="60%">
 +
                                        <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
 +
                                    </div>
 +
                                    <!--end of modal-content-->
 +
                                </div>
 +
                                <!--end of modal-container-->
 +
                            </div>
 +
                            <!--end of modal instance-->
 +
                            <h2>
 +
                                Seccion donde ponemos el video
 +
                            </h2>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Abstract/explicacion del proyecto-->
 +
            <section class="text-center">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Abstract</h2>
 +
                            <p class="lead">
 +
                                Society demands a better understanding of its environment. We require information about our surroundings, from the traffic density to the temperature distribution in the city we live. Generating and interconnecting this big amount of data is what we call the Internet of Things (IoT). There is no standard way of taking biological measurements within the frame of traditional IoT (i.e. the concentration in the air of viruses, toxins, allergens, etc). It is due to the instability of the reactives, the complexity of automating the laboratory protocols and the need of highly sensitive devices. Additionally, the economic cost of biological devices is remarkably high in comparison to traditional IoT gadgets. And this feature is key, as it is mandatory to extract data from a huge number of nodes. Our project deals with this issue, bringing together microfluidics, aptamer-based sensors, an affordable electrochemical metrological system and a big ammount of love.
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Background">
 +
                                <span class="btn__text">
 +
                                    Origin of the idea
 +
                                </span>
 +
                            </a>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Description">
 +
                                <span class="btn__text">
 +
                                    Description of the proyect
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Resultados-->
 +
            <section class="text-center">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Results</h2>
 +
                            <p class="lead">
 +
                                Descripcion muy breve de results o lo que se nos ocurra (tipo lista con tics).
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Results">
 +
                                <span class="btn__text">
 +
                                    Results Page
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del HP-->
 +
            <section class="text-center">
 +
                <div class="container ">
 +
                    <div class="row justify-content-center ">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Human Practices</h2>
 +
                            <p class="lead">
 +
                                Aqui ponemos dos divisiones para explicar en resumen los 2 HP que hemos hecho. Posibilidad de poner foto como en el meet the team.
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">
 +
                                <span class="btn__text">
 +
                                    HP 1
 +
                                </span>
 +
                            </a>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Human_Practices">
 +
                                <span class="btn__text">
 +
                                    HP 2
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Lab-->
 +
            <section class="text-center">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Lab</h2>
 +
                            <p class="lead">
 +
                                Lab work is the heart of every single iGEM project. Read about our workflow, the methods we used and how we spent most of our time.
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Experiments">
 +
                                <span class="btn__text">
 +
                                    To the lab
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Hardware-->
 +
            <section class="text-center">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Hardware</h2>
 +
                            <p class="lead">
 +
                                Dexripcion breve del hardware
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Hardware">
 +
                                <span class="btn__text">
 +
                                    Hardware
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Awards-->
 +
            <section class="text-center">
 +
                <div class="container">
 +
                    <div class="row justify-content-center">
 +
                        <div class="col-md-10 col-lg-8 boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                            <h2>Awards</h2>
 +
                            <p class="lead">
 +
                                Posible muestra de los premios a los que nos presentamos. Principalmente Hardware, asi que no se si repetirlo o omitir este apartado.
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Hardware">
 +
                                <span class="btn__text">
 +
                                    Hardware
 +
                                </span>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
            </section>
 +
           
 +
            <!--Seccion del Team-->
 +
            <section class="switchable switchable--switch feature-large">
 +
                <div class="container">
 +
                    <div class="row justify-content-around boxed boxed--border bg--secondary boxed--lg box-shadow">
 +
                        <div class="col-md-6 text-center">
 +
                            <img alt="Image" class="profile-img border--round" src="https://static.igem.org/mediawiki/2018/7/72/T--Madrid-OLM--TeamComplete.png"/>
 +
                        </div>
 +
                        <div class="col-md-6 col-lg-6">
 +
                            <h2>Team and our activities</h2>
 +
                            <p class="lead">
 +
                                Here you can meet the team members and all the people who makes this proyect possible. Also you can see how we have collaborate with other teams.
 +
                            </p>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Team">
 +
                                <span class="btn__text">
 +
                                    About the Team
 +
                                </span>
 +
                            </a>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Sponsor">
 +
                                <span class="btn__text">
 +
                                    Sponsors
 +
                                </span>
 +
                            </a>
 +
                            <br/><br/>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Attributions">
 +
                                <span cl    ass="btn__text">
 +
                                    Attributions
 +
                                </span>
 +
                            </a>
 +
                            <a class="btn btn--primary type--uppercase " href="https://2018.igem.org/Team:Madrid-OLM/Collaborations">
 +
                                <span class="btn__text">
 +
                                    Collaborations
 +
                                </span>
 +
                            </a>
 +
                        </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>
 +
{{Madrid-OLM/footer}}

Revision as of 09:40, 9 October 2018

Madrid-OLM

Madrid-OLM
background
Image
A project about

Seccion donde ponemos el video

Abstract

Society demands a better understanding of its environment. We require information about our surroundings, from the traffic density to the temperature distribution in the city we live. Generating and interconnecting this big amount of data is what we call the Internet of Things (IoT). There is no standard way of taking biological measurements within the frame of traditional IoT (i.e. the concentration in the air of viruses, toxins, allergens, etc). It is due to the instability of the reactives, the complexity of automating the laboratory protocols and the need of highly sensitive devices. Additionally, the economic cost of biological devices is remarkably high in comparison to traditional IoT gadgets. And this feature is key, as it is mandatory to extract data from a huge number of nodes. Our project deals with this issue, bringing together microfluidics, aptamer-based sensors, an affordable electrochemical metrological system and a big ammount of love.

Origin of the idea Description of the proyect

Results

Descripcion muy breve de results o lo que se nos ocurra (tipo lista con tics).

Results Page

Human Practices

Aqui ponemos dos divisiones para explicar en resumen los 2 HP que hemos hecho. Posibilidad de poner foto como en el meet the team.

HP 1 HP 2

Lab

Lab work is the heart of every single iGEM project. Read about our workflow, the methods we used and how we spent most of our time.

To the lab

Hardware

Dexripcion breve del hardware

Hardware

Awards

Posible muestra de los premios a los que nos presentamos. Principalmente Hardware, asi que no se si repetirlo o omitir este apartado.

Hardware
Image

Team and our activities

Here you can meet the team members and all the people who makes this proyect possible. Also you can see how we have collaborate with other teams.

About the Team Sponsors

Attributions Collaborations