2018WikiWebsite/wetLabInterLab.html at master · cornelligem/2018WikiWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<html>
<head>
     <style>
        /* hides "Team:Cornell" and iGEM logo */
        #top_title {
            display: none;
        }

        /* removes padding below footer */
        #globalWrapper {
            padding: 0;
        }

        #content {
            background: #0d1c38;
            padding: 0px;
            width: 100% !important;
            margin-top: 0px;
            margin-left: 0px ;
        }

        /* removes default styling for home banner tagline */
        #HQ_page p {
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;
        }

        /* removes small extra margin at very bottom below footer */
        p {
            margin: 0;
        }

        .notebook-header-text {
            margin-top: 1em;
            margin-bottom: 1em;
        }

        /* removes bullets from Toolkit dropdown menu */
        ul {
            list-style-image: none;
        }
    </style>

    <title>Team:Cornell/InterLab - 2018.igem.org</title>
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="http://2018.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
    <link rel="stylesheet" type="text/css" href="http://2018.igem.org/Team:Cornell/grids?action=raw&ctype=text/css">
    <!-- JS -->
    <script src="http://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
    <script src="http://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script>
</head>
<body>
    <div class="interlab-page-wrapper">
        <!------------------------ NAV BAR START ------------------------>
        <nav>
            <div class="nav-bar-wrapper">
                <div>
                    <div class="nav-bar-logo">
                        <a href="http://2018.igem.org/Team:Cornell"><img src="http://2018.igem.org/wiki/images/6/63/T--Cornell--OscillateLogo.jpg" alt="Oscillate"></a>
                    </div>
                    <div class="nav-bar-main-menu">
                    <div class="dropdown">
                        <button class="dropbtn">TEAM</button>
                        <div class="dropdown-content team-dropdown-content">
                            <a href="http://2018.igem.org/Team:Cornell/Team">BIOS</a>
                            <a href="http://2018.igem.org/Team:Cornell/Sponsors">SPONSORS</a>
                            <a href="http://2018.igem.org/Team:Cornell/Attributions">ATTRIBUTIONS</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn">OUTREACH</button>
                        <div class="dropdown-content outreach-dropdown-content">
                            <a href="http://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
                            <a href="http://2018.igem.org/Team:Cornell/Public_Engagement">PUBLIC ENGAGEMENT</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn">HUMAN-CENTERED DESIGN</button>
                        <div class="dropdown-content human-dropdown-content">
                            <a href="http://2018.igem.org/Team:Cornell/Human_Practices">PRACTICES</a>
                            <a href="http://2018.igem.org/Team:Cornell/Policies">POLICIES</a>
                            <a href="http://2018.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn">MODELING</button>
                        <div class="dropdown-content modeling-dropdown-content">
                            <a href="http://2018.igem.org/Team:Cornell/Modeling">MODELING</a>
                            <a href="http://2018.igem.org/Team:Cornell/Testing">TESTING</a>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn active-page">TOOLKIT</button>
                        <div class="dropdown-content toolkit-dropdown-content">
                            <ul>
                                <div class="nav-first-col">
                                    <li class = "wet-lab-list-title"><b>WET LAB</b></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Foundations">FOUNDATIONS</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Basic_Part">BASIC PARTS</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Composite_Part">COMPOSITE PARTS</a></li>
                                    </li>
                                </div>
                                <div class="nav-second-col">
                                    <li class = "doc-list-title"><b>DOCUMENTATION</b></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Notebook">NOTEBOOK</a></li>
                                    <li><a href="http://2018.igem.org/Team:Cornell/Safety">SAFETY</a></li>
                                    </li>
                                </div>
                            </ul>
                        </div>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn" onclick="location.href='http://2018.igem.org/Team:Cornell/About'">ABOUT</button>
                    </div>
                    <div class="dropdown">
                        <button class="dropbtn" onclick="location.href='http://2018.igem.org/Team:Cornell'">HOME</button>
                    </div>
                </div>
                </div>
            </div>
        </nav>
        <!------------------------ NAV BAR END ------------------------>

        <!------------------------ INTERLAB PAGE BANNER START ------------------------>
        <header class="standard-page-banner interlab-page-banner">
            <svg viewBox="0 0 100 100" width=100% height=100%>
                <polygon points="-50,50 50,10 150,50 50,90" fill="white" fill-opacity="0.4"></polygon>
                <text class="standard-page-banner-title" text-anchor="middle" alignment-baseline="middle" x=50% y=50% >InterLab</text>
            </svg>
        </header>
        <!------------------------ INTERLAB PAGE BANNER END ------------------------>

        <!------------------------ INTERLAB PAGE CONTENT START ------------------------>
        <div class="interlab-page-content-wrapper">
                    <div class="interlab-text-wrapper">
                <p class="interlab-body-text">As with any discipline, reproducibility is critical for the advancement of synthetic biology. For the first time, our team participated in the InterLab study with the goal of ensuring reproducibility of results. </p><br><br>
                <p class="interlab-body-text">This year’s InterLab study had the goal of reducing variability in fluorescence measurements by measuring fluorescence relative to colony forming units (CFUs), instead of the traditional method of measuring optical density (OD). Our team participated by utilizing a plate reader to conduct fluorescence and absorbance measurements on the samples. </p><br><br>
                <p class="interlab-body-text">We followed the plate reader protocol released by the Measurement Committee. To calibrate, we measured the absorbance of the 45% LUDOX CL-X solution as well as a suspension of microspheres and a solution of fluorescein salt. The absorbance and fluorescence were measured on a Molecular Devices SpectraMax M2 plate reader. All measurements made were taken at room temperature, and absorbance measurements were made at 600 nm. The plate reader was equipped with a monochromator, and excitation and emission wavelengths for measuring fluorescence were measured at 485 and 525 nm, respectively.</p><br><br>
                <p class="interlab-body-text">All of the test devices were prepared using the protocol provided by iGEM and the Measurement Committee. They were grown overnight, and diluted to a standard OD in LB+CAM before measurement began. The cultures were grown for 6 hours in a rocking water bath at 37°C in 50mL centrifuge tubes covered in foil. Separate samples were prepared for growth on LB Agar + CAM plates, and were serially diluted to measure CFUs at 3 different concentrations. Finally, these colony counts were converted to CFU/mL. </p><br><br>
                <p class="interlab-body-text">Our raw data and results can be seen below. This spreadsheet was submitted for the InterLab study, and the final data was approved.</p><br><br>
