Difference between revisions of "Team:TecCEM"

Line 1: Line 1:
 
{{TecCEM/Header}}
 
{{TecCEM/Header}}
−
<html>    
+
<html>
 
<style>
 
<style>
−
span.bottom{
+
    #main-container span.bottom {
−
    background-color: white;
+
        background-color: white;
−
    vertical-align: middle;
+
        vertical-align: middle;
−
}
+
        margin: 0 !important;
−
#parallax {
+
     }
−
  position: absolute;
+
−
  top: 0;
+
−
  width: 100vw !important;
+
−
  height: 100vh !important;
+
−
  background: url("https://static.igem.org/mediawiki/2018/7/75/T--TecCEM--BackgroundCells.png")
+
−
     no-repeat center center;
+
−
  opacity: 1;
+
−
  background-size: cover;
+
−
  z-index: -1;
+
−
}
+
−
#main-container {
+
−
  height: 100vh !important;
+
−
  width: 100vw;
+
−
  position: relative;
+
−
  margin:0;
+
−
  padding:0;
+
−
}
+
  
−
#main-container p,
+
    #main-container {
−
#main-container strong {
+
        height: 100vh !important;
−
  color: white !important;
+
        width: 100vw;
−
}
+
        position: relative;
 +
        margin: 0;
 +
        padding: 0;
 +
        display: flex;
 +
        justify-content: center;
 +
        flex-direction: column;
 +
        align-items: center;
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
    }
  
−
#main-container #abstract {
+
    #main-container #backgr,
−
  position: absolute;
+
    #main-container #firstCover {
−
  left: 50%;
+
        position: absolute;
−
  width: 100%;
+
        top: 0;
−
  top:50%;
+
        left: 0;
−
  margin: 0 auto;
+
        width: 100%;
−
  transform: translate(-50%,-50%)
+
        height: 100%;
−
}
+
    }
−
#main-container {
+
 
−
     background-color: white;
+
    #main-container #backgr {
−
     mix-blend-mode: difference;
+
        background-color: black;
−
}
+
    }
 +
 
 +
    #main-container #firstCover {
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
    }
 +
 
 +
    #main-container #CenterCell {
 +
        top: 50%;
 +
        left: 50%;
 +
        transform: translate(-50%, -60%);
 +
        width: 75%;
 +
        height: auto;
 +
        position: absolute;
 +
    }
 +
 
 +
    #main-container p,
 +
    #main-container h1 {
 +
        mix-blend-mode: difference;
 +
        max-width: 65%;
 +
     }
 +
 
 +
    #main-container p {
 +
        color: white !important;
 +
     }
 +
 
 +
    #main-container h1 {
 +
        -webkit-text-stroke-color: white !important;
 +
    }
 
</style>
 
</style>
−
<div id="parallax">
+
<div class="container-fluid" id="main-container">
−
     </div>
+
     <div id="backgr"></div>
−
     <div class="container-fluid" id="main-container">
+
     <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
−
        <div class="row" id="abstract">
+
    <div id="firstCover"></div>
−
            <div class="col">
+
    <h1>One person suffers from a burn injury every five minutes in Mexico.</h1>
−
                <strong>One person suffers from a burn injury every five minutes in Mexico.</strong>
+
    <p>Accidents and burns are preventable occurrences that generate high mortality and disability. So it is
−
                <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>
+
        necessary to create a form of prevention and, of course, treatments for burn related incidents.</p>
−
                <div class="text-center svgClass">
+
    <span class="bottom"></span>
−
                    <span class="bottom"></span>
+
    <p class="text-center">Scroll down</p>
−
                    <p class="text-center">Scroll down</p>
+
</div>
−
                </div>
+
<div class="container first-container">
−
             </div>
+
    <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>
−
    <div class="container first-container">
+
</div>
−
        <div class="row">
+
<div class="container">
−
            <div class="col">
+
    <div class="row">
−
                <h1>Abstract</h1>
+
        <div class="col">
−
                <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>
+
            <h1>Why</h1>
−
            </div>
+
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra congue mi, nec volutpat tortor
−
        </div>
+
                consectetur nec. Sed maximus turpis id posuere aliquet. Aliquam eros nibh, molestie in nibh aliquet,
−
    </div>
+
                mattis maximus mauris. Duis vitae sapien vestibulum, consequat odio a, pretium magna. Mauris pharetra,
−
  <div class="container">
+
                elit id faucibus venenatis, nulla eros luctus justo, eget fermentum lectus felis non quam. Etiam varius
−
        <div class="row">
+
                augue pharetra ipsum volutpat, sed bibendum velit accumsan. Etiam eget felis vitae nisi auctor
−
            <div class="col">
+
                bibendum. </p>
−
                <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>
 
     </div>
 +
</div>
 +
 
</html>
 
</html>
 
{{TecCEM/Footer}}
 
{{TecCEM/Footer}}

Revision as of 16:42, 11 October 2018

Center 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.