-
Notifications
You must be signed in to change notification settings - Fork 1
/
testpage2.html
244 lines (237 loc) · 16 KB
/
testpage2.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
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2 Levels Stage</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./assets/favicon.ico" />
<link href="./static/style.css" rel="stylesheet">
<link href="./assets/style.css" rel="stylesheet">
</head>
<body>
<header class="site-header">
<div class="wrapper">
<div class=header-text>
<h1 class="site-title">2 Levels Stage</h1>
<p class="author">by Matías Hurtado</p>
<p class="affiliation">LIBRE hub</p>
</div>
</div>
</header>
<div class="page-content">
<div>
<nav class="sidebar">
<a href="#" class="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<ul class="nav-list">
<li>
<a class="navhome" href="./">
2 Levels Stage
</a>
</li>
<li class="not-active">
<a class="not-active" href="./index_BOM.html">
Bill of Materials
</a>
</li>
<li class="not-active">
<a class="not-active" href="./testpage1.html">
3D models
</a>
</li>
<li class="active">
<a class="active" href="./testpage2.html">
Building
</a>
</li>
<li class="not-active">
<a class="not-active" href="./testpage5.html">
Screen holder
</a>
</li>
<li class="not-active">
<a class="not-active" href="./Information.html">
Electronics Assembly
</a>
</li>
<li class="not-active">
<a class="not-active" href="./testpage3.html">
Codes
</a>
</li>
</ul>
</nav>
</div>
<div class="wrapper">
<h1 id="building">Building</h1>
<h3 id="2-levels-stage">2 Levels Stage</h3>
<p><img alt="" src="images/www.png" title="" /></p>
<div class="pagebom">
<h3 id="part">Parts</h3>
<ul>
<li>6 <a Class="bom" href="Hinsert.html">heat inserts</a> </li>
<li>10 <a Class="bom" href="nuts.html">M3 nut</a> </li>
<li>11 <a Class="bom" href="mthree.html">M3x10 screw</a> </li>
<li>4 <a Class="bom" href="mthreefifteen.html">M3x15 screw</a> </li>
<li>1 <a Class="bom" href="hexscrew.html">M3x20 HEX screw</a> </li>
<li>1 <a Class="bom" href="xscrew.html">M3x20 X screw</a> </li>
<li>2 <a Class="bom" href="mthreefive.html">M3x5 screw</a> </li>
<li>1 <a Class="bom" href="oring.html">O ring</a> </li>
<li>2 <a Class="bom" href="washer.html">screw washers</a> </li>
</ul>
<h3 id="tool">Tools</h3>
<ul>
<li>1 <a Class="bom" href="hexkey.html">M3 HEX key</a> </li>
<li>1 <a Class="bom" href="piler.html">piler</a> </li>
<li>1 <a Class="bom" href="screwdriver.html">screwdriver</a> </li>
<li>1 <a Class="bom" href="soldiron.html">soldering iron</a> </li>
</ul>
<h3 id="printedtool">Printed tools</h3>
<ul>
<li>1 <a Class="bom" href="gripper.html">gripper</a> </li>
<li>1 <a Class="bom" href="nutpusher.html">nut pusher</a> </li>
</ul>
<h3 id="printedpart">Printed parts</h3>
<ul>
<li>1 <a Class="bom" href="actuatorfoot.html">actuator foot</a> </li>
<li>1 <a Class="bom" href="lightholder.html">base of the light holder</a> </li>
<li>1 <a Class="bom" href="cameraholder.html">camera holder</a> </li>
<li>1 <a Class="bom" href="lightholder.html">cap of the light holder</a> </li>
<li>1 <a Class="bom" href="f-regulator.html">focusing regulator</a> </li>
<li>1 <a Class="bom" href="lightholder.html">hinge of the light holder</a> </li>
<li>1 <a Class="bom" href="mainknob.html">main knob</a> </li>
<li>4 <a Class="bom" href="shortbaseleg.html">short base legs</a> </li>
<li>1 <a Class="bom" href="lightholder.html">slide knob</a> </li>
<li>1 <a Class="bom" href="lightholder.html">sliding piece of the light holder</a> </li>
<li>4 <a Class="bom" href="ulegs.html">upper legs</a> </li>
</ul>
<h3 id="lasercutpart">Laser cut parts</h3>
<ul>
<li>1 <a Class="bom" href="PMMA.html">middle plate</a> </li>
<li>1 <a Class="bom" href="PMMA.html">upper plate</a> </li>
</ul>
</div>
<h2 id="first-level">First level</h2>
<h5 id="with-all-the-necessary-station-pieces-in-hand-proceed-to-insert-the-six-heat-inserts-for-m3-screws-into-the-top-upper-plate-apply-heat-using-a-soldering-iron-and-exert-pressure-on-the-designated-6-laser-cut-holes">With all the necessary station pieces in hand, proceed to insert the six <a href="Hinsert.html">heat inserts</a> for M3 screws into the top <a href="PMMA.html">upper plate</a>. Apply heat using a <a href="soldiron.html">soldering iron</a> and exert pressure on the designated 6 laser-cut holes.</h5>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show0').src=this.src" src="images/abcdef.png" alt="" />
<img onmouseover="getElementById('gallery-show0').src=this.src" src="images/abcdefghi.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show0" src="images/abcdef.png" alt=""/></div>
<h5 id="follow-a-top-to-bottom-building-approach-connecting-the-upper-legs-to-the-borders-and-the-focusing-regulator-to-the-center">Follow a top-to-bottom building approach connecting the <a href="ulegs.html">upper legs</a> to the borders and the <a href="f-regulator.html">focusing regulator</a> to the center.</h5>
<ul>
<li>Insert the <a href="mthree.html">M3x10 screw</a> diagonally into the lateral space in the upper leg, ensuring a proper fit. Apply additional pressure if necessary to secure the connection, then do the same with the other three.</li>
</ul>
<p><img alt="" src="images/abcdefg.png" title="" /></p>
<ul>
<li>Next, pass the <a href="hexkey.html">M3 HEX key</a> through the leg and screw it into the heat insert and ensuring that the lateral hole points towards the center of the Station. </li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/abcdefgh.png" alt="" />
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/bbb.png" alt="" />
<img onmouseover="getElementById('gallery-show1').src=this.src" src="images/ccc.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show1" src="images/abcdefgh.png" alt=""/></div>
<ul>
<li>Additionally, you have the Focusing regulator. Join its pieces and proceed to screw it into the upper plate. Remember to complete this step before installing the <a href="PMMA.html">middle plate</a>, as you won't be able to secure it otherwise.</li>
</ul>
<hr />
<h4 id="focusing-regulator">Focusing regulator</h4>
<h5 id="focusing-regulator-pieces">Focusing regulator pieces.</h5>
<ul>
<li>Start by screwing the <a href="cameraholder.html">camera holder</a> with the <a href="nuts.html">M3 nut</a> inside using the hex key to adjust a <a href="mthree.html">M3x10 screw</a> to it. Insert the hex key through the focusing regulator and adjust the camera holder according to the specific camera that will be used later.</li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show2').src=this.src" src="images/xxx.png" alt="" />
<img onmouseover="getElementById('gallery-show2').src=this.src" src="images/yyy.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show2" src="images/xxx.png" alt=""/></div>
<ul>
<li>Following the camera holder, attach the <a href="mainknob.html">main knob</a> with its <a href="hexscrew.html">M3x20 HEX screw</a> screw, which should have a hexagonal head. Place the two <a href="washer.html">screw washers</a> with their round edges against each other. Insert an <a href="nuts.html">M3 nut</a> into the focusing regulator hole and use the <a href="nutpusher.html">nut pusher</a> 3D printed tool to push it in. Finally, screw the main knob into place.</li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/xx.png" alt="" />
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/kkk.png" alt="" />
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/jjj.png" alt="" />
<img onmouseover="getElementById('gallery-show3').src=this.src" src="images/zzz.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show3" src="images/xx.png" alt=""/></div>
<h5 id="focusing-regulator-assembly">Focusing regulator assembly:</h5>
<ul>
<li>Position the assembled focusing regulator against the upper plate and secure it with two <a href="mthreefive.html">M3x5 screw</a> into the remaining heat inserts. Ensure that the main knob is pointing outward from the station.</li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show4').src=this.src" src="images/eee.png" alt="" />
<img onmouseover="getElementById('gallery-show4').src=this.src" src="images/fff.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show4" src="images/eee.png" alt=""/></div>
<hr />
<h5 id="lastly-at-this-stage-secure-the-base-of-the-light-holder-by-using-three-m3x10-screw-screws-and-three-m3-nut-ensure-that-the-printed-plate-of-the-base-and-the-nuts-are-positioned-beneath-the-plate">Lastly, at this stage, secure the <a href="lightholder.html">base of the light holder</a> by using three <a href="mthree.html">M3x10 screw</a> screws and three <a href="nuts.html">M3 nut</a>. Ensure that the printed plate of the base and the nuts are positioned beneath the plate.</h5>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show5').src=this.src" src="images/ggg.png" alt="" />
<img onmouseover="getElementById('gallery-show5').src=this.src" src="images/hhh.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show5" src="images/ggg.png" alt=""/></div>
<hr />
<h2 id="second-level">Second level</h2>
<h5 id="moving-on-to-the-base-level-position-the-focusing-regulator-and-secure-it-in-place-using-three-m3x10-screw-inserting-them-directly-into-the-corresponding-holes-in-the-printing-until-the-head-of-the-screw-touches-the-middle-plate">Moving on to the base level, position the focusing regulator and secure it in place using three <a href="mthree.html">M3x10 screw</a>, inserting them directly into the corresponding holes in the printing until the head of the screw touches the middle plate.</h5>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show6').src=this.src" src="images/mmm.png" alt="" />
<img onmouseover="getElementById('gallery-show6').src=this.src" src="images/nnn.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show6" src="images/mmm.png" alt=""/></div>
<h5 id="next-proceed-to-screw-the-fourshort-base-legs-into-the-middle-plate-using-a-m3x15-screw-insert-the-screw-diagonally-similar-to-the-upper-leg-and-then-secure-it-into-a-m3-nut-placed-into-the-remaining-hole-of-the-upper-leg-repeat-this-process-for-the-other-four-legs-once-all-legs-are-securely-screwed-ensure-that-the-base-legs-are-aligned-in-the-same-direction-as-the-upper-legs">Next, proceed to screw the four<a href="shortbaseleg.html">short base legs</a> into the middle plate using a <a href="mthreefifteen.html">M3x15 screw</a>. Insert the screw diagonally, similar to the upper leg, and then secure it into a <a href="nuts.html">M3 nut</a> placed into the remaining hole of the upper leg. Repeat this process for the other four legs. Once all legs are securely screwed, ensure that the base legs are aligned in the same direction as the upper legs.</h5>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show7').src=this.src" src="images/iii.png" alt="" />
<img onmouseover="getElementById('gallery-show7').src=this.src" src="images/lll.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show7" src="images/iii.png" alt=""/></div>
<h5 id="thirdly-proceed-to-insert-the-o-ring-into-the-focusing-regulator-with-the-actuator-foot-positioned-in-between-utilize-the-gripper-to-assist-in-the-insertion-process-apply-pressure-to-push-the-o-ring-until-it-clicks-securely-into-place-at-the-end">Thirdly, proceed to insert the <a href="oring.html">O ring</a> into the focusing regulator, with the <a href="actuatorfoot.html">actuator foot</a> positioned in between. Utilize the <a href="gripper.html">gripper</a> to assist in the insertion process. Apply pressure to push the O-ring until it clicks securely into place at the end.</h5>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/ppp.png" alt="" />
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/qqq.png" alt="" />
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/ooo.png" alt="" />
<img onmouseover="getElementById('gallery-show8').src=this.src" src="images/rrr.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show8" src="images/ppp.png" alt=""/></div>
<h5 id="finally-for-this-station-assemble-the-pieces-of-the-light-holder-and-then-place-it-into-the-base-on-the-top-plate">Finally, for this station, assemble the pieces of the light holder and then place it into the base on the top plate.</h5>
<p><img alt="" src="images/sss.png" title="" /></p>
<ul>
<li>To accomplish this, begin by inserting the heat insert into the <a href="lightholder.html">sliding piece of the light holder</a>. Then, proceed to screw the <a href="lightholder.html">slide knob</a> into the heat insert with a <a href="screwdriver.html">screwdriver</a>. For the knob itself, place a <a href="nuts.html">M3 nut</a> in the middle space and secure it by screwing it tightly with a <a href="xscrew.html">M3x20 X screw</a>20mm M3 cross head screw.</li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show9').src=this.src" src="images/uuu.png" alt="" />
<img onmouseover="getElementById('gallery-show9').src=this.src" src="images/vvv.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show9" src="images/uuu.png" alt=""/></div>
<ul>
<li>Once you have completed the previous step, proceed to place the <a href="lightholder.html">hinge of the light holder</a> between the arm and the sliding piece. You can use a <a href="piler.html">piler</a> to assist in positioning the hinge accurately.</li>
</ul>
<div class="gallery-thumb">
<img onmouseover="getElementById('gallery-show10').src=this.src" src="images/Anim.gif" alt="" />
<img onmouseover="getElementById('gallery-show10').src=this.src" src="images/ttt.png" alt="" />
</div>
<div class="gallery-show"><img id="gallery-show10" src="images/Anim.gif" alt=""/></div>
<p>After completing all the previous steps, proceed to install the lens and electronics into their designated positions within the station. Ensure the lens is securely placed for optimal performance, connect the electronics to the appropriate ports, and insert the <a href="lightholder.html">cap of the light holder</a> to provide protection and efficient light distribution. With these final elements in place, your microfluidic working station will be fully equipped and ready for effective use in your scientific endeavors.</p>
<p><img alt="" src="images/www.png" title="" /></p>
<hr />
<p><a href="testpage1.html">Previous page</a> | <a href="testpage5.html">Next page</a></p>
</div>
</div>
<footer class="site-footer">
<div class="wrapper">
<a target="_blank" rel="noopener noreferrer" href="https://gitbuilding.io">
<img class="icon" src="./static/Logo/GitBuilding500x.png" alt="GitBuilding logo">
<span class="info">Documentation powered by GitBuilding</span>
</a>
<p class="author">©2023 Matías Hurtado</p>
<p class="email">Contact: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</footer></body>
</html>