Difference between revisions of "Team:Uppsala/test7"

 
Line 23: Line 23:
  
  
−
/*
 
−
.content-text{
 
−
    margin-right: calc(50vw + 200px);
 
−
    margin-left:50vw;
 
−
}
 
−
*/
 
  
  
Line 40: Line 34:
 
     }
 
     }
 
}
 
}
 +
 +
 +
 +
 +
body {
 +
 
 +
  margin: 0;
 +
  text-align: center;
 +
 +
}
 +
 +
 +
/* DESKTOP */
 +
 +
@media all and (max-width: 999999999px) and (min-width: 1340px) {
 +
 +
/* Footer Parent Div Styling */
 +
 +
#footer {
 +
 
 +
  width:100%;
 +
  background-color:#fff;
 +
  margin: 0 auto;
 +
 +
}
 +
 +
 
 +
/* H3 Styling */
 +
 +
h3.left {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
  text-align: left;
 +
 +
}
 +
 +
h3.center {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
  text-align: center;
 +
 +
}
 +
 
 +
 +
/* List Styling */
 +
 +
  ul {
 +
    margin: 0;
 +
    list-style-type: none;
 +
}
 +
 +
    li {
 +
    margin: 0;
 +
    color: #666666;
 +
    font-size: 13px;
 +
    font-weight: 300;
 +
    line-height: 22px;
 +
    list-style-type: none;
 +
    text-align: left;
 +
}
 +
 +
 +
/* Utility Links Div Styling */
 +
 +
#utility-links {
 +
 +
  width: 50%;
 +
  height: 150px;
 +
  background-color:#fff;
 +
  margin: 40px auto 0 auto;
 +
 
 +
}
 +
 +
.rectangle {
 +
width: 1px;
 +
height: 100px;
 +
background: #D8D8D8;
 +
  margin: 0 30px 0 0;
 +
  float: left;
 +
  display: inline-block;
 +
 +
}
 +
 +
 
 +
/* Help Styling */
 +
 +
.help {
 +
 +
  width: 30%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
  display: inline-block;
 +
 +
}
 +
 +
 
 +
/* Help Img Icons*/
 +
 +
.help-img-icon {
 +
 +
  float: left;
 +
  margin: 0 5px 0 0;
 +
 +
}
 +
 +
 +
/* About Styling */
 +
 +
.about {
 +
 +
  width: 30%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
  display: inline-block;
 +
 +
}
 +
 +
 +
/* Card Services Styling */
 +
 +
.card {
 +
 +
  width: 30%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
  display: inline-block;
 +
 +
}
 +
 +
 +
/* Newsletter-Social Container */
 +
 +
#newsletter-social {
 +
 +
  width: 40%;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
 +
}
 +
   
 +
 
 +
/* Newsletter Styling */
 +
 +
#newsletter {
 +
 +
  width: 65%;
 +
  margin: 30px 0 0 0;
 +
  text-align: center;
 +
  float: left;
 +
  display: inline-block;
 +
 +
}
 +
 +
p.deals {
 +
   
 +
  font-size: 13px;
 +
  font-family: Helvetica, Arial, Sans-Serif;
 +
  font-weight: 500;
 +
  line-height: 0;
 +
  text-align: center;
 +
 
 +
}
 +
 +
input[type=text] {
 +
 +
    width: 60%;
 +
    padding: 15px 20px;
 +
    margin: 8px 0;
 +
    box-sizing: border-box;
 +
    border: 1px #D9D6D6;
 +
    background-color: #F2F2F2;
 +
    border-radius: 4px;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
input[type=button], input[type=submit], input[type=reset] {
 +
 +
    background-color: #0677FF;
 +
    border: 2px;
 +
    border-radius: 4px;
 +
    color: white;
 +
    padding: 15px 35px;
 +
    text-decoration: none;
 +
    margin: 4px 2px;
 +
    cursor: pointer;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 900;
 +
 
 +
}
 +
 +
 +
/* Social Media Styling */
 +
 +
#social {
 +
 +
  width: 35%;
 +
  margin: 80px 0 0 0;
 +
  float: right;
 +
  display: inline-block;
 +
 +
}
 +
 +
 +
/* Copyright Styling */
 +
 +
