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

(Created page with "<html> <head> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1,...")
 
 
(30 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
  <head>
+
<head>
−
    <meta charset="utf-8"/>
+
  <meta charset="utf-8">
−
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
+
  <meta content="ie=edge" http-equiv="x-ua-compatible">
−
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+
     <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>Welcome to Middleman</title>
+
      Home
−
    <link href="/assets/css/all.css" rel="stylesheet"/>
+
    </title>
−
    <script src="/assets/js/all.js"/>
+
    <!-- include normalizer -->
−
  </head>
+
    <link href="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/css/normalize?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
  <body>
+
    <!-- include auto generated css -->
−
    <div class="site-wrapper">
+
    <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 -->
−
      <div class="site-wrapper-inner">
+
    <script src="https://2017.igem.org/Team:Amsterdam/test/joeri/assets/js/all.js?action=raw&amp;ctype=text/javascript">
−
 
+
    </script>
−
        <div class="cover-container">
+
    </meta>
−
 
+
  </meta>
−
          <div class="masthead clearfix">
+
  </meta>
−
            <div class="inner">
+
</head>
−
              <h3 class="masthead-brand">Cover</h3>
+
<div class="site-wrapper">
−
              <nav class="nav nav-masthead">
+
  <div class="site-wrapper-inner">
−
                <a class="nav-link active" href="#">Home</a>
+
  <div class="cover-container">
−
                <a class="nav-link" href="#">Features</a>
+
    <nav class="navbar navbar-inverse">
−
                <a class="nav-link" href="#">Contact</a>
+
    <div class="container-fluid">
−
              </nav>
+
      <div class="navbar-header">
−
            </div>
+
      <a class="navbar-brand nav-link" href="#">
−
          </div>
+
        Cyanofactory
−
 
+
      </a>
−
          <div class="inner cover">
+
−
            <h1 class="cover-heading">Cover your page.</h1>
+
−
<p class="lead">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.</p>
+
−
<p class="lead">
+
−
  <a href="#" class="btn btn-lg btn-secondary">Learn more</a>
+
−
</p>
+
−
 
+
−
          </div>
+
−
 
+
−
          <div class="mastfoot">
+
−
            <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>
−
 
+
      <ul class="list-inline nav navbar-right">
 +
      <li class="list-inline-item dropdown">
 +
        <a class="nav-link" href="#">
 +
        Project
 +
        <span class="caret">
 +
        </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>
 +
    </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 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 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>
−
   </body>
+
  </div>
 +
   </div>
 +
</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 .