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

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