Difference between revisions of "Template:Chalmers-Gothenburg-Dev"

 
(One intermediate revision by the same user not shown)
Line 3: Line 3:
 
<html>
 
<html>
  
−
   <!-- custom body cont -->
+
   <!-- custom body font -->
−
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
   <link href='http://fonts.googleapis.com/css?family=Slabo+27px|Oswald' rel='stylesheet' type='text/css'>
  
 
   <style type="text/css">
 
   <style type="text/css">
Line 10: Line 10:
 
     /* logo font */
 
     /* logo font */
 
     @font-face{  
 
     @font-face{  
−
       font-family: "Sherlock";
+
       font-family: Sherlocked;
 
       src: url('https://static.igem.org/mediawiki/2015/8/8a/Chalmers_sherlocked-font.ttf');
 
       src: url('https://static.igem.org/mediawiki/2015/8/8a/Chalmers_sherlocked-font.ttf');
 
     }
 
     }
 +
 +
    /* body heading fonts */
 +
    h2, h3 { font-family: Oswald, sans-serif; }
 +
    h4 { font-family: 'Slabo 27px', serif; }
  
 
     /*
 
     /*
Line 20: Line 24:
 
     body {
 
     body {
 
       background-color: #ffffff;
 
       background-color: #ffffff;
−
       font-family: "Open Sans", sans-serif;
+
       /*font-family: "Open Sans", sans-serif;*/
 +
      font-family: 'Slabo 27px', serif;
 +
      font-size: 13pt;
 +
      color: #444444;
 
     }
 
     }
  
−
     /*  reset margins & paddings*/
+
     /*  reset margins & paddings */
 
     html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl,
 
     html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl,
 
     dt, dd, blockquote, address {
 
     dt, dd, blockquote, address {
Line 31: Line 38:
 
     }
 
     }
  
−
     /* center default top menu  */
+
     /* center the wiki top menu  */
 
     #top_menu_inside {
 
     #top_menu_inside {
 
       margin: auto;
 
       margin: auto;
 
     }
 
     }
  
−
     /* enable full browser width */
+
     /* enable use of full browser width */
 
     #globalWrapper, #content {  
 
     #globalWrapper, #content {  
 
       width: 100%;  
 
       width: 100%;  
Line 53: Line 60:
 
     }
 
     }
  
−
     #section1 {
+
    /* Header */
 +
 
 +
     #header {
 
       width: 100%;
 
       width: 100%;
−
       height: 400px;
+
      min-width: 960px;
−
       background-color: #FF3300;
+
       height: 420px;
−
       background-image: url('http://www.transparenttextures.com/patterns/crissxcross.png');
+
       /*background-color: #FF3300;*/
 +
      background-color: #e8e8e8;
 +
       background-image: url(http://www.transparenttextures.com/patterns/crissxcross.png);
 +
      background-repeat: repeat, no-repeat;
 
     }
 
     }
  
−
     #section1-content {
+
     #header-content {
 
       position: relative;
 
       position: relative;
 
       width: 960px;
 
       width: 960px;
Line 66: Line 78:
 
       margin: 0px auto;
 
       margin: 0px auto;
 
       color: #ffffff;
 
       color: #ffffff;
−
      font-size: 16pt;
 
 
     }
 
     }
  
−
     #section1-content h1.main-title {
+
     #header-content h1.main-title {
−
       font-family: Sherlock, sans-serif;
+
       font-family: Sherlocked, sans-serif;
−
       color: #ffffff;
+
      font-size: 26pt;
 +
       color: #444444;
 
       position: absolute;
 
       position: absolute;
−
       left: 389px;
+
       right: 0px;
−
       top: 85px;
+
       top: 108px;
 
     }
 
     }
  
−
     #section1-content p.summary {
+
     #header-content p.summary {
 
       position: absolute;
 
       position: absolute;
 
       width: 570px;
 
       width: 570px;
−
       top: 140px;
+
       top: 158px;
 
       right: 0px;
 
       right: 0px;
 +
      font-size: 17pt;
 +
      text-align: right;
 +
      color: #444444;
 
     }
 
     }
  
−
     #section1-content img#logo {
