Difference between revisions of "Team:Peking/Hardware"

(Prototype team page)
 
 
(30 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Peking}}
+
<html lang="en">
−
<html>
+
  
 +
<head>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <style>
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
  
−
<div class="column half_size">
+
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
  
−
<h1>Hardware</h1>
+
        /* Clear the default wiki settings */
−
<h3>Best Hardware Special Prize</h3>
+
−
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
+
  
−
<p>
+
        #home_logo, #sideMenu {
−
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.
+
            display: none;
 +
        }
  
−
<br><br>
+
        #sideMenu, #top_title, .patrollink {
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Hardware prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
            display: none;
−
<br><br>
+
        }
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</p>
+
−
</div>
+
  
−
<div class="column half_size">
+
        #content {
−
<h5>Inspiration</h5>
+
            width: 100%;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
            padding: 0px;
−
Here are a few examples:</p>
+
            margin-top: 0px;
−
<ul>
+
            margin-left: 0px;
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
        }
−
<li><a href="https://2016.igem.org/Team:Aachen">2016 Aachen </a></li>
+
 
−
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft  </a></li>
+
        body {
−
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
            background-color: #FAFAFA;
−
</ul>
+
        !important;
 +
        }
 +
 
 +
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs?
 +
action=raw&ctype=text/javascript"></script>
 +
    <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script type="text/javascript"
 +
            src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script>
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css">
 +
    <!-- Fonts -->
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css">
 +
 
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
<!-- Always shows a header, even in smaller screens. -->
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -7px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a href="https://2017.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png" height="35"></a>
 +
 
 +
            <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM </strong> 2017</a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
                <style>
 +
                    a:link {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:visited {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:active {
 +
                        text-decoration: none;
 +
                    }
 +
 
 +
                    a:hover {
 +
                    }
 +
                </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/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/Software">Software</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/HP">Practices</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>
 +
            </nav>
 +
        </div>
 +
    </header>
  
 
</div>
 
</div>
  
 +
<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 -->
 +
    <style>
 +
 +
        a:link {
 +
            text-decoration: none;
 +
        }
 +
 +
        a:visited {
 +
            text-decoration: none;
 +
        }
 +
 +
        a:active {
 +
            text-decoration: none;
 +
        }
 +
 +
        a:hover {
 +
            text-decoration: none;
 +
        }
 +
 +
        .demo-card-wide.mdl-card {
 +
            margin-left: 50px;
 +
            margin-right: 50px;
 +
            margin-top: 120px;
 +
            margin-bottom: 100px;
 +
            width: auto;
 +
        }
 +
        .demo-card-wide > .mdl-card__title {
 +
            padding-left: 50px;
 +
            color: #fff;
 +
            height: 300px;
 +
        }
 +
        .demo-card-wide > .mdl-card__menu {
 +
            color: #fff;
 +
        }
 +
 +
    </style>
 +
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
        <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" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">Microfluidics</h1>
 +
        </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">
 +
 +
            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;">
 +
                Read More
 +
            </a>
 +
        </div>
 +
 +
       
 +
    </div>
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px">
 +
        <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-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">Autosnap</h1>
 +
        </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">
 +
            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
 +
            </a>
 +
        </div>
 +
 +
     
 +
    </div>
 +
    <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section>
 +
    <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;">
 +
        <div class="mdl-mega-footer__middle-section">
 +
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Acknowledgement</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href="http://dean.pku.edu.cn/pkudean/"> </li>
 +
                <li><a href="http://dean.pku.edu.cn/pkudean/"><img src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height = "50px"/></a></li>
 +
                <li><a href="http://www.bio.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height = "50px"/> </a></li>
 +
                <li><a href="http://cqb.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height = "48px"/> </a></li>
 +
 +
                </ul>
 +
            </div>
 +
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Connection</h1>
 +
                <ul class="mdl-mega-footer__link-list"  style="margin-left: 0px;>
 +
                    <li><a href="https://www.facebook.com/pekingigem"></a></li>
 +
                <li><a href="https://www.facebook.com/pekingigem">Facebook</a></li>
 +
                <li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li>
 +
                <li><a href="https://twitter.com/iGEM_Peking">Twitter</a></li>
 +
                <li><a href="https://github.com/PekingiGEM2017">Github</a></li>
 +
                </ul>
 +
            </div>
 +
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h1 class="mdl-mega-footer__heading">Contact</h1>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 +
                    <li><a href="http://www.synbiowiki.com"> </a></li>
 +
                <li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li>
 +
                <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li>
 +
                </ul>
 +
            </div>
 +
 +
            <div class="mdl-mega-footer__drop-down-section">
 +
                <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 +
                <h2 style="color: white; "> <strong>Peking iGEM</strong> 2017</h2>
 +
                <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;">
 +
                    <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian District, Beijing, P.R.China<br>100871</li>
 +
                </ul>
 +
            </div>
 +
 +
        </div>
 +
 +
 +
    </footer>
 +
 +
</main>
  
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:51, 2 November 2017

Peking iGEM 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

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