Difference between revisions of "Team:TecCEM"

(Undo revision 251612 by Joellara (talk))
Line 1: Line 1:
 +
{{TecCEM/Header}}
 
<html>
 
<html>
−
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
 
−
<link href="https://2018.igem.org/Template:TecCEM/Style?action=raw&ctype=text/css" rel="stylesheet">
 
 
<style>
 
<style>
−
     html {
+
     #main-container span.bottom {
−
         position: relative;
+
         background-color: white;
−
         min-height: 100%;
+
         vertical-align: middle;
 +
        margin: 0 !important;
 
     }
 
     }
−
     .footer {
+
 
 +
     #main-container {
 +
        height: 100vh !important;
 +
        width: 100vw;
 
         position: relative;
 
         position: relative;
−
         bottom: -20px;
+
         margin: 0;
 +
        padding: 0;
 +
        display: flex;
 +
        justify-content: center;
 +
        flex-direction: column;
 +
        align-items: center;
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
    }
 +
 
 +
    #main-container #backgr,
 +
    #main-container #firstCover {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 
         width: 100%;
 
         width: 100%;
−
         height: 60px;
+
         height: 100%;
−
        /* Set the fixed height of the footer here */
+
−
        line-height: 60px;
+
−
        /* Vertically center the text there */
+
−
        background-color: #f5f5f5;
+
 
     }
 
     }
  
−
     #globalWrapper {
+
     #main-container #backgr {
−
         padding-bottom: 0px !important;
+
         background-color: black;
 
     }
 
     }
  
−
</style>
+
    #main-container #firstCover {
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
        pointer-events: none;
 +
    }
  
−
<head>
+
    #main-container #Small1Cell {
−
     <meta charset="utf-8">
+
        top: 10%;
−
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
        left: 45%;
−
</head>
+
        transform: translate(-50%, -50%);
−
<nav class="navbar navbar-expand-lg sticky-top navbar-light" id="navbarContainer">
+
        width: 5%;
−
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTecCEM" aria-controls="navbarTecCEM"
+
        height: auto;
−
         aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+
        position: absolute;
−
    <div class="collapse navbar-collapse" id="navbarTecCEM">
+
     }
−
        <ul class="navbar-nav nav-fill w-75 ml-auto">
+
 
−
            <li class="nav-item">
+
    #main-container #Small1Cell *,
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM">Home </a>
+
     #main-container #Small2Cell *,
−
            </li>
+
    #main-container #Small3Cell *,
−
            <li class="nav-item dropdown">
+
    #main-container #Small4Cell *,
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarProject" role="button"
+
    #main-container #Big1Cell *,
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
+
    #main-container #Big2Cell * {
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarProject">
+
        position: absolute;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Description">Description</a>
+
        left: 50%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Design">Design</a>
+
        top: 50%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Results">Results</a>
+
        transform: translate(-50%, -50%);
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Experiments">Experiments</a>
+
    }
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
+
 
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
+
    #main-container #Small2Cell {
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/InterLab">InterLab</a>
+
        left: 25%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
+
        top: 25%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Demonstrate">Demonstrate</a>
+
        transform: translate(-50%, -50%);
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Improve">Improve</a>
+
        width: 5%;
−
                </div>
+
        height: auto;
−
            </li>
+
        position: absolute;
−
            <li class="nav-item dropdown">
+
    }
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarParts" role="button"
+
 
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
+
 
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarParts">
+
    #main-container #Small3Cell {
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Parts">Parts</a>
+
        left: 30%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Basic_Part">Basic Part</a>
+
        top: 80%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Composite_Part">Composite
+
        transform: translate(-50%, -50%);
−
                        Part</a>
+
        width: 5%;
−
                </div>
+
        height: auto;
−
            </li>
+
        position: absolute;
−
            <li class="nav-item dropdown">
+
    }
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarHP" role="button"
+
 
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
+
    #main-container #Small4Cell {
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarHP">
+
        left: 60%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Human_Practices">Human Practices</a>
+
        top: 80%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Public_Engagement">Public
+
        transform: translate(-50%, -50%);
