Difference between revisions of "Team:UNebraska-Lincoln"

 
(39 intermediate revisions by 3 users not shown)
Line 49: Line 49:
 
                 position: static;
 
                 position: static;
 
                 width: auto;
 
                 width: auto;
−
                z-index: auto;
 
−
                padding-top: 30px;
 
 
         }
 
         }
 
          
 
          
Line 56: Line 54:
 
         display: none;
 
         display: none;
 
         }
 
         }
−
 
+
       
 +
        .body-page {
 +
        padding-top: 0px;
 +
        }
 
.header{
 
.header{
−
        padding-top: ;
+
 
 
         background: url("https://static.igem.org/mediawiki/2019/4/47/T--UNebraska-Lincoln--header-background.jpg") center center no-repeat;
 
         background: url("https://static.igem.org/mediawiki/2019/4/47/T--UNebraska-Lincoln--header-background.jpg") center center no-repeat;
 
     }
 
     }
Line 72: Line 73:
 
text-decoration: none;
 
text-decoration: none;
 
transition: all 0.2s;
 
transition: all 0.2s;
 +
width:150px;
 
}
 
}
  
Line 726: Line 728:
 
margin-top: 0;
 
margin-top: 0;
 
border: none;
 
border: none;
 +
        padding-right: 25px;
 
border-radius: 0.25rem;
 
border-radius: 0.25rem;
 
background-color: #fff;
 
background-color: #fff;
Line 793: Line 796:
  
 
.header .header-content {
 
.header .header-content {
−
padding-top: 8rem;
 
 
padding-bottom: 4rem;
 
padding-bottom: 4rem;
 
text-align: center;
 
text-align: center;
Line 1,154: Line 1,156:
 
}
 
}
 
/* end of best value label */
 
/* end of best value label */
−
 
−
 
−
/***********************/
 
−
/*    11. Request    */
 
−
/***********************/
 
−
.form-1 {
 
−
padding-top: 6.875rem;
 
−
padding-bottom: 6.25rem;
 
−
background-color: #f9fafc;
 
−
}
 
−
 
−
.form-1 h2 {
 
−
margin-bottom: 1.25rem;
 
−
}
 
−
 
−
.form-1 .list-unstyled {
 
−
margin-top: 1.375rem;
 
−
}
 
−
 
−
.form-1 .list-unstyled .fas {
 
−
color: #00bfd8;
 
−
line-height: 1.375rem;
 
−
}
 
−
 
−
.form-1 .list-unstyled .media-body {
 
−
margin-left: 0.625rem;
 
−
}
 
−
 
−
.form-1 .text-container {
 
−
margin-bottom: 3.5rem;
 
−
}
 
−
 
−
 
−
/*********************/
 
−
/*    12. Video    */
 
−
/*********************/
 
−
.basic-3 {
 
−
padding-top: 6.875rem;
 
−
padding-bottom: 6.125rem;
 
−
}
 
−
 
−
.basic-3 h2 {
 
−
margin-bottom: 3rem;
 
−
text-align: center;
 
−
}
 
−
 
−
.basic-3 .image-container {
 
−
margin-bottom: 2.25rem;
 
−
}
 
−
 
−
.basic-3 .image-container img {
 
−
border-radius: 0.5rem;
 
−
}
 
−
 
−
.basic-3 .video-wrapper {
 
−
position: relative;
 
−
}
 
−
 
−
/* Video Play Button */
 
−
.basic-3 .video-play-button {
 
−
position: absolute;
 
−
z-index: 10;
 
−
top: 50%;
 
−
left: 50%;
 
−
display: block;
 
−
box-sizing: content-box;
 
−
width: 2rem;
 
−
height: 2.75rem;
 
−
padding: 1.125rem 1.25rem 1.125rem 1.75rem;
 
−
border-radius: 50%;
 
−
-webkit-transform: translateX(-50%) translateY(-50%);
 
−
-ms-transform: translateX(-50%) translateY(-50%);
 
−
transform: translateX(-50%) translateY(-50%);
 
−
}
 
−
 
 
−
.basic-3 .video-play-button:before {
 
−
content: "";
 
−
position: absolute;
 
−
z-index: 0;
 
−
top: 50%;
 
−
left: 50%;
 
−
display: block;
 
−
width: 4.75rem;
 
−
height: 4.75rem;
 
−
border-radius: 50%;
 
−
background: #00bfd8;
 
−
animation: pulse-border 1500ms ease-out infinite;
 
−
-webkit-transform: translateX(-50%) translateY(-50%);
 
−
-ms-transform: translateX(-50%) translateY(-50%);
 
−
transform: translateX(-50%) translateY(-50%);
 
−
}
 