+
     #header-content ul#main-menu {
 +
      position: absolute;
 +
      bottom: 13px;
 +
      right: 0px;
 +
      list-style-type: none;
 +
      list-style-image: none;
 +
      margin: 0;
 +
      padding: 0;
 +
      text-align: right;
 +
    }
 +
 
 +
    #header-content ul#main-menu li {
 +
      display: inline;
 +
    }
 +
 
 +
    #header-content ul#main-menu li a {
 +
      color: #333333;
 +
      font-weight: bold;
 +
      text-decoration: none;
 +
      margin: 20px;
 +
      margin-right: 0px;
 +
    }
 +
    #header-content ul#main-menu li a:active {
 +
      color: #FF2200;
 +
    }
 +
    #header-content ul#main-menu li a:hover {
 +
      color: #FF2200;
 +
    }
 +
 
 +
    #header-content img#logo {
 
       position: absolute;
 
       position: absolute;
 
       top: 30px;
 
       top: 30px;
 
     }
 
     }
  
 +
    #header-content img#footprints {
 +
      position: absolute;
 +
      left: 0px;
 +
      top: 0px;
 +
      opacity: 0.4;
 +
    }
 +
 +
    /* woo css */
 +
 +
    #my_content {
 +
      width: 960px;
 +
      margin: 0px auto;
 +
      position: relative;
 +
    }
 +
 +
    /* Section 1 */
 +
 +
    #section1 {
 +
      width: 960px;
 +
      margin: 0px auto;
 +
      position: relative;
 +
    }
 +
 +
    #section1-content {
 +
      width: 610px;
 +
      position: absolute;
 +
      left: 0px;
 +
      color: #333333;
 +
    }
 +
 +
    #section1-content p {
 +
      margin-bottom: 30px;
 +
      line-height: 150%;
 +
      text-align: justify;
 +
      text-justify: inter-word;
 +
    }
 +
 +
    #section1-content h2 {
 +
      //font-weight: bold;
 +
      //border-bottom: 2px dashed #dddddd;
 +
      padding-bottom: 5px;
 +
      color: #333333;
 +
      margin-top: 55px;
 +
      text-align: left;
 +
    }
 +
 +
    /* Sidebar */
 +
 +
    /* #sidebar {
 +
      background-image: url(https://static.igem.org/mediawiki/2015/2/2e/Gothenburg_concrete.png);
 +
      position: absolute;
 +
      width: 240px;
 +
      right: 0px;
 +
      top: 0px;
 +
      padding: 15px;
 +
      padding-top: 45px;
 +
      text-align: center;
 +
      color: #999;
 +
      border: 1px solid #dddddd;
 +
      border-top: none;
 +
    } */
 +
 +
    #sidebar {
 +
      position: absolute;
 +
      width: 270px;
 +
      right: 0px;
 +
      top: 60px;
 +
      padding-top: 20px;
 +
      padding-left: 5px;
 +
      text-align: right;
 +
      color: #999;
 +
      /* border-left: 3px dashed #dddddd; */
 +
      font-size: 13pt;
 +
    }
 +
 +
    #sidebar p {
 +
      margin: 10px;
 +
    }
 +
 +
    #sidebar img {
 +
      max-width: 170px;
 +
      margin: 5px;
 +
    }
 +
 +
    #sidebar hr {
 +
      margin-top: 20px;
 +
      margin-bottom: 20px;
 +
    }
 +
 +
    /*
 +
    * General
 +
    */
 +
 +
    .scarlet {
 +
      color: #FF2400 !important;
 +
    }
 
   </style>
 
   </style>
  
 
   <div id="main">
 
   <div id="main">
  
−
     <div id="section1">
+
     <div id="header">
−
       <div id="section1-content">
+
       <div id="header-content">
 
         <img src="https://static.igem.org/mediawiki/2015/6/6e/Chalmers_logo-temp.png" id="logo" alt="iGEM-Chalmers logo">
 
         <img src="https://static.igem.org/mediawiki/2015/6/6e/Chalmers_logo-temp.png" id="logo" alt="iGEM-Chalmers logo">
−
         <h1 class="main-title">A STUDY IN SCARLET</h1>
+
         <h1 class="main-title">A STUDY IN <span class="scarlet">SCARLET</span></h1>
−
         <p class="summary">Kort beskrivande text, kanske. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id orci vel sem malesuada fermentum at eu ex. Etiam bibendum justo vitae auctor imperdiet. Praesent ex libero, mollis sed mattis at, hendrerit ac mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
