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

 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<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">
−
  <title>
+
    <title>
−
  The Bootstrapped Middlemanned iGEM Wiki Template
+
      Home
−
  </title>
+
    </title>
−
  <!-- include normalizer -->
+
    <!-- include normalizer -->
−
  <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/normalize?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"/>
−
  <!-- include auto generated css -->
+
    <!-- include auto generated css -->
−
  <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/all_cover?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
    <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 -->
+
    <!-- 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 src="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/js/all.js?action=raw&amp;ctype=text/javascript">
−
  </script>
+
    </script>
 +
    </meta>
 +
  </meta>
 +
  </meta>
 
  </head>
 
  </head>
 
  <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">
−
     <div class="masthead clearfix">
+
     <nav class="navbar navbar-inverse">
−
     <div class="inner">
+
     <div class="container-fluid">
−
      <h3 class="masthead-brand">
+
       <div class="navbar-header">
−
      Cover
+
       <a class="navbar-brand nav-link" href="#">
−
       </h3>
+
         Cyanofactory
−
      <nav class="nav nav-masthead">
+
−
       <a class="nav-link active" href="https://2017.igem.org/Team:Amsterdam/test/joeri/index">
+
−
         Home
+
 
       </a>
 
       </a>
−
       <a class="nav-link " href="https://2017.igem.org/Team:Amsterdam/test/joeri/index#features">
+
      </div>
−
         Features
+
      <ul class="list-inline nav navbar-right">
−
       </a>
+
       <li class="list-inline-item dropdown">
−
       <a class="nav-link " href="https://2017.igem.org/Team:Amsterdam/test/joeri/contact">
+
        <a class="nav-link" href="#">
−
         Contact
+
        Project
−
       </a>
+
        <span class="caret">
−
       </nav>
+
        </span>
 +
        </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="#">
 +
        Practices
 +
        <span class="caret">
 +
        </span>
 +
        </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="#">
 +
        Lab
 +
        <span class="caret">
 +
        </span>
 +
        </a>
 +
        <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>
 
     </div>
−
     </div>
+
     </nav>
 
     <div class="inner cover">
 
     <div class="inner cover">
−
     <h1 class="cover-heading">
+
     <div clas="video-container">
−
       Cover your page.
+
      <video autoplay="" controls="" height="auto" width="85%">
−
     </h1>
+
      <source src="https://static.igem.org/mediawiki/2017/d/dc/Test_video.mp4" type="video/mp4">
−
     <p class="lead">
+
      </source>
−
       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.
+
      </video>
−
    </p>
+
    </div>
−
    <p class="lead">
+
    <div class="row home-spacer">
−
       <a class="btn btn-lg btn-secondary" href="https://getbootstrap.com/docs/4.0/examples/">
+
       <div class="col-md-12">
−
       Learn more
+
      <img src="https://static.igem.org/mediawiki/2017/0/02/Design_thingy_1.png">
−
       </a>
+
      </img>
−
     </p>
+
      </div>
−
     <hr/>
+
     </div>
−
     <img alt="Hq menu logo" src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg"/>
+
     <div class="row home-text-container">
−
     <p class="lead">
+
       <div class="col-md-3">
−
       <a id="features">
+
      </div>
−
      </a>
+
      <div class="col-md-6">
−
      Veritatis eos soluta et. voluptatem qui quasi praesentium molestias laboriosam dignissimos tenetur. earum pariatur ut vel earum vel. dicta quaerat repellendus est voluptatem molestias dolores quo quia aliquam nobis omnis provident
+
      <p class="home-text">
−
       <p class="lead">
+
        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>
+
        2
 +
        </sub>
 +
        . But what if CO
 +
        <sub>
 +
        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 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" style="height: 335px">
 +
      <div class="col-md-3">
 +
      </div>
 +
      <div class="col-md-6">
 +
      <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>
 +
      </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>
−
     <div class="mastfoot">
+
     <div class="footer">
 
     <div class="inner">
 
     <div class="inner">
 
       <p>
 
       <p>

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 .