−
 
 
−
.basic-3 .video-play-button:after {
 
−
content: "";
 
−
position: absolute;
 
−
z-index: 1;
 
−
top: 50%;
 
−
left: 50%;
 
−
display: block;
 
−
width: 4.375rem;
 
−
height: 4.375rem;
 
−
border-radius: 50%;
 
−
background: #00bfd8;
 
−
transition: all 200ms;
 
−
-webkit-transform: translateX(-50%) translateY(-50%);
 
−
-ms-transform: translateX(-50%) translateY(-50%);
 
−
transform: translateX(-50%) translateY(-50%);
 
−
}
 
−
 
 
−
.basic-3 .video-play-button span {
 
−
position: relative;
 
−
display: block;
 
−
z-index: 3;
 
−
top: 0.375rem;
 
−
left: 0.25rem;
 
−
width: 0;
 
−
height: 0;
 
−
border-left: 1.625rem solid #fff;
 
−
border-top: 1rem solid transparent;
 
−
border-bottom: 1rem solid transparent;
 
−
}
 
−
 
 
−
@keyframes pulse-border {
 
−
0% {
 
−
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 
−
opacity: 1;
 
−
}
 
−
100% {
 
−
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 
−
opacity: 0;
 
−
}
 
−
}
 
−
/* end of video play button */
 
−
 
−
.basic-3 p {
 
−
text-align: center;
 
−
}
 
  
  
Line 1,670: Line 1,535:
 
/* Header */
 
/* Header */
 
.header .header-content {
 
.header .header-content {
−
padding-top: 10.5rem;
+
padding-top: 7.5rem;
 
}
 
}
  
Line 2,258: Line 2,123:
 
     .footer{
 
     .footer{
 
         background: url('https://static.igem.org/mediawiki/2019/f/fa/T--UNebraska-Lincoln--contact-background.jpeg') center center no-repeat;         
 
         background: url('https://static.igem.org/mediawiki/2019/f/fa/T--UNebraska-Lincoln--contact-background.jpeg') center center no-repeat;         
−
    }
 
−
    .body-page{
 
−
            padding-top:60px;
 
 
     }
 
     }
  
−
/* end of extra pages */
+
    .navbar-custom {
 +
    padding: 3.125rem 5rem 2.125rem 5rem;
 +
    height: 80px;
 +
    background: white;
 +
    box-shadow: 1px 1px 1px grey;
 
}
 
}
 +
 +
#bodyContent a[href ^="https://"], .link-https {
 +
    background:unset ;
 +
    padding-right: unset;
 +
}
 +
a:visited{
 +
        color: #00bfd8;
 +
}
 +
 +
 +
 +
/* end of extra pages */
 +
 
/* end of min-width width 1200px */
 
/* end of min-width width 1200px */
 
         </style>
 
         </style>
Line 2,278: Line 2,157:
 
                                         <div class="text-container">
 
                                         <div class="text-container">
 
                                         <h1><span class="turquoise">MRSA</span> </h1>
 
                                         <h1><span class="turquoise">MRSA</span> </h1>
−
                                         <p class="p-large">Methicillin-resistant Staphylococcus aureus (MRSA) infection is caused by a type of staph bacteria that's become resistant to many of the antibiotics used to treat ordinary staph infections.</p>
+
                                         <p class="p-large">Methicillin-resistant <i>Staphylococcus aureus</i> (MRSA) is a form of <i>S. aureus</i> that has become resistant to many conventional antibiotics. This makes MRSA infections especially challenging to treat.</p>
 
                                         <a class="btn-solid-lg page-scroll" href="https://www.cdc.gov/mrsa/index.html">DISCOVER</a>
 
                                         <a class="btn-solid-lg page-scroll" href="https://www.cdc.gov/mrsa/index.html">DISCOVER</a>
 
                                         </div> <!-- end of text-container -->
 
                                         </div> <!-- end of text-container -->
Line 2,292: Line 2,171:
 
                 </header> <!-- end of header -->
 
                 </header> <!-- end of header -->
 
             <!-- end of header -->   
 
             <!-- end of header -->   
−
           
+
 
−
           
+
                <!-- Problem -->
−
       
+
     <div class="basic-1">
−
    <!-- Customers -->
+
−
     <div class="slider-1">
+
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-lg-12">
+
                         <div class="col-lg-6">
−
                            <h5>Our Sponsors</h5>
+
                             <div class="text-container">
−
                           
+
                                 <h2>Problem</h2>
−
                            <!-- Image Slider -->