.rectangle-horiz {
 +
width: 100%;
 +
height: 2px;
 +
background: #D8D8D8;
 +
  margin: 170px 0 0 0;
 +
 +
}
 +
 +
 +
#copyright {
 +
 
 +
    width: 100%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-top: 30px;
 +
 +
}
 +
 +
 +
.copy {
 +
 +
    color: #a7a7a7;
 +
    font-size: 10px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
    line-height: 20px;
 +
    text-align: center;
 +
    margin-left: 20px;
 +
    display: inline-block;
 +
overflow: hidden;
 +
 +
}
 +
 +
 +
/* Link Styling */
 +
 +
a:link {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
a:visited {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:hover {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:active {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
  }
 +
 +
}
 +
 +
 +
 +
/* =TABLET */
 +
 +
@media all and (max-width: 1339px) and (min-width: 600px) {
 +
 +
/* Footer Parent Div Styling */
 +
 +
#footer {
 +
 
 +
  width:100%;
 +
  background-color:#fff;
 +
  margin: 0 auto;
 +
 +
}
 +
 +
/* H3 Styling */
 +
 +
h3.left {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
  text-align: left;
 +
 +
}
 +
 +
h3.center {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
  text-align: center;
 +
 +
}
 +
 
 +
 +
/* List Styling */
 +
 +
  ul {
 +
    margin: 0;
 +
    list-style-type: none;
 +
}
 +
 +
    li {
 +
    margin: 0;
 +
    color: #666666;
 +
    font-size: 13px;
 +
    font-weight: 300;
 +
    line-height: 22px;
 +
    list-style-type: none;
 +
  text-align: left;
 +
}
 +
 +
 +
 +
/* Utility Links Div Styling */
 +
 +
#utility-links {
 +
 +
  width: 90%;
 +
  height: 150px;
 +
  background-color:#fff;
 +
  margin: 40px auto 0 auto;
 +
 +
 +
   
 +
}
 +
 +
.rectangle {
 +
width: 1px;
 +
height: 100px;
 +
background: #D8D8D8;
 +
  margin: 0 30px 0 30px;
 +
  float: left;
 +
display: inline-block;
 +
 +
}
 +
 +
/* Help Styling */
 +
 +
.help {
 +
 +
  width: 25%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
display: inline-block;
 +
 +
}
 +
 +
/* Help Img Icons*/
 +
 +
.help-img-icon {
 +
 +
  float: left;
 +
  margin: 0 5px 0 0;
 +
 +
}
 +
 +
 +
/* About Styling */
 +
 +
.about {
 +
 +
  width: 25%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
display: inline-block;
 +
 +
}
 +
 +
 +
/* Card Services Styling */
 +
 +
.card {
 +
 +
  width: 25%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
display: inline-block;
 +
 +
}
 +
 +
 +
/* Newsletter Styling */
 +
 +
#newsletter {
 +
 +
  width: 50%;
 +
  margin: 30px 0 0 0;
 +
  text-align: center;
 +
float: left;
 +
display: inline-block;
 +
 +
}
 +
 +
p.deals {
 +
   
 +
  font-size: 13px;
 +
  font-family: Helvetica, Arial, Sans-Serif;
 +
  font-weight: 500;
 +
  line-height: 0;
 +
  text-align: center;
 +
 
 +
}
 +
 +
input[type=text] {
 +
 +
    width: 40%;
 +
    padding: 15px 20px;
 +
    margin: 8px 0;
 +
    box-sizing: border-box;
 +
    border: 1px #D9D6D6;
 +
    background-color: #F2F2F2;
 +
    border-radius: 4px;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
input[type=button], input[type=submit], input[type=reset] {
 +
 +
    background-color: #0677FF;
 +
    border: 2px;
 +
    border-radius: 4px;
 +
    color: white;
 +
    padding: 15px 35px;
 +
    text-decoration: none;
 +
    margin: 4px 2px;
 +
    cursor: pointer;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 900;
 +
 
 +
}
 +
 +
 +
/* Social Media Styling */
 +
 +
#social {
 +
 +
  width: 50%;
 +
  margin: 80px 0 0 0;
 +
  float: right;
 +
  display: inline-block;
 +
 +
}
 +
 +
 +
/* Copyright Styling */
 +
 +
