cases/USB cable terminals/index.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4 <title>DIY USB extension cable</title>
   5 <!-- 2020-05-21 N 00:35 -->
   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>
 249 </li>
 250
 251 <li><a href="#sec-4">TPU only design</a>
 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
 261 <figure>
 262 <p><img src="PLA%20+%20TPU/make.png" class="img-responsive" alt="make.png">
 263 </p>
 264 </figure>
 265
 266 <p>
 267 Following parts are glued together:
 268 <img src="PLA%20+%20TPU/make,%202.png" class="img-responsive" alt="make,%202.png">
 269 </p>
 270 </div>
 271
 272 <div id="outline-container-sec-3-1" class="outline-3">
 273 <h3 id="sec-3-1"><span class="section-number-3">3.1</span> Male connector case</h3>
 274 <div class="outline-text-3" id="text-3-1">
 275
 276 <figure>
 277 <p><img src="PLA%20+%20TPU/male%20connector%20case.png" class="img-responsive" alt="male%20connector%20case.png">
 278 </p>
 279 </figure>
 280
 281 <p>
 282 Download:
 283 </p>
 284 <ul class="org-ul">
 285 <li><a href="PLA + TPU/male%20connector%20case.FCStd">FreeCAD project</a>
 286 </li>
 287 <li><a href="PLA + TPU/male%20connector%20case.stl">STL file</a>
 288 </li>
 289 </ul>
 290 </div>
 291 </div>
 292
 293
 294 <div id="outline-container-sec-3-2" class="outline-3">
 295 <h3 id="sec-3-2"><span class="section-number-3">3.2</span> Female connector case</h3>
 296 <div class="outline-text-3" id="text-3-2">
 297
 298 <figure>
 299 <p><img src="PLA%20+%20TPU/female%20connector%20case,%201.png" class="img-responsive" alt="female%20connector%20case,%201.png">
 300 </p>
 301 </figure>
 302
 303
 304 <figure>
 305 <p><img src="PLA%20+%20TPU/female%20connector%20case,%202.png" class="img-responsive" alt="female%20connector%20case,%202.png">
 306 </p>
 307 </figure>
 308
 309
 310 <p>
 311 Download:
 312 </p>
 313 <ul class="org-ul">
 314 <li><a href="PLA%20+%20TPU/female%20connector%20case.FCStd">FreeCAD project</a>
 315 </li>
 316 <li><a href="PLA%20+%20TPU/female%20connector%20case.stl">STL file</a>
 317 </li>
 318 </ul>
 319 </div>
 320 </div>
 321 </div>
 322
 323 <div id="outline-container-sec-4" class="outline-2">
 324 <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 for male connector case</h2>
 325 <div class="outline-text-2" id="text-4">
 326
 327 <figure>
 328 <p><img src="TPU/make.png" class="img-responsive" alt="make.png">
 329 </p>
 330 </figure>
 331
 332 <p>
 333 3D rendering of the cover:
 334 <img src="TPU/schematic.png" class="img-responsive" alt="schematic.png">
 335 </p>
 336
 337 <p>
 338 Download:
 339 </p>
 340 <ul class="org-ul">
 341 <li><a href="TPU/USB%20cover.FCStd">FreeCAD project</a>
 342 </li>
 343 <li><a href="TPU/USB%20cover.stl">STL file</a>
 344 </li>
 345 </ul>
 346 </div>
 347 </div>
 348 </div><div class="col-md-3"><nav id="table-of-contents">
 349 <div id="text-table-of-contents" class="bs-docs-sidebar">
 350 <ul class="nav">
 351 <li><a href="#sec-1">1. General</a></li>
 352 <li><a href="#sec-2">2. Project description</a></li>
 353 <li><a href="#sec-3">3. PLA + rubber/TPU design</a>
 354 <ul class="nav">
 355 <li><a href="#sec-3-1">3.1. Male connector case</a></li>
 356 <li><a href="#sec-3-2">3.2. Female connector case</a></li>
 357 </ul>
 358 </li>
 359 <li><a href="#sec-4">4. TPU only design for male connector case</a></li>
 360 </ul>
 361 </div>
 362 </nav>
 363 </div></div></div>
 364 <footer id="postamble" class="">
 365 <div><p class="author">Author: Svjatoslav Agejenko</p>
 366 <p class="date">Created: 2020-05-21 N 00:35</p>
 367 <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>
 368 </div>
 369 </footer>
 370 </body>
 371 </html>