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

(font test)
 
(51 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
  <!-- custom body font -->
 +
  <link href='http://fonts.googleapis.com/css?family=Slabo+27px|Oswald' rel='stylesheet' type='text/css'>
  
 
   <style type="text/css">
 
   <style type="text/css">
  
     /* Custom fonts
+
     /* 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; }
  
     /* #FF2240
+
     /*
 
     * default stylesheet overwrites
 
     * default stylesheet overwrites
 
     */
 
     */
 
 
  
 
     body {
 
     body {
 
       background-color: #ffffff;
 
       background-color: #ffffff;
 +
      /*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 {
 
       margin: 0;
 
       margin: 0;
 
       padding: 0;
 
       padding: 0;
 +
      border: 0;
 
     }
 
     }
  
     /* 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 51: Line 60:
 
     }
 
     }
  
     #section1 {
+
    /* Header */
 +
 
 +
     #header {
 
       width: 100%;
 
       width: 100%;
       background-color: #FF2240;
+
       min-width: 960px;
 +
      height: 420px;
 +
      /*background-color: #FF3300;*/
 +
      background-color: #e8e8e8;
 +
      background-image: url(http://www.transparenttextures.com/patterns/crissxcross.png);
 +
      background-repeat: repeat, no-repeat;
 +
    }
 +
 
 +
    #header-content {
 +
      position: relative;
 +
      width: 960px;
 
       height: 400px;
 
       height: 400px;
 +
      margin: 0px auto;
 +
      color: #ffffff;
 
     }
 
     }
  
     #section1 h1 {
+
     #header-content h1.main-title {
       font-family: Sherlock;
+
       font-family: Sherlocked, sans-serif;
 +
      font-size: 26pt;
 +
      color: #444444;
 +
      position: absolute;
 +
      right: 0px;
 +
      top: 108px;
 
     }
 
     }
  
 +
    #header-content p.summary {
 +
      position: absolute;
 +
      width: 570px;
 +
      top: 158px;
 +
      right: 0px;
 +
      font-size: 17pt;
 +
      text-align: right;
 +
      color: #444444;
 +
    }
  
 +
    #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;
 +
      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">
       <h1>Hej</h1>
+
       <div id="header-content">
 +
        <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 <span class="scarlet">SCARLET</span></h1>
 +
        <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 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!