.rectangle-horiz {
 +
width: 100%;
 +
height: 2px;
 +
background: #D8D8D8;
 +
  margin: 0 0 0 0;
 +
 +
}
 +
 +
 +
#copyright {
 +
 
 +
    width: 100%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-top: 160px;
 +
 +
}
 +
 +
 +
.copy {
 +
 +
    color: #a7a7a7;
 +
    font-size: 10px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
    line-height: 20px;
 +
    text-align: center;
 +
    margin-left: 20px;
 +
 +
 +
}
 +
 +
 +
/* Link Styling */
 +
 +
a:link {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
a:visited {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:hover {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:active {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
  }
 +
 +
}
 +
 +
 +
 +
 +
/* MOBILE */
 +
 +
@media all and (max-width: 599px) and (min-width: 100px) {
 +
 +
 
 +
/* Footer Parent Div Styling */
 +
 +
#footer {
 +
 
 +
  width:100%;
 +
  background-color:#fff;
 +
  margin: 0 auto;
 +
 +
}
 +
 +
/* H3 Styling */
 +
 +
h3.left {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
 +
 +
}
 +
 +
h3.center {
 +
 +
  color: #000;
 +
  font-size: 16px;
 +
  font-family: Mallory, Sans-Serif;
 +
  font-weight: bold;
 +
  margin: 0 0 10px 0;
 +
  text-align: center;
 +
 +
}
 +
 
 +
 +
/* List Styling */
 +
 +
  ul {
 +
    margin: 0;
 +
    list-style-type: none;
 +
}
 +
 +
    li {
 +
    margin: 0;
 +
    color: #666666;
 +
    font-size: 13px;
 +
    font-weight: 300;
 +
    line-height: 22px;
 +
    list-style-type: none;
 +
    text-align: center;
 +
}
 +
 +
 +
/* Utility Links Div Styling */
 +
 +
#utility-links {
 +
 +
  width: 90%;
 +
  height: 150px;
 +
  background-color:#fff;
 +
  margin: 40px auto 0 auto;
 +
 +
   
 +
}
 +
 +
 +
/* Help Styling */
 +
 +
.help {
 +
 +
  width: 100%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
 +
}
 +
 +
 
 +
/* Help Img Icons*/
 +
 +
.help-img-icon {
 +
 +
  margin: 0 5px 0 0;
 +
 +
}
 +
 +
 +
/* About Styling */
 +
 +
.about {
 +
 +
  width: 100%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 50px 0 0 0;
 +
 +
}
 +
 +
 +
/* Card Services Styling */
 +
 +
.card {
 +
 +
  width: 100%;
 +
  height: 100px;
 +
  float: left;
 +
  margin: 0;
 +
 +
}
 +
 +
 +
/* Newsletter Styling */
 +
 +
#newsletter {
 +
 +
  width: 100%;
 +
  margin: 210px 0 0 0;
 +
  text-align: center;
 +
 +
}
 +
 +
p.deals {
 +
   
 +
  font-size: 13px;
 +
  font-family: Helvetica, Arial, Sans-Serif;
 +
  font-weight: 500;
 +
  line-height: 0;
 +
  text-align: center;
 +
 
 +
}
 +
 +
input[type=text] {
 +
 +
    width: 40%;
 +
    padding: 15px 20px;
 +
    margin: 8px 0;
 +
    box-sizing: border-box;
 +
    border: 1px #D9D6D6;
 +
    background-color: #F2F2F2;
 +
    border-radius: 4px;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
input[type=button], input[type=submit], input[type=reset] {
 +
 +
    background-color: #0677FF;
 +
    border: 2px;
 +
    border-radius: 4px;
 +
    color: white;
 +
    padding: 15px 35px;
 +
    text-decoration: none;
 +
    margin: 4px 2px;
 +
    cursor: pointer;
 +
    font-size: 13px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 900;
 +
 
 +
}
 +
 +
 +
/* Social Media Styling */
 +
 +
#social {
 +
 +
  width: 100%;
 +
  margin: 30px 0 0 0;
 +
 +
}
 +
 +
 +
/* Copyright Styling */
 +
 +
.rectangle-horiz {
 +
 +
  width: 100%;
 +
height: 2px;
 +
background: #D8D8D8;
 +
  margin: 30px 0 0 0;
 +
 +
}
 +
 +
 +
