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

 
(12 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">
−
  <!-- include normalizer -->
+
    <title>
−
  <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/normalize?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
      Home
−
  <!-- include auto generated css -->
+
    </title>
−
  <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/all?action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
    <!-- include normalizer -->
−
  <!-- include bootstrap cover design -->
+
    <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/normalize?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
  <!-- <link href="/assets/css/cover.css" rel="stylesheet" /> -->
+
    <!-- include auto generated css -->
−
  <!-- include auto generated javascript -->
+
    <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/all_cover?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 javascript -->
−
  </script>
+
    <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>
 
  <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="#">
+
−
         Home
+
 
       </a>
 
       </a>
−
       <a class="nav-link" href="#">
+
      </div>
−
         Features
+
      <ul class="list-inline nav navbar-right">
−
       </a>
+
       <li class="list-inline-item dropdown">
−
       <a class="nav-link" href="#">
+
        <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="#">
+
       <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>
 +
     </div>
 +
     <div class="row home-text-container">
 +
       <div class="col-md-3">
 +
      </div>
 +
      <div class="col-md-6">
 +
      <p class="home-text">
 +
        We are running out of oil and the climate is changing drastically due to the emission of polluting gases such as CO
 +
        <sub>
 +
        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 .