+
                                <p>MRSA infections are resistant to antibiotic treatments. When conventional treatment fails, infections become increasingly difficult to resolve.</p>
−
                             <div class="slider-container">
+
                            </div> <!-- end of text-container -->
−
                                 <div class="swiper-container image-slider">
+
                        </div> <!-- end of col -->
−
                                    <div class="swiper-wrapper">
+
                        <div class="col-lg-6">
−
                                        <div class="swiper-slide">
+
                            <div class="image-container">
−
                                            <div class="image-container">
+
                                <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/1/11/T--UNebraska-Lincoln--details-1-office-worker.svg" alt="alternative">
−
                                                <img class="img-responsive" style="padding-top: 20px;"width="auto" height="60px"src="https://static.igem.org/mediawiki/2019/0/05/T--UNebraska-Lincoln--Adjuvance.png" alt="alternative">
+
                            </div> <!-- end of image-container -->
−
                                            </div>
+
                        </div> <!-- end of col -->
−
                                        </div>
+
                    </div> <!-- end of row -->
−
                                        <div class="swiper-slide">
+
                </div> <!-- end of container -->
−
                                            <div class="image-container">
+
            </div> <!-- end of basic-1 -->
−
                                                <img class="img-responsive" style="padding-top: 30px;" width="auto" height="50px" src="https://static.igem.org/mediawiki/2019/2/24/T--UNebraska-Lincoln--LICOR.png" alt="alternative">
+
            <!-- Problem -->
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" style="padding-top: 20px;" width="auto" height="60px" src="https://static.igem.org/mediawiki/2019/e/e9/T--UNebraska-Lincoln--nebraska_scientific.png" alt="alternative">                                      
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/5/57/T--UNebraska-Lincoln--BIO_SCI.png" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/f/ff/T--UNebraska-Lincoln--biochem.png" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/e/e4/T--UNebraska-Lincoln--cse.jpeg" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/2/21/T--UNebraska-Lincoln--chem.png" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/6/61/T--UNebraska-Lincoln--ucare.png" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                        <div class="swiper-slide">
+
−
                                            <div class="image-container">
+
−
                                                <img class="img-responsive" width="auto" height="100px" src="https://static.igem.org/mediawiki/2019/6/61/T--UNebraska-Lincoln--ucare.png" alt="alternative">
+
−
                                            </div>
+
−
                                        </div>
+
−
                                    </div> <!-- end of swiper-wrapper -->
+
−
                                </div> <!-- end of swiper container -->
+
−
                            </div> <!-- end of slider-container -->
+
−
                            <!-- end of image slider -->
+
 
          
 
          
 +
 
 +
    <!-- Solution -->
 +
    <div class="basic-2">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-lg-6">
 +
                            <div class="image-container">
 +
                                <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c7/T--UNebraska-Lincoln--details-2-office-worker.svg" alt="alternative">
 +
                            </div> <!-- end of image-container -->
 +
                        </div> <!-- end of col -->
 +
                        <div class="col-lg-6">
 +
                            <div class="text-container">
 +
                                <h2>Solution</h2>
 +
                            <p>Our system uses a three module system of sensing, motility, and killing. This is implemented to detect MRSA cells, move towards the infection, and release an antimicrobial peptide to fight the infection at the source.</p>
 +
                            </div> <!-- end of text-container -->
 
                         </div> <!-- end of col -->
 
                         </div> <!-- end of col -->
 
                     </div> <!-- end of row -->
 
                     </div> <!-- end of row -->
 
                 </div> <!-- end of container -->
 
                 </div> <!-- end of container -->
−
             </div> <!-- end of slider-1 -->
+
             </div> <!-- end of basic-2 -->
−
             <!-- end of customers -->
+
            <!-- Solution -->
 +
       
 +
                <!-- IMPACT-->
 +
                <div class="basic-1">
 +
                    <div class="container">
 +
                        <div class="row">
 +
                            <div class="col-lg-6">
 +
                                <div class="text-container">
 +
                                    <h2>Impact</h2>
 +
                                    <p>Our system creates an alternative treatment for MRSA infections, helping to provide successful healthcare if traditional medicine fails.</p>
 +
                                </div> <!-- end of text-container -->
 +
                            </div> <!-- end of col -->
 +
                            <div class="col-lg-6">
 +
                                <div class="image-container">
 +
                                    <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c9/T--UNebraska-Lincoln--impact.svg" alt="alternative">
 +
                                </div> <!-- end of image-container -->
 +
                            </div> <!-- end of col -->
 +
                        </div> <!-- end of row -->
 +
                    </div> <!-- end of container -->
 +
                </div> <!-- end of basic-3 -->
 +
                <!-- IMPACT-->
 +
 
 +
 
 +
