Difference between revisions of "Team:Peking/Hardware/Microfluidics"

Line 27: Line 27:
 
         body {
 
         body {
 
             background-color: #FAFAFA;
 
             background-color: #FAFAFA;
−
            !important;
+
        !important;
 
         }
 
         }
  
Line 95: Line 95:
 
                 <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/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" style="color: #000; font-weight: 500;">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>
Line 106: Line 107:
 
</div>
 
</div>
  
−
<main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;">
+
<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 133: Line 135:
 
             width: auto;
 
             width: auto;
 
         }
 
         }
 +
 
         .demo-card-wide > .mdl-card__title {
 
         .demo-card-wide > .mdl-card__title {
 
             color: #fff;
 
             color: #fff;
 
             height: 230px;
 
             height: 230px;
 
         }
 
         }
 +
 
         .demo-card-wide > .mdl-card__menu {
 
         .demo-card-wide > .mdl-card__menu {
 
             color: #fff;
 
             color: #fff;
Line 152: Line 156:
 
                 padding-left: 50px;
 
                 padding-left: 50px;
 
                 padding-right: 30px;
 
                 padding-right: 30px;
 +
                padding-bottom: 50px;
 
                 width: auto;
 
                 width: auto;
  
Line 183: Line 188:
  
 
                 <h1>Microfluidics</h1>
 
                 <h1>Microfluidics</h1>
−
                 <p>Building blocks for constructing a page layout.</p>
+
                 <a type="button" class="mdl-chip">
−
 
+
                    <span class="mdl-chip__text">Hardware</span>
 +
                </a>
  
  
Line 193: Line 199:
 
                             <li><a href="#lorem1">Description</a></li>
 
                             <li><a href="#lorem1">Description</a></li>
  
−
                             <li><a href="https://getmdl.io/components/index.html#layout-section/grid">Description</a></li>
+
                             <li><a href="https://getmdl.io/components/index.html#layout-section/grid">Description</a>
 +
                            </li>
  
−
                             <li><a href="https://getmdl.io/components/index.html#layout-section/tabs">Description</a></li>
+
                             <li><a href="https://getmdl.io/components/index.html#layout-section/tabs">Description</a>
 +
                            </li>
  
−
                             <li><a href="https://getmdl.io/components/index.html#layout-section/footer">Description</a></li>
+
                             <li><a href="https://getmdl.io/components/index.html#layout-section/footer">Description</a>
 +
                            </li>
  
 
                         </ul>
 
                         </ul>
Line 336: Line 345:
 
                 <h1 class="mdl-mega-footer__heading">Acknowledgement</h1>
 
                 <h1 class="mdl-mega-footer__heading">Acknowledgement</h1>
 
                 <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 
                 <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:
−
                 <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>
+
                //dean.pku.edu.cn/pkudean/"> </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://dean.pku.edu.cn/pkudean/"><img
−
                 <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>
+
                        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>
 
                 </ul>
Line 347: Line 362:
 
                 <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 
                 <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 
                 <h1 class="mdl-mega-footer__heading">Connection</h1>
 
                 <h1 class="mdl-mega-footer__heading">Connection</h1>
−
                 <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
+
                 <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"></a></li>
 
                 <li><a href="https://www.facebook.com/pekingigem">Facebook</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://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li>
Line 360: Line 376:
 
                 <h1 class="mdl-mega-footer__heading">Contact</h1>
 
                 <h1 class="mdl-mega-footer__heading">Contact</h1>
 
                 <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;>
 
                 <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"> </a></li>
 
                 <li><a href="http://www.synbiowiki.com">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>
 
                 <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li>
Line 368: Line 385:
 
             <div class="mdl-mega-footer__drop-down-section">
 
             <div class="mdl-mega-footer__drop-down-section">
 
                 <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
 
                 <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
−
                 <h2 style="color: white; "> <strong>Peking iGEM</strong> 2017</h2>
+
                 <h2 style="color: white; "><strong>Peking iGEM</strong> 2017</h2>
 
                 <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;">
 
                 <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>
+
                     <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>
 
                 </ul>
 
             </div>
 
             </div>

Revision as of 10:08, 24 October 2017

Peking iGEM 2017

Microfluidics

Hardware

How to install MDL

How to install MDL

How to install MDL

How to install MDL

How to install MDL
How to install MDL
How to install MDL Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.

Tempor tempor aliqua in commodo cillum Lorem

magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.

Basic MDL Usage

Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit

eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate

incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.