cases/Nokia 105 (2019) modification for disabled/index.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4 <title>Nokia 105 (2019) modification for seniors</title>
   5 <!-- 2020-03-21 Sat 00:36 -->
   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">Nokia 105 (2019) modification for seniors</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
 239 <figure>
 240 <p><img src="make.png" class="img-responsive" alt="make.png">
 241 </p>
 242 </figure>
 243
 244 <p>
 245 Very old people often have problems with mental abilities, touch and
 246 vision. When the phone rings it is real issue to figure out what
 247 button to press and hit the right one to pick up the call. It is easy
 248 to end up in random phone menus instead that are incomprehensible for
 249 the elderly.
 250 </p>
 251
 252 <p>
 253 Here is solution for the problem in the form of 3D printed case and
 254 extra add-on button that is glued to the original dial/receive key of
 255 the phone. All other buttons are rendered inaccessible on purpose.
 256 </p>
 257
 258 <p>
 259 For extra clarity, this one important button:
 260 </p>
 261 <ul class="org-ul">
 262 <li>Is painted red.
 263 </li>
 264 <li>Has exaggerated surface and relief raising above main case surface.
 265 </li>
 266 <li>Has big white circle around it (I used <a href="https://en.wikipedia.org/wiki/Airbrush">airbrush</a> with stencil to
 267 paint the circle).
 268 </li>
 269 </ul>
 270 </div>
 271
 272 <div id="outline-container-sec-2-1" class="outline-3">
 273 <h3 id="sec-2-1"><span class="section-number-3">2.1</span> Original Nokia 105 (2019)</h3>
 274 <div class="outline-text-3" id="text-2-1">
 275
 276 <figure>
 277 <p><img src="1.png" class="img-responsive" alt="1.png">
 278 </p>
 279 </figure>
 280
 281 <p>
 282 Nokia 105 (2019) allows receiving calls and dialing back the most
 283 recent call using single dial button (cannot hang up) though. Receiver
 284 of the call on the other end has to hang up. Prepaid SIM card is used,
 285 to avoid accidental/unintended charges for whatever reason.
 286 </p>
 287 </div>
 288 </div>
 289
 290 <div id="outline-container-sec-2-2" class="outline-3">
 291 <h3 id="sec-2-2"><span class="section-number-3">2.2</span> Enlarged dial button</h3>
 292 <div class="outline-text-3" id="text-2-2">
 293
 294 <figure>
 295 <p><img src="2.png" class="img-responsive" alt="2.png">
 296 </p>
 297 </figure>
 298
 299 <p>
 300 Download button:
 301 <img src="button.png" class="img-responsive" alt="button.png">
 302 </p>
 303
 304 <ul class="org-ul">
 305 <li><a href="button.FCStd">FreeCAD file</a>
 306 </li>
 307 <li><a href="button.stl">STL file</a>
 308 </li>
 309 </ul>
 310
 311
 312 <p>
 313 I glued button to the dial key of the phone.
 314 </p>
 315
 316
 317 <figure>
 318 <p><img src="3.png" class="img-responsive" alt="3.png">
 319 </p>
 320 </figure>
 321 </div>
 322 </div>
 323
 324
 325
 326 <div id="outline-container-sec-2-3" class="outline-3">
 327 <h3 id="sec-2-3"><span class="section-number-3">2.3</span> Body and cover</h3>
 328 <div class="outline-text-3" id="text-2-3">
 329
 330 <figure>
 331 <p><img src="body.png" class="img-responsive" alt="body.png">
 332 </p>
 333 </figure>
 334
 335 <ul class="org-ul">
 336 <li>Cover inside:
 337 <ul class="org-ul">
 338 <li><img src="cover,%20inside.png" class="img-responsive" alt="cover,%20inside.png">
 339 </li>
 340 </ul>
 341 </li>
 342
 343 <li>Cover outside:
 344 <ul class="org-ul">
 345 <li><img src="cover,%20outside.png" class="img-responsive" alt="cover,%20outside.png">
 346 </li>
 347 </ul>
 348 </li>
 349
 350 <li>Download:
 351 <ul class="org-ul">
 352 <li><a href="body%20and%20cover.FCStd">body and cover FreeCAD file</a>
 353 </li>
 354 <li><a href="body.stl">body in STL format</a>
 355 </li>
 356 <li><a href="cover.stl">cover in STL format</a>
 357 </li>
 358 </ul>
 359 </li>
 360 </ul>
 361 </div>
 362 </div>
 363
 364
 365 <div id="outline-container-sec-2-4" class="outline-3">
 366 <h3 id="sec-2-4"><span class="section-number-3">2.4</span> Result</h3>
 367 <div class="outline-text-3" id="text-2-4">
 368 <p>
 369 End result looks like this:
 370 </p>
 371
 372
 373 <figure>
 374 <p><img src="4.png" class="img-responsive" alt="4.png">
 375 </p>
 376 </figure>
 377
 378 <p>
 379 Connectors for headphones and charging are exposed though the hole in
 380 the body.
 381 </p>
 382
 383
 384 <figure>
 385 <p><img src="5.png" class="img-responsive" alt="5.png">
 386 </p>
 387 </figure>
 388 </div>
 389 </div>
 390 </div>
 391 </div><div class="col-md-3"><nav id="table-of-contents">
 392 <div id="text-table-of-contents" class="bs-docs-sidebar">
 393 <ul class="nav">
 394 <li><a href="#sec-1">1. General</a></li>
 395 <li><a href="#sec-2">2. Project description</a>
 396 <ul class="nav">
 397 <li><a href="#sec-2-1">2.1. Original Nokia 105 (2019)</a></li>
 398 <li><a href="#sec-2-2">2.2. Enlarged dial button</a></li>
 399 <li><a href="#sec-2-3">2.3. Body and cover</a></li>
 400 <li><a href="#sec-2-4">2.4. Result</a></li>
 401 </ul>
 402 </li>
 403 </ul>
 404 </div>
 405 </nav>
 406 </div></div></div>
 407 <footer id="postamble" class="">
 408 <div><p class="author">Author: Svjatoslav Agejenko</p>
 409 <p class="date">Created: 2020-03-21 Sat 00:36</p>
 410 <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>
 411 </div>
 412 </footer>
 413 </body>
 414 </html>