7de405ddb1b541ed840c29ec5ef97b51ac21749c
[physical.git] / misc / USB extension cable / index.html
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <title>DIY USB extension cable</title>
5 <!-- 2020-05-20 K 21:05 -->
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <meta name="generator" content="Org-mode">
9 <meta name="author" content="Svjatoslav Agejenko">
10 <link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
11 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
12 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
13 <style type="text/css">
14 footer {background-color: #111 !important;}
15 pre {background-color: #111; color: #ccc;}
16 </style>
17 <style type="text/css">
18 /* org mode styles on top of twbs */
19
20 html {
21     position: relative;
22     min-height: 100%;
23 }
24
25 body {
26     font-size: 18px;
27     margin-bottom: 105px;
28 }
29
30 footer {
31     position: absolute;
32     bottom: 0;
33     width: 100%;
34     height: 101px;
35     background-color: #f5f5f5;
36 }
37
38 footer > div {
39     padding: 10px;
40 }
41
42 footer p {
43     margin: 0 0 5px;
44     text-align: center;
45     font-size: 16px;
46 }
47
48 #table-of-contents {
49     margin-top: 20px;
50     margin-bottom: 20px;
51 }
52
53 blockquote p {
54     font-size: 18px;
55 }
56
57 pre {
58     font-size: 16px;
59 }
60
61 .footpara {
62     display: inline-block;
63 }
64
65 figcaption {
66   font-size: 16px;
67   color: #666;
68   font-style: italic;
69   padding-bottom: 15px;
70 }
71
72 /* from twbs docs */
73
74 .bs-docs-sidebar.affix {
75     position: static;
76 }
77 @media (min-width: 768px) {
78     .bs-docs-sidebar {
79         padding-left: 20px;
80     }
81 }
82
83 /* All levels of nav */
84 .bs-docs-sidebar .nav > li > a {
85     display: block;
86     padding: 4px 20px;
87     font-size: 14px;
88     font-weight: 500;
89     color: #999;
90 }
91 .bs-docs-sidebar .nav > li > a:hover,
92 .bs-docs-sidebar .nav > li > a:focus {
93     padding-left: 19px;
94     color: #A1283B;
95     text-decoration: none;
96     background-color: transparent;
97     border-left: 1px solid #A1283B;
98 }
99 .bs-docs-sidebar .nav > .active > a,
100 .bs-docs-sidebar .nav > .active:hover > a,
101 .bs-docs-sidebar .nav > .active:focus > a {
102     padding-left: 18px;
103     font-weight: bold;
104     color: #A1283B;
105     background-color: transparent;
106     border-left: 2px solid #A1283B;
107 }
108
109 /* Nav: second level (shown on .active) */
110 .bs-docs-sidebar .nav .nav {
111     display: none; /* Hide by default, but at >768px, show it */
112     padding-bottom: 10px;
113 }
114 .bs-docs-sidebar .nav .nav > li > a {
115     padding-top: 1px;
116     padding-bottom: 1px;
117     padding-left: 30px;
118     font-size: 12px;
119     font-weight: normal;
120 }
121 .bs-docs-sidebar .nav .nav > li > a:hover,
122 .bs-docs-sidebar .nav .nav > li > a:focus {
123     padding-left: 29px;
124 }
125 .bs-docs-sidebar .nav .nav > .active > a,
126 .bs-docs-sidebar .nav .nav > .active:hover > a,
127 .bs-docs-sidebar .nav .nav > .active:focus > a {
128     padding-left: 28px;
129     font-weight: 500;
130 }
131
132 /* Nav: third level (shown on .active) */
133 .bs-docs-sidebar .nav .nav .nav {
134     padding-bottom: 10px;
135 }
136 .bs-docs-sidebar .nav .nav .nav > li > a {
137     padding-top: 1px;
138     padding-bottom: 1px;
139     padding-left: 40px;
140     font-size: 12px;
141     font-weight: normal;
142 }
143 .bs-docs-sidebar .nav .nav .nav > li > a:hover,
144 .bs-docs-sidebar .nav .nav .nav > li > a:focus {
145     padding-left: 39px;
146 }
147 .bs-docs-sidebar .nav .nav .nav > .active > a,
148 .bs-docs-sidebar .nav .nav .nav > .active:hover > a,
149 .bs-docs-sidebar .nav .nav .nav > .active:focus > a {
150     padding-left: 38px;
151     font-weight: 500;
152 }
153
154 /* Show and affix the side nav when space allows it */
155 @media (min-width: 992px) {
156     .bs-docs-sidebar .nav > .active > ul {
157         display: block;
158     }
159     /* Widen the fixed sidebar */
160     .bs-docs-sidebar.affix,
161     .bs-docs-sidebar.affix-bottom {
162         width: 213px;
163     }
164     .bs-docs-sidebar.affix {
165         position: fixed; /* Undo the static from mobile first approach */
166         top: 20px;
167     }
168     .bs-docs-sidebar.affix-bottom {
169         position: absolute; /* Undo the static from mobile first approach */
170     }
171     .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
172         margin-top: 0;
173         margin-bottom: 0
174     }
175 }
176 @media (min-width: 1200px) {
177     /* Widen the fixed sidebar again */
178     .bs-docs-sidebar.affix-bottom,
179     .bs-docs-sidebar.affix {
180         width: 263px;
181     }
182 }
183 </style>
184 <script type="text/javascript">
185 $(function() {
186     'use strict';
187
188     $('.bs-docs-sidebar li').first().addClass('active');
189
190     $(document.body).scrollspy({target: '.bs-docs-sidebar'});
191
192     $('.bs-docs-sidebar').affix();
193 });
194 </script>
195 </head>
196 <body>
197 <div id="content" class="container">
198 <div class="row"><div class="col-md-9"><h1 class="title">DIY USB extension cable</h1>
199
200 <div id="outline-container-sec-1" class="outline-2">
201 <h2 id="sec-1"><span class="section-number-2">1</span> General</h2>
202 <div class="outline-text-2" id="text-1">
203 <ul class="org-ul">
204 <li>DISCLAIMER: I DO ELECTRONICS AND 3D DESIGN SOLELY AS A HOBBY. THERE
205 COULD BE ERRORS THAT CAN RESULT IN ALL KINDS OF DAMAGE. USE THESE
206 DESIGNS AT YOUR OWN RISK.
207 </li>
208
209 <li>This design is released under Creative Commons Zero (CC0) license.
210 </li>
211
212 <li>Author:
213 <ul class="org-ul">
214 <li>Svjatoslav Agejenko
215 </li>
216 <li>Homepage: <a href="https://svjatoslav.eu">https://svjatoslav.eu</a>
217 </li>
218 <li>Email: <a href="mailto://svjatoslav@svjatoslav.eu">svjatoslav@svjatoslav.eu</a>
219 </li>
220 </ul>
221 </li>
222
223 <li>See also:
224 <ul class="org-ul">
225 <li><a href="../../index.html">Other physical projects in this repository</a>
226 </li>
227 <li><a href="https://www.svjatoslav.eu/projects/">Other projects hosted at svjatoslav.eu</a>
228 </li>
229 </ul>
230 </li>
231 </ul>
232 </div>
233 </div>
234
235 <div id="outline-container-sec-2" class="outline-2">
236 <h2 id="sec-2"><span class="section-number-2">2</span> Project description</h2>
237 <div class="outline-text-2" id="text-2">
238 <p>
239 Original cable endings could not handle all the twisting, so why not
240 to make new and better ones.
241 </p>
242
243 <p>
244 There are 2 designs:
245 </p>
246
247 <ol class="org-ol">
248 <li><a href="#sec-3">PLA + rubber/TPU design</a>: <img src="PLA%20+%20TPU/make.png" class="img-responsive" alt="make.png">
249 </li>
250
251 <li><a href="#sec-4">TPU only design</a>: <img src="TPU/make.png" class="img-responsive" alt="make.png">
252 </li>
253 </ol>
254 </div>
255 </div>
256
257 <div id="outline-container-sec-3" class="outline-2">
258 <h2 id="sec-3"><a id="ID-36c7eef2-83a1-440d-99a6-86d826ba0621" name="ID-36c7eef2-83a1-440d-99a6-86d826ba0621"></a><span class="section-number-2">3</span> PLA + rubber/TPU design</h2>
259 <div class="outline-text-2" id="text-3">
260 <p>
261 Following parts are glued together:
262 <img src="PLA%20+%20TPU/make,%202.png" class="img-responsive" alt="make,%202.png">
263 </p>
264
265 <p>
266 Male connector case:
267 <img src="PLA%20+%20TPU/male%20connector%20case.png" class="img-responsive" alt="male%20connector%20case.png">
268 </p>
269
270 <p>
271 Download:
272 </p>
273 <ul class="org-ul">
274 <li><a href="PLA + TPU/male%20connector%20case.FCStd">FreeCAD project</a>
275 </li>
276 <li><a href="PLA + TPU/male%20connector%20case.stl">STL file</a>
277 </li>
278 </ul>
279
280
281 <p>
282 Female connector case: (has slightly larger internal hole)
283 </p>
284
285
286 <figure>
287 <p><img src="PLA%20+%20TPU/female%20connector%20case,%201.png" class="img-responsive" alt="female%20connector%20case,%201.png">
288 </p>
289 </figure>
290
291
292 <figure>
293 <p><img src="PLA%20+%20TPU/female%20connector%20case,%202.png" class="img-responsive" alt="female%20connector%20case,%202.png">
294 </p>
295 </figure>
296
297
298 <p>
299 Download:
300 </p>
301 <ul class="org-ul">
302 <li><a href="PLA%20+%20TPU/female%20connector%20case.FCStd">FreeCAD project</a>
303 </li>
304 <li><a href="PLA%20+%20TPU/female%20connector%20case.stl">STL file</a>
305 </li>
306 </ul>
307 </div>
308 </div>
309
310 <div id="outline-container-sec-4" class="outline-2">
311 <h2 id="sec-4"><a id="ID-b19bae1f-aa07-438f-aba0-276697a77355" name="ID-b19bae1f-aa07-438f-aba0-276697a77355"></a><span class="section-number-2">4</span> TPU only design</h2>
312 <div class="outline-text-2" id="text-4">
313 <p>
314 3D rendering of the cover:
315 <img src="TPU/schematic.png" class="img-responsive" alt="schematic.png">
316 </p>
317
318 <p>
319 Download:
320 </p>
321 <ul class="org-ul">
322 <li><a href="TPU/USB%20cover.FCStd">FreeCAD project</a>
323 </li>
324 <li><a href="TPU/USB%20cover.stl">STL file</a>
325 </li>
326 </ul>
327 </div>
328 </div>
329 </div><div class="col-md-3"><nav id="table-of-contents">
330 <div id="text-table-of-contents" class="bs-docs-sidebar">
331 <ul class="nav">
332 <li><a href="#sec-1">1. General</a></li>
333 <li><a href="#sec-2">2. Project description</a></li>
334 <li><a href="#sec-3">3. PLA + rubber/TPU design</a></li>
335 <li><a href="#sec-4">4. TPU only design</a></li>
336 </ul>
337 </div>
338 </nav>
339 </div></div></div>
340 <footer id="postamble" class="">
341 <div><p class="author">Author: Svjatoslav Agejenko</p>
342 <p class="date">Created: 2020-05-20 K 21:05</p>
343 <p class="creator"><a href="http://www.gnu.org/software/emacs/">Emacs</a> 26.1 (<a href="http://orgmode.org">Org-mode</a> 9.1.9)</p>
344 </div>
345 </footer>
346 </body>
347 </html>