-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathbiobrick.html
More file actions
152 lines (133 loc) · 5.92 KB
/
biobrick.html
File metadata and controls
152 lines (133 loc) · 5.92 KB
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
<!DOCTYPE html>
<html>
<head>
<title>BioBrick Assembly</title>
<link href="css/biobrick.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" rel="stylesheet" type="text/css" media="screen,projection">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.js"></script>
<script type="text/javascript" src="js/biobrick.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<div id="nav-icon">
<span class="green darken-4"></span>
<span class="green darken-4"></span>
<span class="green darken-4"></span>
<span class="green darken-4"></span>
<span class="green darken-4"></span>
<span class="green darken-4"></span>
</div>
<div id="mySidenav" class="sidenav z-depth-5 green accent-3">
<a href="index.html">Home</a>
<a href="crash.html">Learn Synth Biology</a>
<a href="biobrick.html">Learn BioBricks</a>
<a href="riboswitch.html">Learn Riboswitches</a>
</div>
<div class="flex-container title">
<h3>BioBrick Assembly</h3>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="card green z-depth-5">
<div class="card-content white-text">
<span class="card-title">BioBricks™ is a standard for interchangable parts, developed with a view to building biological systems in living cells.</span>
</div>
</div>
</div>
</div>
<div class="flex-container video">
<iframe src="https://www.youtube.com/embed/5Cr5YkvN8Y0?ecver=2" width="1280" height="720" frameborder="0" allowfullscreen>
</iframe>
</div>
<div class="row">
<div class="col s12 m8 offset-m2">
<div class="card green z-depth-5">
<div class="card-content white-text">
<span class="card-title">Lego bricks are used, mostly by children, to construct vehicles, buildings, andeven working robots. Since the human genome has been fully characterized,we can use a Lego-like approach to “build” entire living organisms from scratch. BioBrick parts are DNA sequences that have a defined structure and function. These parts share a common interface and are designed to be composed and incorporated into living cells to construct new biological systems. Larger BioBrick parts can be created by connecting smaller ones in any desired order. It’s like building a tower with Lego bricks.</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="card green z-depth-5">
<div class="card-image">
<img src="res/biobrick-ex.png">
</div>
<div class="card-content white-text">
<span class="card-title">Simple Genetic Circuit</span>
<p>RNA polymerase binds to the promoter and transcription of the entire circuit takes place to produce an mRNA which stops at the terminator. The ribosome then binds to the RBS on the mRNA which facilitates translation and the protein is expressed.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="card green z-depth-5">
<div class="card-image">
<img src="res/biobrick-parts.png">
</div>
<div class="card-content white-text">
<span class="card-title">BioBricks</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m3">
<div class="card green z-depth-5">
<div class="card-image">
<img src="res/biobrick-assembly.jpg">
</div>
<div class="card-content white-text">
<span class="card-title">BioBrick Assembly</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m2">
<div class="card green z-depth-5">
<div class="card-content white-text">
<span class="card-title">The first picture shows a plasmid (black circle) containing a biobrick which is the promoter (orange arrow). This is flanked by two pairs of restriction enzymes on either side of the two biobricks. E represents EcoR1, X is Xba1,S is Spe1 and P represents Pst1. The green arrow represents a gene that encodes for an antibiotic.</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m4">
<div class="card green z-depth-5">
<div class="card-content white-text">
<span class="card-title">Similarly the second picture shows a plasmid containing the RBS (green circle) and protein coding region or the gene that needs to be expressed (pink arrow). Now in order to express the gene, acomplete genetic circuit has to be constructed which is shown in the third figure.</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 offset-m2">
<div class="card green z-depth-5">
<div class="card-content white-text">
<span class="card-title">In order to do this we use a technique called biobrick assembly. The first plasmid is cut with two restriction enzymes i.e EcoR1 and Spe1 to get the insert which is the promoter with EcoR1 and Spe1 sticky ends. Similarly the second plasmid is also cut with the same set of restriction enzymes to generate sticky ends. The insert and the cut plasmid are now mixed and ligated that make a complete genetic circuit. When this plasmid is transformed into a host bacterial cell like E coli the protein is generated by transcription and translation.</span>
</div>
</div>
</div>
</div>
<footer class="page-footer green darken-3">
<div class="container">
<div class="row">
<div class="col s12 m10 offset-m1">
<h2 class="white-text center">iGEM Inheritance Hackathon Project</h2>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Lazy Tomato Studios 2017 ©
<a class="btn-floating btn-large waves-effect waves-light green" id="top" onclick="topFunction()"><i class="material-icons">vertical_align_top</i></a>
</div>
</div>
</footer>
</body>
</html>