Difference between revisions of "Team:TecCEM"

 
(40 intermediate revisions by 4 users not shown)
Line 33: Line 33:
 
     #main-container #backgr {
 
     #main-container #backgr {
 
         background-color: black;
 
         background-color: black;
 +
    }
 +
 +
    #main-container a img {
 +
        width: 200%;
 
     }
 
     }
  
Line 38: Line 42:
 
         background-color: white;
 
         background-color: white;
 
         mix-blend-mode: difference;
 
         mix-blend-mode: difference;
 +
        pointer-events: none;
 +
    }
 +
 +
    #main-container #Small1Cell {
 +
        top: 10%;
 +
        left: 45%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 +
    #main-container #Small1Cell *,
 +
    #main-container #Small2Cell *,
 +
    #main-container #Small3Cell *,
 +
    #main-container #Small4Cell *,
 +
    #main-container #Big1Cell *,
 +
    #main-container #Big2Cell * {
 +
        position: absolute;
 +
        left: 50%;
 +
        top: 50%;
 +
        transform: translate(-50%, -50%);
 +
    }
 +
 +
    #main-container #Small2Cell {
 +
        left: 25%;
 +
        top: 25%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 +
 +
    #main-container #Small3Cell {
 +
        left: 30%;
 +
        top: 80%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 +
    #main-container #Small4Cell {
 +
        left: 60%;
 +
        top: 80%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 +
    #main-container #Big1Cell {
 +
        left: 75%;
 +
        top: 10%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 +
    #main-container #Big2Cell {
 +
        left: 85%;
 +
        top: 80%;
 +
        transform: translate(-50%, -50%);
 +
        width: 5%;
 +
        height: auto;
 +
        position: absolute;
 
     }
 
     }
  
Line 43: Line 115:
 
         top: 50%;
 
         top: 50%;
 
         left: 50%;
 
         left: 50%;
−
         transform: translate(-50%, -60%);
+
         transform: translate(-50%, -50%);
 
         width: 75%;
 
         width: 75%;
 
         height: auto;
 
         height: auto;
Line 51: Line 123:
 
     #main-container #button {
 
     #main-container #button {
 
         position: absolute;
 
         position: absolute;
−
         top: 50%;
+
         top: 60%;
 
         left: 50%;
 
         left: 50%;
 
         transform: translate(-50%, -50%);
 
         transform: translate(-50%, -50%);
−
         width: 5vw;
+
         width: 3vw;
−
         height: 5vw;
+
         height: 3vw;
 
         background-color: white;
 
         background-color: white;
 
         mix-blend-mode: difference;
 
         mix-blend-mode: difference;
 
         border-radius: 100%;
 
         border-radius: 100%;
 +
        z-index: 666;
 +
    }
 +
    #main-container #centerCircle{
 +
        position: absolute;
 +
        top: 60%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 4vh;
 +
        border-radius: 100%;
 +
        z-index: 665;
 
     }
 
     }
  
Line 69: Line 151:
 
     #main-container p {
 
     #main-container p {
 
         color: white !important;
 
         color: white !important;
 +
    }
 +
 +
    #main-container .bottom {
 +
        mix-blend-mode: difference;
 
     }
 
     }
  
 
     #main-container h1 {
 
     #main-container h1 {
 
         -webkit-text-stroke-color: white !important;
 
         -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;
 +
    }
 +
    #audioLanding{
 +
        display: none;
 
     }
 
     }
 
</style>
 
</style>
Line 78: Line 195:
 
     <div id="backgr"></div>
 
     <div id="backgr"></div>
 
     <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
 
     <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/Measurement" 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="firstCover"></div>
 
     <div id="button"></div>
 
     <div id="button"></div>
−
     <h1>One person suffers from a burn injury every five minutes in Mexico.</h1>
+
     <h1 class="text-center">Heal a wound. Heal the world.</h1>
−
     <p>Accidents and burns are preventable occurrences that generate high mortality and disability. So it is
+
     <p class="text-center">Enhance tissue regeneration to heal burned patients.</p>
−
        necessary to create a form of prevention and, of course, treatments for burn related incidents.</p>
+
     <img src="https://static.igem.org/mediawiki/2018/e/ee/T--TecCEM--CenterCircle.png" id="centerCircle">
−
     <span class="bottom"></span>
+
     <!-- <span class="bottom"></span> -->
−
     <p class="text-center">Scroll down</p>
+
     <audio id="audioLanding" controls>
−
</div>
+
         <source src="https://static.igem.org/mediawiki/2018/3/3c/T--TecCEM--SoundLanding.mp3" type="audio/mpeg">
−
<div class="container first-container">
+
         Your browser does not support the audio element.
−
     <div class="row">
+
     </audio>  
−
         <div class="col">
+
     <!-- <p class="text-center">Scroll down</p> -->
−
            <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>
 
</div>
  

Latest revision as of 03:52, 18 October 2018

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

Heal a wound. Heal the world.

Enhance tissue regeneration to heal burned patients.