Difference between revisions of "Team:Amsterdam/test/joeri/index"

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE doctype html>
 
 
<html>
 
<html>
 
  <head>
 
  <head>
−
   <meta charset="utf-8"/>
+
   <meta charset="utf-8">
−
  <meta content="ie=edge" http-equiv="x-ua-compatible"/>
+
  <meta content="ie=edge" http-equiv="x-ua-compatible">
−
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
+
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
−
  <!-- Use the title from a page's frontmatter if it has one -->
+
    <title>
−
  <title>
+
      Home
−
  Welcome to Middleman
+
    </title>
−
  </title>
+
    <!-- include normalizer -->
−
  <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/all?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
    <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/normalize?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
  <script src="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/js/all?action=raw&amp;ctype=text/javascript">
+
    <!-- include auto generated css -->
−
  </script>
+
    <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/all_cover?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
    <!-- include auto generated javascript -->
 +
    <script src="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/js/all.js?action=raw&amp;ctype=text/javascript">
 +
    </script>
 +
    </meta>
 +
  </meta>
 +
  </meta>
 
  </head>
 
  </head>
−
  <body>
+
  <div class="site-wrapper">
−
  <div class="site-wrapper">
+
  <div class="site-wrapper-inner">
−
  <div class="site-wrapper-inner">
+
  <div class="cover-container">
−
    <div class="cover-container">
+
    <nav class="navbar navbar-inverse">
−
     <div class="masthead clearfix">
+
     <div class="container-fluid">
−
       <div class="inner">
+
       <div class="navbar-header">
−
       <h3 class="masthead-brand">
+
       <a class="navbar-brand nav-link" href="#">
−
         Cover
+
         Cyanofactory
−
       </h3>
+
       </a>
−
      <nav class="nav nav-masthead">
+
      </div>
−
         <a class="nav-link active" href="#">
+
      <ul class="list-inline nav navbar-right">
−
         Home
+
      <li class="list-inline-item dropdown">
 +
         <a class="nav-link" href="#">
 +
         Project
 +
        <span class="caret">
 +
        </span>
 
         </a>
 
         </a>
 +
        <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Modeling
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Glyoxylate Shunt
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Transport
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Biosensor
 +
          </a>
 +
        </li>
 +
        </ul>
 +
      </li>
 +
      <li class="list-inline-item dropdown">
 
         <a class="nav-link" href="#">
 
         <a class="nav-link" href="#">
−
         Features
+
         Practices
 +
        <span class="caret">
 +
        </span>
 
         </a>
 
         </a>
 +
        <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Carbon Efficiency
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Outreach
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Articles
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Entrepreneurship
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Safety
 +
          </a>
 +
        </li>
 +
        </ul>
 +
      </li>
 +
      <li class="list-inline-item dropdown">
 
         <a class="nav-link" href="#">
 
         <a class="nav-link" href="#">
−
         Contact
+
         Lab
 +
        <span class="caret">
 +
        </span>
 
         </a>
 
         </a>
−
       </nav>
+
        <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Parts
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Interlab Study
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Lab Journal
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Protocol
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Methods
 +
          </a>
 +
        </li>
 +
        </ul>
 +
       </li>
 +
      <li class="list-inline-item dropdown">
 +
        <a class="nav-link" href="#">
 +
        Team
 +
        <span class="caret">
 +
        </span>
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Attributions
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Collaborations
 +
          </a>
 +
        </li>
 +
        <li>
 +
          <a class="nav-link" href="#">
 +
          Sponsors
 +
          </a>
 +
        </li>
 +
        </ul>
 +
      </li>
 +
      <li class="list-inline-item">
 +
        <a class="nav-link" href="#">
 +
        Achievements
 +
        </a>
 +
      </li>
 +
      </ul>
 +
    </div>
 +
    </nav>
 +
    <div class="inner cover">
 +
    <div clas="video-container">
 +
      <video autoplay="" controls="" height="auto" width="85%">
 +
      <source src="https://static.igem.org/mediawiki/2017/d/dc/Test_video.mp4" type="video/mp4">
 +
      </source>
 +
      </video>
 +
    </div>
 +
    <div class="row home-spacer">
 +
      <div class="col-md-12">
 +
      <img src="https://static.igem.org/mediawiki/2017/0/02/Design_thingy_1.png">
 +
      </img>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <div class="inner cover">
+
     <div class="row home-text-container">
−
       <h1 class="cover-heading">
+
       <div class="col-md-3">
−
      Cover your page.
+
       </div>
−
       </h1>
+
       <div class="col-md-6">
−
       <p class="lead">
+
       <p class="home-text">
−
       Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.
+
        We are running out of oil and the climate is changing drastically due to the emission of polluting gases such as CO
−
      </p>
+
        <sub>
−
       <p class="lead">
+
        2
−
       <a class="btn btn-lg btn-secondary" href="#">
+
        </sub>
−
         Learn more
+
        . But what if CO
−
       </a>
+
        <sub>
−
       </p>