−
                        Engagement</a>
+
        width: 5%;
−
                </div>
+
        height: auto;
−
            </li>
+
        position: absolute;
−
            <li class="nav-item">
+
    }
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Notebook">Notebook</a>
+
 
−
            </li>
+
    #main-container #Big1Cell {
−
            <li class="nav-item dropdown">
+
        left: 75%;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarTeam" role="button"
+
        top: 10%;
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
+
        transform: translate(-50%, -50%);
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarTeam">
+
        width: 5%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Team">Team Members</a>
+
        height: auto;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Collaborations">Collaborations</a>
+
        position: absolute;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Attributions">Attributions</a>
+
    }
−
                </div>
+
 
−
            </li>
+
    #main-container #Big2Cell {
−
            <li class="nav-item">
+
        left: 85%;
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Safety">Safety</a>
+
        top: 80%;
−
            </li>
+
        transform: translate(-50%, -50%);
−
            <li class="nav-item">
+
        width: 5%;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarAwards" role="button"
+
        height: auto;
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Awards</a>
+
        position: absolute;
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarAwards">
+
    }
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
+
 
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
+
    #main-container #CenterCell {
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Measurement">Measurement</a>
+
        top: 50%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
+
        left: 50%;
−
                </div>
+
        transform: translate(-50%, -50%);
−
             </li>
+
        width: 75%;
−
         </ul>
+
        height: auto;
 +
        position: absolute;
 +
     }
 +
 
 +
    #main-container #button {
 +
        position: absolute;
 +
        top: 50%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5vw;
 +
        height: 5vw;
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
        border-radius: 100%;
 +
        z-index: 666;
 +
    }
 +
 
 +
    #main-container p,
 +
    #main-container h1 {
 +
         mix-blend-mode: difference;
 +
        max-width: 65%;
 +
    }
 +
 
 +
    #main-container p {
 +
        color: white !important;
 +
    }
 +
 
 +
    #main-container .bottom {
 +
        mix-blend-mode: difference;
 +
    }
 +
 
 +
    #main-container h1 {
 +
        -webkit-text-stroke-color: white !important;
 +
    }
 +
 
 +
    #main-container span.bottom.project {
 +
        background-color: #ff1558;
 +
    }
 +
 
 +
    #main-container span.bottom.team {
 +
        background-color: #17cc46;
 +
    }
 +
 
 +
    #main-container span.bottom.safety {
 +
        background-color: #ef6fca;
 +
    }
 +
 
 +
    #main-container span.bottom.notebook {
 +
        background-color: #0000ff;
 +
    }
 +
 
 +
    #main-container span.bottom.awards {
 +
        background-color: #ffdb27;
 +
    }
 +
 
 +
    #main-container span.bottom.parts {
 +
        background-color: #ff9d33;
 +
    }
 +
 
 +
    #main-container span.bottom.human-practices {
 +
        background-color: #0aa38c;
 +
    }
 +
</style>
 +
<div class="container-fluid" id="main-container">
 +
    <div id="backgr"></div>
 +
    <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
 +
    <a href="https://2018.igem.org/Team:TecCEM/Description" id="Small1Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Project" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/2/2a/T--TecCEM--CellSmall1.png" alt="Small1 Cell">
 +
        <span class="bottom project">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Safety" id="Small2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Safety" tabindex="0">
 +
        <img src="https://static.igem.org/mediawiki/2018/c/c7/T--TecCEM--CellSmall2.png" alt="Small2 Cell">
 +
        <span class="bottom safety">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Notebook" id="Small3Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Notebook" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/b/b5/T--TecCEM--CellSmall3.png" alt="Small3 Cell">
 +
        <span class="bottom notebook">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Awards" id="Small4Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Awards" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1b/T--TecCEM--CellSmall4.png" alt="Small4 Cell">
 +
        <span class="bottom awards">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Parts" id="Big1Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Parts" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/6/62/T--TecCEM--CellBig1.png" alt="Big1 Cell">
 +
        <span class="bottom parts">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Human_Practices" id="Big2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Human Practices" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/7/7b/T--TecCEM--CellBig2.png" alt="Big2 Cell">
 +
        <span class="bottom human-practices">
 +
        </span>
 +
    </a>
 +
    <div id="firstCover"></div>
 +
    <div id="button"></div>
 +
    <h1>One person suffers from a burn injury every five minutes in Mexico.</h1>
 +
    <p>Accidents and burns are preventable occurrences that generate high mortality and disability. So it is
 +
        necessary to create a form of prevention and, of course, treatments for burn related incidents.</p>
 +
    <span class="bottom"></span>
 +
    <p class="text-center">Scroll down</p>
 +