<div class="standard-page-content-image-wrapper">
                        <img class="standard-page-content-image" src="http://2018.igem.org/wiki/images/9/92/T--Cornell--ParticleStandardCurve.png">
                    </div>
<div class="standard-page-content-image-wrapper">
                        <img class="standard-page-content-image" src="http://2018.igem.org/wiki/images/0/0d/T--Cornell--ParticleStandardCurveLog.png">
                    </div>
<div class="standard-page-content-image-wrapper">
                        <img class="standard-page-content-image" src="http://2018.igem.org/wiki/images/8/8e/T--Cornell--FluoresceinStandardCurve.png">
                    </div>
<div class="standard-page-content-image-wrapper">
                        <img class="standard-page-content-image" src="http://2018.igem.org/wiki/images/0/01/T--Cornell--FluoresceinStandardCurveLog.png">
                    </div>

                <p class="interlab-body-text">This year was the first time we had participated in the InterLab study, and we had an overwhelmingly positive experience. We generally found the protocol provided by the committee to be clear and easy to follow. We appreciated the ease of the data submission process, as well as the data entry process. Based on our experience this year, we look forward to participating in the InterLab study in future years!
</p><br><br>
                    </div>
        </div>
        <!------------------------ INTERLAB PAGE CONTENT END ------------------------>

        <!------------------------ FOOTER START ------------------------>
        <footer>
            <div class="footer-wrapper">
                <div class="icon-wrapper">
                    <a class="icon" href="http://facebook.com/cornelligem"><img src="http://2018.igem.org/wiki/images/3/30/T--Cornell--Facebook.jpg"></a>
                </div>
                <div class="icon-wrapper">
                    <a class="icon" href="http://twitter.com/cugem"><img src="http://2018.igem.org/wiki/images/0/02/T--Cornell--Twitter.jpg"></a>
                </div>
                <div class="icon-wrapper">
                    <a class="icon" href="https://www.instagram.com/cugem/"><img src="http://2018.igem.org/wiki/images/a/ae/T--Cornell--Instagram.jpg"></a>
                </div>
                <div class="icon-wrapper icon-wrapper-last">
                    <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="http://2018.igem.org/wiki/images/7/77/T--Cornell--Youtube.jpg"></a>
                </div>
            </div>
        </footer>
        <!------------------------ FOOTER END ------------------------>
    </div>
</body>
</html>