misc/Nokia 105 (2019) modification for seniors/index.html

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