</div>
 +
<div class="container first-container">
 +
    <div class="row">
 +
        <div class="col">
 +
            <h1>Abstract</h1>
 +
            <p>The percentage of the Mexican population that can afford a treatment for second-degree burn injuries is
 +
                low since they demand a large spend when treated. Representing the third cause of infant mortality in
 +
                Mexico, it stands for an urgent issue to assess. This project approaches such problematics with the
 +
                design of a multi-glycopeptide scaffold and the recombinant growth factor Leptin B to induce fibroblast
 +
                proliferation. Nanoencapsulation was employed to ensure proper delivery and distribution. Growth
 +
                measurements were evaluated through cell image analysis and lactate dehydrogenase activity as an
 +
                indirect indicator, obtained from the culture medium in the MiniSkin Simulator, which is a hardware to
 +
                test molecules in a 3D culture. This system could enhance tissue regeneration, minimizing infection
 +
                risks and treatment lapses for affected patients with second-degree burns.p>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div class="container">
 +
    <div class="row">
 +
        <div class="col">
 +
            <h1>Why</h1>
 +
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra congue mi, nec volutpat tortor
 +
                consectetur nec. Sed maximus turpis id posuere aliquet. Aliquam eros nibh, molestie in nibh aliquet,
 +
                mattis maximus mauris. Duis vitae sapien vestibulum, consequat odio a, pretium magna. Mauris pharetra,
 +
                elit id faucibus venenatis, nulla eros luctus justo, eget fermentum lectus felis non quam. Etiam varius
 +
                augue pharetra ipsum volutpat, sed bibendum velit accumsan. Etiam eget felis vitae nisi auctor
 +
                bibendum. </p>
 +
         </div>
 
     </div>
 
     </div>
−
</nav>
+
</div>
  
 
</html>
 
</html>
 +
{{TecCEM/JsHome}}
 +
{{TecCEM/Footer}}

Revision as of 21:40, 11 October 2018

Center Cell Small1 Cell Small2 Cell Small3 Cell Small4 Cell Big1 Cell Big2 Cell

One person suffers from a burn injury every five minutes in Mexico.

Accidents and burns are preventable occurrences that generate high mortality and disability. So it is necessary to create a form of prevention and, of course, treatments for burn related incidents.

Scroll down

Abstract

The percentage of the Mexican population that can afford a treatment for second-degree burn injuries is low since they demand a large spend when treated. Representing the third cause of infant mortality in Mexico, it stands for an urgent issue to assess. This project approaches such problematics with the design of a multi-glycopeptide scaffold and the recombinant growth factor Leptin B to induce fibroblast proliferation. Nanoencapsulation was employed to ensure proper delivery and distribution. Growth measurements were evaluated through cell image analysis and lactate dehydrogenase activity as an indirect indicator, obtained from the culture medium in the MiniSkin Simulator, which is a hardware to test molecules in a 3D culture. This system could enhance tissue regeneration, minimizing infection risks and treatment lapses for affected patients with second-degree burns.p>

Why

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra congue mi, nec volutpat tortor consectetur nec. Sed maximus turpis id posuere aliquet. Aliquam eros nibh, molestie in nibh aliquet, mattis maximus mauris. Duis vitae sapien vestibulum, consequat odio a, pretium magna. Mauris pharetra, elit id faucibus venenatis, nulla eros luctus justo, eget fermentum lectus felis non quam. Etiam varius augue pharetra ipsum volutpat, sed bibendum velit accumsan. Etiam eget felis vitae nisi auctor bibendum.