Difference between revisions of "Team:Peking/Lab"

 
(16 intermediate revisions by 3 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">Project</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">Modelling</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/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">Hardware</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab" style="color: #000; font-weight: 500;">Lab</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab" style="color: #000; font-weight: 500;">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 127: Line 127:
  
 
         .demo-card-wide.mdl-card {
 
         .demo-card-wide.mdl-card {
             margin-left: 50px;
+
             margin-bottom: 20px;
            margin-right: 50px;
+
             margin-top: 110px;
             margin-top: 120px;
+
            margin-bottom: 50px;
+
 
             width: auto;
 
             width: auto;
 +
            height: auto;
 
         }
 
         }
 
         .demo-card-wide > .mdl-card__title {
 
         .demo-card-wide > .mdl-card__title {
 +
            padding-left: 40px;
 +
            padding-right: 40px;
 
             color: #fff;
 
             color: #fff;
             height: 360px;
+
             height: 350px;
 
         }
 
         }
 
         .demo-card-wide > .mdl-card__menu {
 
         .demo-card-wide > .mdl-card__menu {
Line 143: Line 144:
 
     </style>
 
     </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/6/69/Peking_Safety_Background.jpeg') center / cover; padding-left: 50px;">
 
            <div class="mdl-card__title-text">
 
                <h1 style="font-size: xx-large; color: white"><strong>Safety</strong></h1>
 
            </div>
 
        </div>
 
  
  
 +
    <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 50px; margin-right: 30px;">
 +
                <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/d/dc/Peking_notebook_background.jpg') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>Notebook</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
 +
                    Peking iGEM 2017 would like to share with you document of the work done every week for our project. We spent the summer and the autumn in the laboratory together.<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/Notebook"target="_blank" style="background-color: red; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </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">
 
            <section class="docs-toc docs-text-styling">
 
                <nav class="section-content">
 
                    <ul style="margin-left: 0px;">
 
  
                        <li><a href="#lorem1">Description</a></li>
+
            </div>
 +
        </div>
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-right: 50px; margin-left: 30px;">
 +
                <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/fb/Peking_Protocols_Background.jpg') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>Protocols</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
  
                        <li><a href="https://getmdl.io/components/index.html#layout-section/grid">Description</a>
+
                    Here you can find the exact methods we use to generate our data and results. We hope they are organized and presented in a way of reproducibility.
                        </li>
+
  
                        <li><a href="https://getmdl.io/components/index.html#layout-section/tabs">Description</a>
+
                    <br><br>
                        </li>
+
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Protocols"target="_blank" style="background-color: #FF3942; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
  
                        <li><a href="https://getmdl.io/components/index.html#layout-section/footer">Description</a>
 
                        </li>
 
  
                    </ul>
+
            </div>
                </nav>
+
        </div>
            </section>
+
    </div>
            <br>
+
    <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
        <div class="mdl-cell mdl-cell--6-col">
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 50px; margin-right: 30px; margin-top: 30px; margin-bottom: 100px">
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/6/69/Peking_Safety_Background.jpeg') center / cover;">
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707;font-size: xx-large"><strong>Safety</strong></h1>
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                </div>
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    Peking iGEM 2017 addressed safety issues all the way along, from project design to lab work and shipment. Here we are going to share our experience in safety control.<br><br><br>
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Safety"target="_blank" style="background-color: orangered; color: white;">
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                        Read More
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    </a>
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                </div>
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
            Mauris sagittis pellentesque lacus eleifend lacinia...<br><br><br><br><br><br>
+
            <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Lab" style="background-color: #CB2C32; color: white;">
+
                Back < Lab
+
            </a>
+
  
            <a id="demo-menu-top-left"
 
              class="mdl-button mdl-button--accent mdl-js-button mdl-button--raised mdl-js-ripple-effect" style="background-color:orangered; color: white;">
 
                Goto > Lab/...
 
            </a>
 
  
             <ul class="mdl-menu mdl-menu--top-left mdl-js-menu mdl-js-ripple-effect"
+
             </div>
                 data-mdl-for="demo-menu-top-left" style="margin-left: 0px">
+
        </div>
                <a class="mdl-menu__item" href="https://2017.igem.org/Team:Peking/Notebook" style="color: #000;">Notebook</a>
+
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-right: 50px; margin-left: 30px; margin-top: 30px; margin-bottom: 50px">
 +
                 <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/ff/Peking_Interlab_background.jpeg') center / cover;">
 +
                    <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>InterLab</strong></h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
 +
                    The Peking iGEM 2017 team is participating in the Fourth InterLaboratory Measurement Study. We introduced eight plasmids into E. coli K-12 DH5-alpha and measured the GFP expression levels.
 +
                    <br><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/InterLab"target="_blank" style="background-color: #FFB645; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
  
                <a class="mdl-menu__item" href="https://2017.igem.org/Team:Peking/Protocols" style="color: #000;">Protocols</a>
 
  
                <a class="mdl-menu__item" href="https://2017.igem.org/Team:Peking/InterLab" style="color: #000;">InterLab</a>
+
            </div>
 +
        </div>
 +
    </div>
  
            </ul>
 
  
  
  
        </div>
 
  
 
        <div class="mdl-card__menu">
 
            <a class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
 
                <i class="material-icons">opacity</i>
 
            </a>
 
        </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>
Line 300: Line 272:
  
 
</main>
 
</main>
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 00:58, 2 November 2017

Peking iGEM 2017

Notebook

Peking iGEM 2017 would like to share with you document of the work done every week for our project. We spent the summer and the autumn in the laboratory together.

Read More

Protocols

Here you can find the exact methods we use to generate our data and results. We hope they are organized and presented in a way of reproducibility.

Read More

Safety

Peking iGEM 2017 addressed safety issues all the way along, from project design to lab work and shipment. Here we are going to share our experience in safety control.


Read More

InterLab

The Peking iGEM 2017 team is participating in the Fourth InterLaboratory Measurement Study. We introduced eight plasmids into E. coli K-12 DH5-alpha and measured the GFP expression levels.


Read More