longer hooks for cable organizer
[physical.git] / misc / alternative USB layout / index.html
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <title>Alternative (and incompatible) layout for USB connectors</title>
5 <!-- 2021-01-03 P 00:30 -->
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">Alternative (and incompatible) layout for USB connectors</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>Authors:
213 <ul class="org-ul">
214 <li>Svjatoslav Agejenko
215 <ul class="org-ul">
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>Valeria Agejenko
224 </li>
225 </ul>
226 </li>
227
228 <li>See also:
229 <ul class="org-ul">
230 <li><a href="../../index.html">Other physical projects in this repository</a>
231 </li>
232 <li><a href="https://www.svjatoslav.eu/projects/">Other projects hosted at svjatoslav.eu</a>
233 </li>
234 </ul>
235 </li>
236 </ul>
237 </div>
238 </div>
239
240 <div id="outline-container-sec-2" class="outline-2">
241 <h2 id="sec-2"><span class="section-number-2">2</span> Project description</h2>
242 <div class="outline-text-2" id="text-2">
243 <p>
244 <b>Warning!</b> Here I describe a hack that I personally found useful for
245 my own needs. But it is dangerous. Not to be replicated unless you
246 know that you are doing.
247 </p>
248
249
250
251 <figure>
252 <p><img src="make.png" class="img-responsive" alt="make.png">
253 </p>
254 </figure>
255
256 <p>
257 I needed a way to power various devices I build.
258 </p>
259
260 <p>
261 Requirements:
262 </p>
263
264 <ul class="org-ul">
265 <li>Reliable.
266 </li>
267 <li>Cheap.
268 </li>
269 <li>Easy to use.
270 </li>
271 <li>Popular and highly available.
272 </li>
273 <li>Ability to draw significant current directly from 12V cheap, popular
274 and powerful lead-acid battery (optionally off-grid). Useful for
275 powerful electric motors, heaters, soldering irons, radio
276 transmitters, etc.
277 </li>
278 <li>Ability to draw limited but stabilized 5V power. Good for digital
279 circuits.
280 </li>
281 <li>Ability to have limited and simple 1-wire digital communication.
282 </li>
283 </ul>
284
285 <p>
286 USB Type A connectors are best match that I found.
287 </p>
288
289 <p>
290 The main problem is, I like USB connectors but I want to use different
291 and incompatible electrical layout with them.
292 </p>
293
294 <p>
295 <b>Connecting proper USB power supplies, devices and even cables to the
296 ones that use alternative electrical layout would do damage!!!</b>
297 </p>
298
299 <p>
300 To avoid accidental mismatches, I mark all connectors/cables and devices that
301 use alternative wiring with <a href="stickers.png">printed, laminated warning stickers</a>.
302 </p>
303
304 <p>
305 Alternative wiring schematic:
306 <img src="schematic.png" class="img-responsive" alt="schematic.png">
307 </p>
308
309 <ul class="org-ul">
310 <li>Outer shell is ground.
311 </li>
312 <li>2 central pins are re-purposed to deliver +12V and high power.
313 </li>
314 <li>1 pin is for limited power +5V.
315 </li>
316 <li>1 pin for 1-Wire data.
317 </li>
318 </ul>
319
320
321 <p>
322 Example warning marking on device to indicate that alternative USB
323 layout is used here:
324 </p>
325
326
327 <figure>
328 <p><img src="../lab%20heater%20and%20cooler/make,%202.png" class="img-responsive" alt="make,%202.png">
329 </p>
330 </figure>
331 </div>
332 </div>
333 </div><div class="col-md-3"><nav id="table-of-contents">
334 <div id="text-table-of-contents" class="bs-docs-sidebar">
335 <ul class="nav">
336 <li><a href="#sec-1">1. General</a></li>
337 <li><a href="#sec-2">2. Project description</a></li>
338 </ul>
339 </div>
340 </nav>
341 </div></div></div>
342 <footer id="postamble" class="">
343 <div><p class="author">Author: Svjatoslav Agejenko</p>
344 <p class="date">Created: 2021-01-03 P 00:30</p>
345 <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>
346 </div>
347 </footer>
348 </body>
349 </html>