+
        2
 +
        </sub>
 +
        were a resource, rather than a wasteful pollutant; and might even replace oil? We aspire to create a bio-based economy – one that meets its energy and production demands by leveraging biotechnology [1]. We can genetically engineer bacteria to produce a compound we need. This is what we call a bacterial ‘cell factory’. Meet
 +
        <span style="color: #00ffff">
 +
        CYANOFACTORY
 +
        </span>
 +
        , a cyanobacterium that stably and efficiently produces fumarate.
 +
      </p>
 +
       </div>
 +
      <div class="col-md-3">
 +
       <p class="vertical-text">
 +
         Our Goal
 +
       </p>
 +
       </div>
 
     </div>
 
     </div>
−
     <div class="mastfoot">
+
     <div class="row home-spacer">
−
       <div class="inner">
+
       <div class="col-md-12">
−
       <p>
+
       <img src="https://static.igem.org/mediawiki/2017/0/02/Design_thingy_1.png">
−
        Cover template for
+
      </img>
−
        <a href="https://getbootstrap.com">
+
      </div>
−
        Bootstrap
+
    </div>
−
        </a>
+
    <div class="row home-text-container" style="height: 335px">
−
         , by
+
      <div class="col-md-3">
−
         <a href="https://twitter.com/mdo">
+
      </div>
−
        @mdo
+
      <div class="col-md-6">
−
        </a>
+
      <p class="home-text">
−
         .
+
         We use the cyanobacterium Synechocystis PCC6803, a photosynthetic model organism of which the genetic toolbox is rapidly expanding.
 +
         <br>
 +
        <br>
 +
          <a href="#">
 +
          <span style="color:#00ffff">
 +
            Click here for a live feed with our Synechocystis cultivators.
 +
          </span>
 +
          </a>
 +
        </br>
 +
         </br>
 
       </p>
 
       </p>
 
       </div>
 
       </div>
 +
      <div class="col-md-3">
 +
      <p class="vertical-text">
 +
        Synechocystis
 +
      </p>
 +
      </div>
 +
    </div>
 +
    <div class="row home-spacer">
 +
      <div class="col-md-12">
 +
      <img src="https://static.igem.org/mediawiki/2017/0/02/Design_thingy_1.png">
 +
      </img>
 +
      </div>
 +
    </div>
 +
    <div class="row home-text-container">
 +
      <div class="col-md-3">
 +
      <span class="img-align-helper">
 +
      </span>
 +
      <img height="202px" src="https://static.igem.org/mediawiki/2017/2/21/Fumarate.png" width="200px">
 +
      </img>
 +
      </div>
 +
      <div class="col-md-6">
 +
      <p class="home-text">
 +
        Fumarate is a multifaceted acid that is used as a plastic precursor, an additive for the food industry and a drug against multiple sclerosis and psoriasis.
 +
        <br>
 +
        <br>
 +
          <a href="#">
 +
          <span style="color:#00ffff">
 +
            Click here to see what we did with Fumarate.
 +
          </span>
 +
          </a>
 +
        </br>
 +
        </br>
 +
      </p>
 +
      </div>
 +
      <div class="col-md-3">
 +
      <p class="vertical-text">
 +
        Fumarate
 +
      </p>
 +
      </div>
 +
    </div>
 +
    <div class="row home-spacer">
 +
      <div class="col-md-12">
 +
      <img src="https://static.igem.org/mediawiki/2017/0/02/Design_thingy_1.png">
 +
      </img>
 +
      </div>
 +
    </div>
 +
    <div class="cell-factory-container">
 +
    </div>
 +
    </div>
 +
    <div class="footer">
 +
    <div class="inner">
 +
      <p>
 +
      Cover template for
 +
      <a href="https://getbootstrap.com">
 +
        Bootstrap
 +
      </a>
 +
      , by
 +
      <a href="https://twitter.com/mdo">
 +
        @mdo
 +
      </a>
 +
      .
 +
      </p>
 
     </div>
 
     </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   </div>
 
   </div>
−
  </body>
+
  </div>
 
</html>
 
</html>

Latest revision as of 14:28, 13 September 2017

Home

We are running out of oil and the climate is changing drastically due to the emission of polluting gases such as CO 2 . But what if CO 2 were a resource, rather than a wasteful pollutant; and might even replace oil? We aspire to create a bio-based economy – one that meets its energy and production demands by leveraging biotechnology [1]. We can genetically engineer bacteria to produce a compound we need. This is what we call a bacterial ‘cell factory’. Meet CYANOFACTORY , a cyanobacterium that stably and efficiently produces fumarate.

Our Goal

We use the cyanobacterium Synechocystis PCC6803, a photosynthetic model organism of which the genetic toolbox is rapidly expanding.

Click here for a live feed with our Synechocystis cultivators.

Synechocystis

Fumarate is a multifaceted acid that is used as a plastic precursor, an additive for the food industry and a drug against multiple sclerosis and psoriasis.

Click here to see what we did with Fumarate.

Fumarate

Cover template for Bootstrap , by @mdo .