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

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 controls="" height="auto" preload="auto" width="85%">
−
     </h1>
+
      <source src="images/movies/test_video.m4v" 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">
−
      Quasi quos et ut amet aut ad quos ut error nemo facere consectetur nam blanditiis. earum vitae quam sequi necessitatibus ullam voluptatem nobis ratione mollitia et nobis aliquam. debitis provident maiores corrupti. corporis aut molestias rerum cum. mollitia qui quod voluptatem numquam reprehenderit praesentium
+
      <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>
 
     </div>
−
     <div class="mastfoot">
+
     <div class="footer">
 
     <div class="inner">
 
     <div class="inner">
 
       <p>
 
       <p>

Revision as of 12:56, 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 .