<!-- Customers -->
 +
    <div class="slider-1">
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
                <h5>Our Sponsors:</h5>
 +
             </div> <!-- end of col -->
 +
        </div> <!-- end of row -->
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
                <img style="padding-top: 20px;" width="auto" height="90px"src="https://static.igem.org/mediawiki/2019/0/05/T--UNebraska-Lincoln--Adjuvance.png" alt="Adjuvance">
 +
                <img style="padding-top: 30px;" width="auto" height="80px" src="https://static.igem.org/mediawiki/2019/2/24/T--UNebraska-Lincoln--LICOR.png" alt="LICOR">
 +
                <img style="padding-top: 20px;" width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/e/e9/T--UNebraska-Lincoln--nebraska_scientific.png" alt="Nebraska Scientific">
 +
            </div>
 
         </div>
 
         </div>
 +
                </br>
 +
        <div class="row">
 +
            <div class="col-lg-12">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/5/57/T--UNebraska-Lincoln--BIO_SCI.png" alt="UNL BIO SCI">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/f/ff/T--UNebraska-Lincoln--biochem.png" alt="UNL BIOCHEM">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/e/e4/T--UNebraska-Lincoln--cse.jpeg" alt="UNL CSE">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/2/21/T--UNebraska-Lincoln--chem.png" alt="UNL CHEM">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/9/92/T--UNebraska-Lincoln--engineering_webfill.jpg" alt="UNL ENGR">
 +
                <img width="auto" height="90px" src="https://static.igem.org/mediawiki/2019/6/61/T--UNebraska-Lincoln--ucare.png" alt="UNL UCARE">
 +
            </div>
 +
        </div> <!-- end of row -->
 +
    </div> <!-- end of slider-1 -->
 +
<!-- end of customers -->
 +
       
 +
 +
        </div>
 +
 +
        <!-- Footer -->
 +
    <div class="footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-4">
 +
                    <div class="footer-col">
 +
                        <h4>Address</h4>
 +
                        <p>University of Nebraska-Lincoln iGEM Team
 +
                        <br />634 Hamilton Hall
 +
                        <br />Lincoln, NE 68588-0304</p>
 +
                    </div>
 +
                </div> <!-- end of col -->
 +
                <div class="col-md-4">
 +
<div class="footer-col last">
 +
                            <h4>Social Media</h4>
 +
                            <span class="fa-stack">
 +
                                <a href="https://www.facebook.com/UNLiGEM/">
 +
                                  <img width="60px" height="auto" src="https://static.igem.org/mediawiki/2019/2/21/T--UNebraska-Lincoln--facebook1.jpeg">
 +
                                </a>
 +
                            </span>
 +
                            <span class="fa-stack">
 +
                                <a href="mailto:unligemteam@gmail.com">
 +
                                    <img width="60px" height="auto" src="https://static.igem.org/mediawiki/2019/5/57/T--UNebraska-Lincoln--mail1.jpeg">
 +
   
 +
                                </a>
 +
                            </span>
 +
                            <span class="fa-stack">
 +
                                <a href="https://twitter.com/unligem?lang=en">
 +
                                  <img width="60px" height="auto" src="https://static.igem.org/mediawiki/2019/0/0b/T--UNebraska-Lincoln--twitter.png">
 +
                                </a>
 +
                            </span>
 +
                        </div>
 +
                </div> <!-- end of col -->
 +
            </div> <!-- end of row -->
 +
        </div> <!-- end of container -->
 +
    </div> <!-- end of footer --> 
 +
    <!-- end of footer -->
  
 
            
 
            
 
         </html>
 
         </html>

Latest revision as of 04:27, 14 December 2019

Problem

MRSA infections are resistant to antibiotic treatments. When conventional treatment fails, infections become increasingly difficult to resolve.

alternative
alternative

Solution

Our system uses a three module system of sensing, motility, and killing. This is implemented to detect MRSA cells, move towards the infection, and release an antimicrobial peptide to fight the infection at the source.

Impact

Our system creates an alternative treatment for MRSA infections, helping to provide successful healthcare if traditional medicine fails.

alternative
Our Sponsors:
Adjuvance LICOR Nebraska Scientific

UNL BIO SCI UNL BIOCHEM UNL CSE UNL CHEM UNL ENGR UNL UCARE

Address

University of Nebraska-Lincoln iGEM Team
634 Hamilton Hall
Lincoln, NE 68588-0304

Social Media