+
         <p class="summary">Spot for a short introductory text eg. We, <b>Team Chalmers Gothenburg</b>, have developed a novel strategy to detect and combat contaminations in continuous bioreactors, using Saccharomyces cerevisiae as the producing organism.</p>
 +
        <ul id="main-menu">
 +
          <li><a href="#" class="scarlet">Home</a></li>
 +
          <li><a href="#">Parts</a></li>
 +
          <li><a href="#">Project</a></li>
 +
          <li><a href="#">Notebook</a></li>
 +
          <li><a href="#">Attributions</a></li>
 +
          <li><a href="#">Another Link</a></li>
 +
          <li><a href="#">Etc</a></li>
 +
        </ul>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
−
  </div>
+
    <div id="my_content">
  
 +
      <div id="sidebar">
 +
        <p>A big thank you to our sponsors!</p>
 +
        <br>
 +
        <!-- <hr> -->
 +
        <img src="https://static.igem.org/mediawiki/2015/a/a0/Qiagen_logo.png" alt="Quiagen Logo">
 +
        <img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" alt="Geneious Logo">
 +
        <img src="https://static.igem.org/mediawiki/2015/f/f5/Promega-Logo_black.png" alt="Promega Logo">
 +
        <img src="https://static.igem.org/mediawiki/2015/b/b6/Mastercard_logo.png" alt="Chalmers Mastercard Logo">
 +
        <img src="https://static.igem.org/mediawiki/2015/5/5d/AvancezChalmers_black_right.png" alt="Avancez Logo">
 +
        <br><br>
 +
        <p>If you wish to support this project you can make a contribution <u>here</u> and receive awesome perks and iGEM Gothenburg memorabilia!</p>
 +
      </div>
 +
 +
      <div id="section1">
 +
        <div id="section1-content">
 +
          <h2>This is the headline for the homepage!</h2>
 +
          <p>The manufacturing process of biological products is complex and requires the use of living cells. Great progress has been made with industrial production techniques but contaminations are still a considerable problem the industry faces. Insufficient control of contaminations in bioreactors could compromise entire batches, resulting in high expenses. A contamination could lead to facilities or equipment having to be shut down for lengthy periods of time in order to conduct investigations and sterilize reactors. Ensuring that the bioreactors only contain the desired producing organism is critical to facility productivity, bioreactor throughput and product quality.</p>
 +
          <p>The method for detection utilizes the pheromone pathway in S. cerevisiae where the GPC-receptor (Ste2) has been replaced with a fusion receptor, allowing the cells to detect ligands from contaminants. When a ligand binds to the fusion receptor it will activate a phosphorylation cascade within the cell, inducing an expression of red fluorescent proteins that can be observed externally. The method for combating the detected contaminant is based on the use of UV-radiation, which effectively harms all living organisms. In order to prevent the producing cells from becoming inviable from the irradiation treatment, a DNA-repair system from the bacterium Deinococcus radiodurans is implemented into the cells. D. radiodurans is renowned for its extreme resistance to radiation, and our theory is that implementing these enzymes may increase S. cerevisiae's resistance to radiation, allowing it to survive while the contaminant dies.</p>
 +
          <h2>And this is another headline!</h2>
 +
          <p>If you wish to support this project you can make a contribution here and receive awesome perks and iGEM Gothenburg memorabilia!</p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
</html>
 
</html>

Latest revision as of 13:36, 20 July 2015

This is the headline for the homepage!

The manufacturing process of biological products is complex and requires the use of living cells. Great progress has been made with industrial production techniques but contaminations are still a considerable problem the industry faces. Insufficient control of contaminations in bioreactors could compromise entire batches, resulting in high expenses. A contamination could lead to facilities or equipment having to be shut down for lengthy periods of time in order to conduct investigations and sterilize reactors. Ensuring that the bioreactors only contain the desired producing organism is critical to facility productivity, bioreactor throughput and product quality.

The method for detection utilizes the pheromone pathway in S. cerevisiae where the GPC-receptor (Ste2) has been replaced with a fusion receptor, allowing the cells to detect ligands from contaminants. When a ligand binds to the fusion receptor it will activate a phosphorylation cascade within the cell, inducing an expression of red fluorescent proteins that can be observed externally. The method for combating the detected contaminant is based on the use of UV-radiation, which effectively harms all living organisms. In order to prevent the producing cells from becoming inviable from the irradiation treatment, a DNA-repair system from the bacterium Deinococcus radiodurans is implemented into the cells. D. radiodurans is renowned for its extreme resistance to radiation, and our theory is that implementing these enzymes may increase S. cerevisiae's resistance to radiation, allowing it to survive while the contaminant dies.

And this is another headline!

If you wish to support this project you can make a contribution here and receive awesome perks and iGEM Gothenburg memorabilia!