forked from BenjaminAmbrose/smfBox
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (113 loc) · 5.28 KB
/
index.html
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
<!doctype html>
<!--
##############################################################
Ignore this boilerplate if you're just trying to edit the text.
Skip to the part that says 'The real text begins here'
##############################################################
Based on this theme: https://github.com/broccolini/dinky , which mentioned that attribution
is appreciated. Thanks, broccolini!
-->
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<base target="_blank">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="citation_title" content="smfBox">
<meta name="citation_author" content="Craggs Lab">
<meta name="citation_publication_date" content="[insterpublicaton date here]">
<title>smfBox - Craggs Lab</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/prism.css">
<!--[if lt IE 9]>
<script src="javascript/html5shiv/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please
<a href="http://browsehappy.com/">upgrade your browser</a> to improve your
experience.</p>
<![endif]-->
<script src="javascript/scale-fix/scale.fix.js"></script>
<script src="javascript/python-highlighting/prism.js"></script>
<script async src="javascript/Minimal-MathJax/MathJax.js?config=TeX-AMS_CHTML"></script>
<script src="javascript/update_figures.js"></script>
<script src="javascript/preload_figures.js"></script>
<script src="javascript/reference_list/reference_list.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.slidecontainer {
width: 97.5%;
padding-left:1%;
padding-right:1.5%;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 50px;
height: 15px;
background: #000000;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 50px;
height: 15px;
background: #000000;
cursor: pointer;
}
</style>
</head>
<body>
<div class="wrapper">
<header>
<script src="header.js"></script>
</header>
<!--
##############################################################
The real text begins here.
##############################################################
-->
<section>
<h1>The smfBox</h1>
<figure id="Figure_rotated" style="display: inline-block; float: right; width:60%;margin-left:10px;max-width:827px;">
<img src="images/Final_Rotation_View_smfScope/Final_Rotation_View_smfScope_0.png"
alt="Figure Rotated" id="Figure_rotated_image" onload="loadRotatedImages()">
<table class="figure_controls">
<tr>
<td><div class="slidecontainer">
<input type="range" min="-35" max="35" value="0" class="slider" id="Figure_rotated_period_slider" oninput="update_figure_rotated()"></td>
</tr>
</div>
</td><td style="padding-left: 1%;"><font size = 1><center>(change this slider to rotate the smfBox)</center></font></td>
</tr>
</table>
<figcaption><strong>Rotating view of smfBox: An interactive figure</strong></figcaption>
</figure>
<p>Single molecule Förster Resonance Energy Transfer (smFRET) can be used to obtain a unique level of information for dynamic processes involving biological molecules, as well as revealing structural information. <a href="https://craggs-lab.com/author/craggslab/">The Craggs Lab</a> of The <a href="https://www.sheffield.ac.uk/">University of Sheffield</a> has developed an open-source microscopy platform for making smFRET measurements at a fraction of the price of typical commercial systems. The smfBox system can be built for around 40,000 GBP using commercially available parts and fabrication of a simple microscope body. It requires a relatively small footprint on an optics bench or optical breadboard. When complete can be used as a class 1 laser product; all beams are enclosed, and a mechanical shutter connected to the lid prevents laser light from entering the box when the lid is open.
<p>In a <a href="https://www.nature.com/articles/s41592-018-0085-0">recent study</a> smFRET was shown to be capable of reliably recovering FRET efficiencies with s.d. between ±0.02 and ±0.05. As a participant of that study, the smfBox performed on par with similiar custom and commercially available instruments worldwide. On this site we provide all information needed to fabricate and purchase the components for the smfBox, the instructions to build it, and the software required to use it.</p>
<p></p>
<ul>
<li>Cost Effective - £40,000</li>
<li>Safe - Class 1 laser product </li>
<li>Competitive performance </li>
<li>Easy to build </li>
<li>Easy to use </li>
</ul>
</section>
<br><footer><script src="footer.js"></script></footer>
<!--[if !IE]><script>fixScale(document);</script><![endif]-->
</body>
</html>