Difference between revisions of "Team:Santa Clara/The Problem"

Line 4: Line 4:
  
 
<div class="container-fluid">
 
<div class="container-fluid">
 +
<h1> The Problem </h1>
 
     <p>
 
     <p>
     This is an example of a two-column using the convenient Bootstrap grid system (you can read about it on w3schools).<br/>
+
     Bioreactor technology allows us, as synthetic biologists, to take our technology to the large scale. It denotes cell culture methods that allow for the mass production of organisms and their products by facilitating growth in various apparatuses. The goal of these systems is to create an environment for elevated cell growth to promote the production and/or degradation of various substances. These systems have been optimized to fit endless applications but one problem remains unresolved. In these cultures, cells are designed to reach high cell densities, which leads to an increased build up of metabolic acid. The increasing presence of acid in the environment adversely affects cell processes because weak acids can easily diffuse back through the cell membrane to inhibit and degrade DNA, as well as degrade proteins essential to cell survival. To offset this issue and maintain cell vitality, the culture must be supplemented with various basic solutions to neutralize the acid. This increases the running cost of the system, through the cost of the solutions themselves, as well as the production and implementation of systems to distribute the base. It also results in slowed cell growth due to the exposure of highly concentrated base.  
        You can add multiple rows for displaying diffent content (or we can use an accordion system that you see on the Notebook page).<br/>
+
Note that the columns can be of equal width (as seen in the first row) or of different widths (as seen in the second row).<br/>
+
        Also, no styling has been applied yet (text/image centering, background colors, etc). This will be added soon.
+
 
</p>
 
</p>
 
     <div class="row">
 
     <div class="row">
Line 16: Line 14:
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
         <h1>Header for second column</h1>
+
         <h2>Header for second column</h2>
 
         <p>The second column is a great place for more text!</p>
 
         <p>The second column is a great place for more text!</p>
 
         </div>
 
         </div>
Line 23: Line 21:
 
     <div class="row">
 
     <div class="row">
 
<div class="col-md-4">
 
<div class="col-md-4">
         <h1>Header for first column</h1>
+
         <h2>Header for first column</h2>
 
         <p>
 
         <p>
 
             You can also alternate the images and text between the columns to create a pleasant visual effect.<br/>
 
             You can also alternate the images and text between the columns to create a pleasant visual effect.<br/>

Revision as of 06:13, 14 September 2015

Santa Clara Template for iGEM wiki site

The Problem

Bioreactor technology allows us, as synthetic biologists, to take our technology to the large scale. It denotes cell culture methods that allow for the mass production of organisms and their products by facilitating growth in various apparatuses. The goal of these systems is to create an environment for elevated cell growth to promote the production and/or degradation of various substances. These systems have been optimized to fit endless applications but one problem remains unresolved. In these cultures, cells are designed to reach high cell densities, which leads to an increased build up of metabolic acid. The increasing presence of acid in the environment adversely affects cell processes because weak acids can easily diffuse back through the cell membrane to inhibit and degrade DNA, as well as degrade proteins essential to cell survival. To offset this issue and maintain cell vitality, the culture must be supplemented with various basic solutions to neutralize the acid. This increases the running cost of the system, through the cost of the solutions themselves, as well as the production and implementation of systems to distribute the base. It also results in slowed cell growth due to the exposure of highly concentrated base.

Sample Image 1

Some text can go below the image (like a caption).

Header for second column

The second column is a great place for more text!


Header for first column

You can also alternate the images and text between the columns to create a pleasant visual effect.
Here, the text is in the first column and the image is in the second column.

Sample Image 2

Text below second image.


Sample Image 3

Of course, you can still use the traditional one-column format.