#copyright {
 +
 
 +
    width: 100%;
 +
    margin: 0 auto;
 +
    margin-top: 30px;
 +
 +
}
 +
 +
 +
.copy {
 +
 +
    color: #a7a7a7;
 +
    font-size: 8.5px;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
    line-height: 20px;
 +
    text-align: center;
 +
    margin: 0;
 +
  white-space: nowrap;
 +
 +
 +
}
 +
 +
 +
/* Link Styling */
 +
 +
a:link {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
a:visited {
 +
    color: #000;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:hover {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
}
 +
 +
 +
a:active {
 +
    color: #0677FF;
 +
    text-decoration: none;
 +
    font-family: Helvetica, Arial, Sans-Serif;
 +
    font-weight: 500;
 +
  }
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 
</style>
 
</style>
Line 312: Line 1,120:
 
                 <br>
 
                 <br>
 
                 <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 
                 <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="footer">
 +
  <div id="utility-links">
 +
 +
  <div class="help">
 +
  <ul>
 +
    <h3 class="left">Need Help?</h3>
 +
    <li><a href="#">Check Order Status</a></li>
 +
    <li><a href="#">Return Policy</a></li>
 +
    <li><img class="help-img-icon" width="18" height="14" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469462241/msg_jn0whe.svg"</img><a href="#">Live Chat</a></li>
 +
    <li><img class="help-img-icon" width="15" height="15" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469462243/phone_zfj4ey.svg"</img><a href="#">1-888-922-2336</a></li>
 +
  </ul>
 +
    </div>
 +
 +
 
 +
    <div class="rectangle"></div>
 +
 +
  <div class="about">
 +
        <ul>
 +
          <h3 class="left">About Academy</h3>
 +
          <li><a href="#">Company Information</a></li>
 +
          <li><a href="#">Careers</a></li>
 +
      </ul>
 +
      </div>
 +
 
 +
    <div class="rectangle"></div>
 +
 
 +
  <div class="card">
 +
        <ul>
 +
          <h3 class="left">Card Services</h3>
 +
          <li><a href="#">Academy Credit Card</a></li>
 +
          <li><a href="#">Academy Gift Card</a></li>
 +
      </ul>
 +
  </div>
 +
</div> 
 +
 
 +
<div id="newsletter-social"> 
 +
    <div id="newsletter">
 +
    <h3 class="center">Get More Deals!</h3>
 +
    <p class="deals">Weekly ad, new store openings, store events, and more.</p>
 +
    <form>
 +
    <input type="text" placeholder="Enter email address">
 +
    <input type="submit" value="Sign Up">
 +
    </form>
 +
</div> 
 +
   
 +
   
 +
<div id="social">
 +
    <a href="https://facebook.com/academy" target="_blank">
 +
    <img width="34" height="34" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469457641/facebook_khedl5.svg"></a></img>
 +
 +
    <a href="https://twitter.com/academy" target="_blank">
 +
    <img width="34" height="34" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469457641/twitter_fu5ejk.svg"></a></img>
 +
 +
    <a href="hhttps://pinterest.com/academy/" target="_blank">
 +
    <img width="34" height="34" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469457641/pinterest_kahh1i.svg"></a></img>
 +
 +
    <a href="https://www.youtube.com/user/academydotcom" target="_blank">
 +
    <img width="34" height="34" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469457641/youtube_xrntt3.svg"></a></img>
 +
 +
    <a href="http://instagram.com/academy" target="_blank">
 +
    <img width="34" height="34" src="https://res.cloudinary.com/cloudinary-account/image/upload/v1469457641/instagram_ugek0w.svg"></a></img>
 +
 +
  </div> 
 +
</div> 
 +
   
 +
<div class="rectangle-horiz"></div>
 +
 +
<div id="copyright">
 +
<ul>
 +
  <li class="copy">© 2016 Academy Sports + Outdoors. All Rights Reserved.</li>
 +
 +
  <li class="copy">Privacy Policy | Terms + Conditions | Sitemap</li>
 +
 +
  <li class="copy">California Proposition 65 | California Transparency in Supply Chains Act (SB 657)</li>
 +
 
 +
</div>
 +
 
 +
  </div>
 +
 +
</footer>
 +
 +
 +
 +
  
  

Latest revision as of 14:05, 17 October 2018




Uppsala iGEM 2018