Difference between revisions of "Team:Peking/Hardware"
| (28 intermediate revisions by 4 users not shown) | |||
| Line 63: | Line 63: | ||
<!-- Always shows a header, even in smaller screens. --> | <!-- Always shows a header, even in smaller screens. --> | ||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | ||
| − | <header class="mdl-layout__header"> | + | <header class="mdl-layout__header" style="position:fixed; margin-top: -7px; !important;"> |
<div class="mdl-layout__header-row"> | <div class="mdl-layout__header-row"> | ||
<!-- Title --> | <!-- Title --> | ||
| Line 92: | Line 92: | ||
</style> | </style> | ||
<a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking">Home</a> | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking">Home</a> | ||
| − | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project | + | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project#Introduction">Project</a> |
| − | + | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model#Overview">Modelling</a> | |
| − | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model">Modelling</a> | + | |
<a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a> | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a> | ||
| − | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware">Hardware</a> | + | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware" style="color: #000; font-weight: 500;">Hardware</a> |
<a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a> | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a> | ||
<a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a> | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a> | ||
| − | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts">Parts</a> | + | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts#Overview">Parts</a> |
<a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a> | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a> | ||
</nav> | </nav> | ||
| Line 107: | Line 106: | ||
</div> | </div> | ||
| − | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px;"> | + | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;"> |
<!-- Wide card with share menu button --> | <!-- Wide card with share menu button --> | ||
<style> | <style> | ||
| Line 124: | Line 123: | ||
a:hover { | a:hover { | ||
| + | text-decoration: none; | ||
} | } | ||
| Line 130: | Line 130: | ||
margin-right: 50px; | margin-right: 50px; | ||
margin-top: 120px; | margin-top: 120px; | ||
| − | margin-bottom: | + | margin-bottom: 100px; |
width: auto; | width: auto; | ||
} | } | ||
.demo-card-wide > .mdl-card__title { | .demo-card-wide > .mdl-card__title { | ||
| + | padding-left: 50px; | ||
color: #fff; | color: #fff; | ||
| − | height: | + | height: 300px; |
} | } | ||
.demo-card-wide > .mdl-card__menu { | .demo-card-wide > .mdl-card__menu { | ||
| Line 144: | Line 145: | ||
<div class="demo-card-wide mdl-card mdl-shadow--2dp"> | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
| − | <div class="mdl-card__title" style="background: url(' | + | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/8/8e/Peking_Hardware_Microfluidics.png') center / cover;"> |
| − | <h1 class="mdl-card__title-text">Microfluidics</h1> | + | <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">Microfluidics</h1> |
</div> | </div> | ||
<div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px"> | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px"> | ||
| − | + | ||
| − | + | Microfluidics devices are applied to deal with flow of liquid inside micrometer-sized channels, and conduct | |
| − | + | continuous observation under fluorescence microscopy. This year, we designed two microfluidic chips: a | |
| − | + | sand-clock chip and a seven-segment display chip. The sand-clock microfluidic device is a "mother machine", | |
| − | + | which consists of dozens of thin channels holding single cells, and can be used to track individual cell | |
| − | + | line for generations. And for the seven-segment display chip, cells were kept in chambers to observe | |
| − | + | fluorescence changes.<br><br> | |
| − | + | ||
| − | + | <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Microfluidics"target="_blank" style="background-color: #2D8EE8; color: white;"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <a class="mdl-button mdl-button-- | + | |
Read More | Read More | ||
</a> | </a> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | + | <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px"> |
| − | <div class="mdl-card__title" style="background: url(' | + | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/6/63/Peking_Hardware_autosnap.jpeg') center / cover;"> |
| − | <h1 class="mdl-card__title | + | <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">Autosnap</h1> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | <div class="mdl- | + | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px"> |
| − | <a class="mdl-button mdl-button-- | + | To demonstrate the functionality of our genetic circuit, Peking iGEM 2017 team have designed an independent and affordable device for the observation of colonies or 96-well plates which can |
| + | automatically capture and save digital pictures of colonies according to the pattern.We additionally add LED lights and filters for fluorescence observation.<br><br> | ||
| + | <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Autosnap"target="_blank" style="background-color: #307DFC; color: white;"> | ||
Read More | Read More | ||
</a> | </a> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
<section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | ||
Latest revision as of 00:51, 2 November 2017
Microfluidics
Microfluidics devices are applied to deal with flow of liquid inside micrometer-sized channels, and conduct
continuous observation under fluorescence microscopy. This year, we designed two microfluidic chips: a
sand-clock chip and a seven-segment display chip. The sand-clock microfluidic device is a "mother machine",
which consists of dozens of thin channels holding single cells, and can be used to track individual cell
line for generations. And for the seven-segment display chip, cells were kept in chambers to observe
fluorescence changes.
Read More
Read More
Autosnap
To demonstrate the functionality of our genetic circuit, Peking iGEM 2017 team have designed an independent and affordable device for the observation of colonies or 96-well plates which can
automatically capture and save digital pictures of colonies according to the pattern.We additionally add LED lights and filters for fluorescence observation.
Read More
Read More
