v9/givingguide.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3
   4 <head>
   5   <meta charset="utf-8">
   6   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   7   <meta name="viewport" content="width=device-width, initial-scale=1">
   8
   9   <title>Ethical Tech | Giving Guide</title>
  10   <meta name="description" content="This is the Free Software Foundation (FSF) guide to smarter gift giving, compared with their restrictive counterparts.">
  11
  12   <!-- Some Colors -->
  13   <!-- Chrome, Firefox OS and Opera -->
  14   <meta name="theme-color" content="#2caf8f">
  15   <!-- Windows Phone -->
  16   <meta name="msapplication-navbutton-color" content="#2caf8f">
  17
  18   <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-icon-57x57.png">
  19   <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-icon-60x60.png">
  20   <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-icon-72x72.png">
  21   <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-icon-76x76.png">
  22   <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-icon-114x114.png">
  23   <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-icon-120x120.png">
  24   <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-icon-144x144.png">
  25   <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-icon-152x152.png">
  26   <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-icon-180x180.png">
  27   <link rel="icon" type="image/png" sizes="192x192" href="img/favicons/android-icon-192x192.png">
  28   <link rel="icon" type="image/png" sizes="32x32" href="img/favicons/favicon-32x32.png">
  29   <link rel="icon" type="image/png" sizes="96x96" href="img/favicons/favicon-96x96.png">
  30   <link rel="icon" type="image/png" sizes="16x16" href="img/favicons/favicon-16x16.png">
  31   <meta name="msapplication-TileColor" content="#2caf8f">
  32   <meta name="msapplication-TileImage" content="img/favicons/ms-icon-144x144.png">
  33   <meta name="theme-color" content="#2caf8f">
  34
  35   <!-- Bootstrap -->
  36   <link rel="stylesheet" href="css/bootstrap.min.css">
  37
  38   <!-- Animate CSS -->
  39   <link rel="stylesheet" href="css/animate.css">
  40
  41   <!-- Our CSS -->
  42   <link rel="stylesheet" href="css/master.css">
  43
  44
  45   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  46   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  47   <!--[if lt IE 9]>
  48   <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
  49   <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  50   <![endif]-->
  51 </head>
  52
  53 <!-- ATTRACTIVE INFORMATIONAL ALERT / ASIDE BLOCK, SAVED HERE FOR REFERENCE
  54
  55       <div class="alert alert-success center-block">
  56         <li class="info">
  57           <p>
  58             Many of these items are <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom" class="alert-link">certified to Respect Your Freedom</a> (RYF-certified).
  59           </p>
  60         </li>
  61       </div>
  62 -->
  63
  64 <body>
  65   <iframe src="//static.fsf.org/nosvn/banners/2018fundraiser/" width="100%" height="100%" scrolling="no" style="overflow: hidden; border: 0 none; display: block;"></iframe>
  66   <nav class="navbar navbar-default">
  67     <div class="container-fluid">
  68       <!-- Brand and toggle get grouped for better mobile display -->
  69       <div class="navbar-header">
  70         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-links" aria-expanded="false">
  71           <span class="sr-only">Toggle navigation</span>
  72           <span class="icon-bar bar1"></span>
  73           <span class="icon-bar bar2"></span>
  74           <span class="icon-bar bar3"></span>
  75         </button>
  76         <a class="navbar-brand" href="https://fsf.org/"><img class="brand" src="img/logo.png" alt="FSF" width="180" /></a>
  77         <!-- <span class="label label-warning"><a href="https://fsf.org/jfb">Join the FSF</a></span> -->
  78
  79       </div>
  80
  81       <!-- Collect the nav links, forms, and other content for toggling -->
  82       <div class="collapse navbar-collapse" id="navbar-links">
  83         <ul class="nav navbar-nav">
  84           <li><a class="animated fadeIn" href="https://www.fsf.org/about/">About the FSF</a></li>
  85           <li><a class="animated fadeIn" href="https://www.fsf.org/campaigns/">Campaigns</a></li>
  86           <li><a class="animated fadeIn" href="https://www.fsf.org/donate/">Donate</a></li>
  87           <li><a class="animated fadeIn" href="https://shop.fsf.org/">Shop</a>
  88           </ul>
  89
  90         </div>
  91         <!-- /.navbar-collapse -->
  92       </div>
  93       <!-- /.container-fluid -->
  94     </nav>
  95
  96     <!--Begin Intro-->
  97     <section class="intro" id="intro">
  98       <div class="container">
  99         <div class="row">
 100           <div class="illustration col-md-6">
 101             <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" />
 102           </div>
 103           <div class="intro-text col-md-6">
 104             <h1>Give the gift of freedom!</h1>
 105
 106             <p>New electronics can be the highlight of your holiday, but so many of the phones, computers, and toys come with proprietary software and privacy disrespecting and surveillance hidden inside.</p>
 107 <p>This guide replaces these holiday humbugs with better devices from ethical companies&mdash;no <a href="https://gnu.org/proprietary" style="color: gold">creepy remote deletion of files or punitive and mean rules about copying and sharing</a>. Just products and software that respect the freedom and privacy of your loved ones: gifts you can feel good about.</p>
 108 <p>We also hope the Guide will help you find new ways to talk about why these kinds of devices are risky to your user freedom, and why it's important to respect your freedoms.</p>
 109           </div>
 110         </div>
 111       </div>
 112     </section>
 113     <!--End Intro-->
 114
 115     <!--Begin Actions-->
 116     <section class="actions" id="actions">
 117       <div class="container">
 118         <div class="row">
 119           <!-- Begin Action -->
 120           <div class="action col-md-4 col-sm-4 text-center">
 121             <a class="action-button" href="https://www.fsf.org/share?u=https://www.fsf.org/givingguide/&amp;t=Check out the Free Software Foundation Ethical Tech Giving Guide">Tell your friends</a>
 122             <p>
 123               Use <span class="label label-default">#givefreely</span>. You might get a gift out of it!
 124             </p>
 125           </div>
 126           <!-- End Action -->
 127
 128           <!-- Begin Action -->
 129           <div class="action col-md-4 col-sm-4 text-center">
 130             <a class="action-button" href="https://www.fsf.org/givingguide/giving-guide-giveaway-primer">Host a Giveaway</a>
 131             <p>
 132               Printable version coming soon!
 133             </p>
 134
 135           </div>
 136           <!-- End Action -->
 137
 138           <!-- Begin Action -->
 139           <div class="action col-md-4 col-sm-4 text-center">
 140             <a class="action-button" href="#charities">Support free software</a>
 141             <p>
 142               Donate to our suggested charities
 143             </p>
 144           </div>
 145           <!-- End Action -->
 146         </div>
 147         <!-- End Row -->
 148       </div>
 149       <!-- End Container -->
 150     </section>
 151     <!--End Actions-->
 152
 153     <!--Begin Comparisons-->
 154     <section class="comparisons">
 155
 156       <!--Smartphones-->
 157       <div class="container smartphones">
 158         <h2 class="title text-center">Smartphones</h2>
 159         <div class="row is-table-row">
 160           <div class="good col-md-6 col-sm-6" style="position:relative">
 161             <img src="img/products/mobile_n2.png" alt="replicant phone" class="center-block" />
 162             <h5 class="text-center">Galaxy S3 with Replicant</h5>
 163
 164             <!-- Buy/Download Button   -->
 165             <a id="get-item" class="btn get-item" role="button" data-toggle="collapse" href="#sellers" aria-expanded="false" aria-controls="sellers" style="display:none">
 166               BUY
 167               <!-- Begin Sale -->
 168               <span class="sale" >sale</span>
 169               <!-- End Sale -->
 170             </a>
 171             <div class="collapse" id="sellers">
 172               <div class="center-block seller-group">
 173                 <p style="color: #6b6b6b">
 174                   <strong>Get it from</strong>
 175                 </p>
 176                 <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a>
 177                 <div class="sale-info links">
 178                   <a href="#technoethical-promotion">Sale details.</a>
 179                 </div>
 180               </div>
 181             </div>
 182
 183             <script>
 184             document.getElementById('get-item').style.display = '';
 185             </script>
 186             <noscript>
 187               <div class="center-block seller-group">
 188                 <p style="color: #6b6b6b">
 189                   <strong>Get it from</strong>
 190                 </p>
 191                 <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a>
 192                 <p class="sale-info links">
 193                   <a href="#technoethical-promotion">Sale details.</a>
 194                 </p>
 195                 <!-- End Sale Info -->
 196               </div>
 197             </noscript>
 198             <!-- End Buy/Download button -->
 199
 200             <ul class="pros">
 201  <p>Why it's cool: Ever feel like every time you pick up your smartphone, someone is watching you? This may not cut off their access entirely, but it will make their job a little harder.</p>
 202
 203 <p> Your smartphone is so much more than a phone: it's a tiny computer you carry with you every day, and for many people around the world, it's their only internet-enabled device. Choosing one of these phones lets you bring software freedom everywhere you go.</p>
 204
 205 <p>          You can also get an <a href="https://tehnoetic.com/tehnoetic-s2-phone-replicant">S2</a> or an <a "https://tehnoetic.com/tet-n2">N2 phone/tablet</a>, complete with Replicant.</p>
 206             </ul>
 207           </div>
 208           <!--End Good-->
 209
 210           <!-- start bad -->
 211
 212           <div class="good col-md-6 col-sm-6">
 213             <ul class="pros">
 214               <li>
 215                 Runs the <a href="https://www.replicant.us">Replicant</a> free operating system, based on Android.
 216               </li>
 217               <li>
 218                 Features <a href="https://www.f-droid.org/">F-Droid</a>, the free software catalog that makes it easy to get all the applications you need without sacrificing control of your phone.
 219               </li>
 220               <li>Note: While the main processor is exclusively running free software, the modem processor runs a Samsung nonfree system.</li>
 221             </ul>
 222
 223             <h5 class="text-center">Stay away from: iPhone</h5>
 224             <ul class="cons">
 225               <li>Comes with no shortage of <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareIniThings">spyware</a>.</li>
 226               <li>
 227                 iOS is a fully <a href="https://gnu.org/proprietary">proprietary operating system</a>, giving Apple control over the software on the devices.
 228               </li>
 229               <li>Avoid: iPhone XR, iPhone XS, iPhone X, and other models.
 230             </ul>
 231           </div>
 232           <!--End Bad-->
 233         </div>
 234         <!--End Row-->
 235       </div>
 236       <!--End Container-->
 237       <!--End bad-->
 238
 239
 240       <h2 class="title text-center">Laptops, Tablets, and Desktops</h2>
 241
 242  <!--Laptops-->
 243       <div class="container">
 244         <h3 class="title text-center">Laptops</h3>
 245         <div class="row is-table-row">
 246           <div class="good col-md-6 col-sm-6">
 247             <img src="img/products/t400.png" alt="t400" class="center-block" />
 248             <h5 class="text-center">T400 with GNU/Linux</h5>
 249
 250
 251
 252             <!-- Buy/Download Button   -->
 253             <a id="get-item-full" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-full" aria-expanded="false" aria-controls="sellers-full" style="display:none">
 254               BUY
 255               <!-- Begin Sale -->
 256               <span class="sale" >sale</span>
 257               <!-- End Sale -->
 258             </a>
 259             <div class="collapse" id="sellers-full">
 260               <div class="center-block seller-group">
 261                 <p style="color: #6b6b6b">
 262                   <strong>Get it from</strong>
 263                 </p>
 264                 <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
 265                 <p class="sale-info links">
 266                   <a href="#technoethical-promotion">The T400 is <a href="http://www.fsf.org/resources/hw/endorsement/respects-your-freedom">Respects Your Freedom</a> certified. Sale details.</a>
 267                 </p>
 268                 <p>
 269                 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
 270                 </p>
 271               </div>
 272             </div>
 273
 274             <script>
 275             document.getElementById('get-item-full').style.display = '';
 276             </script>
 277             <noscript>
 278               <div class="center-block seller-group">
 279                 <p style="color: #6b6b6b">
 280                   <strong>Get it from</strong>
 281                 </p>
 282                 <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
 283                 <p class="sale-info links">
 284                   <a href="#technoethical-promotion">Sale details.</a>
 285                 </p>
 286                 <p>
 287                 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
 288                 </p>
 289               </div>
 290             </noscript>
 291             <!-- End Buy/Download button -->
 292
 293             <ul class="pros">
 294               <p>Why it's cool: You need a reliable computer for work and play. This one is just dandy for both, minus icky DRM and spyware.</p>
 295               <p>Setting up a fully free system is easier than it used to be, but can still seem daunting&mdash;especially if you've never done it before. Luckily, you can now get a new-to-you laptop that's ready to go out of the box.</p>
 296               <p>Technoethical also has a <a href="https://tehnoetic.com/laptops/tet-t400s">T400s</a> available.</p>
 297             </ul>
 298
 299           </div>
 300           <!--End Good-->
 301
 302           <!--start bad-->
 303           <div class="good col-md-6 col-sm-6">
 304               <ul class="pros">
 305               <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware.</li>
 306               <li>Durable hardware is meant to last and is easy to repair.</li>
 307               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
 308             </ul>
 309             <h5 class="text-center">Stay away from: Microsoft Windows</h5>
 310             <ul class="cons">
 311              <li>Runs on <a href="https://gnu.org/proprietary">proprietary software</a> that profits from treating the user as a product&mdash;<a href="https://privacy.microsoft.com/en-US/privacystatement">forces users to consent to data collection</a> for purposes including "targeted advertising."
 312               </li>
 313               <!-- Commented out pending citation or confirmation <li>Includes Management Engine, a hardware-based backdoor that gives Intel a permanent backdoor into your computer.</li>-->
 314               <li>Mandatory Windows updates force users to test potentially unstable new versions. <a href="https://www.fsf.org/campaigns/windows">Read more about Windows's abuses.</a></li>
 315              <li>You can find Windows on computers like the Dell Inspiron, HP EliteBook, and Lenovo Ideapad.</li>
 316              </ul>
 317           </div>
 318           <!--End Bad-->
 319         </div>
 320         <!--End Row-->
 321       </div>
 322       <!--End Container-->
 323
 324       <!--Compact Laptops-->
 325       <div class="container">
 326         <h3 class="title text-center">Compact Laptops</h3>
 327         <div class="row is-table-row">
 328           <div class="good col-md-6 col-sm-6">
 329             <img src="img/products/x200.png" alt="x200" class="center-block" />
 330             <h5 class="text-center">X200 with GNU/Linux</h5>
 331
 332             <!-- Buy/Download Button   -->
 333             <a id="get-item-compact" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-compact" aria-expanded="false" aria-controls="sellers-compact" style="display:none">
 334               BUY
 335               <!-- Begin Sale -->
 336               <span class="sale" >sale</span>
 337               <!-- End Sale -->
 338             </a>
 339             <div class="collapse" id="sellers-compact">
 340               <div class="center-block seller-group">
 341                 <p style="color: #6b6b6b">
 342                   <strong>Get it from</strong>
 343                 </p>
 344
 345                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
 346                 <p class="sale-info links">
 347                   Libiquity's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified, but shipping is limited to the US. <a href="#libiquity-promotion">Sale details.</a>
 348
 349                 </p>
 350                 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a><br>
 351                 <p class="sale-info links">
 352                <!--   Technoethical's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified. Global shipping is available. <a href="#technoethical-promotion">Sale details.</a>
 353                 </p> -->
 354                     <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
 355                 <p class="sale-info links">
 356                   Vikings's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified. Global shipping is available. <a href="#vikings-promotion">Sale details.</a>
 357
 358                 </p>
 359
 360               </div>
 361             </div>
 362
 363             <script>
 364             document.getElementById('get-item-compact').style.display = '';
 365             </script>
 366             <noscript>
 367               <div class="center-block seller-group">
 368                 <p style="color: #6b6b6b">
 369                   <strong>Get it from</strong>
 370                 </p>
 371                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
 372                 <p class="sale-info links">
 373                   Libiquity's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a>-certified, but shipping is limited to the US. <a href="#libiquity-promotion">Sale details.</a>
 374                 </p>
 375                 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a>
 376                 <p class="sale-info links">
 377                   Technoethical's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified, and global shipping is available. <a href="#technoethical-promotion">Sale details.</a>
 378                 </p>
 379                     <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
 380                 <p class="sale-info links">
 381                   Viking's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified. Global shipping is available. <a href="#vikings-promotion">Sale details.</a></p>
 382  </div>
 383             </noscript>
 384             <!-- End Buy/Download button -->
 385
 386             <!-- start good -->
 387             <ul class="pros">
 388               <p>Why it's cool: Take it to the office, take it to the cafe, take it to class, take it home and set it up on the counter so you can rock out while you cook. Do all of this the easy way.</p>
 389
 390 <p>This machine is made to go everywhere with you and thanks to our friends who make RYF products, you can have your mobility and your freedom too.</p>
 391             </ul>
 392
 393           </div>
 394           <!--End Good-->
 395
 396           <!--start bad-->
 397           <div class="good col-md-6 col-sm-6">
 398             <ul class="pros">
 399              <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system with libreboot firmware. The X200 sold by Libiquity is also certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
 400               <li>Durable hardware is meant to last and is easy to repair.</li>
 401               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
 402           <h5 class="text-center">Stay away from: Apple</h5>
 403           <ul class="cons">
 404             <li>Runs on <a href="https://gnu.org/proprietary">proprietary software</a> that restricts the user's freedoms.</li>
 405               <li>Apple has been <a href="https://motherboard.vice.com/en_us/article/evmeya/apple-iphone-right-to-repair-california">opposing the Right to Repair</a> for years.</li>
 406               <li>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a>.</li>
 407               <li>Avoid: MacBook Air (and MacBook Pro)</li>
 408             </ul>
 409           </div>
 410           <!--End Bad-->
 411         </div>
 412         <!--End Row-->
 413       </div>
 414       <!--End Container-->
 415
 416       <!--convertible Laptops-->
 417       <div class="container">
 418         <h3 class="title text-center">Convertible Laptops/Tablets</h3>
 419         <div class="row is-table-row">
 420           <div class="good col-md-6 col-sm-6">
 421             <img src="https://static.fsf.org/nosvn/images/technoethical-x200t.png" alt="Technoethical convertible tablet laptop" class="center-block" />
 422             <h5 class="text-center">X200t with GNU/Linux</h5>
 423
 424             <!-- Buy/Download Button   -->
 425             <a id="get-item-convertible" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-convertible" aria-expanded="false" aria-controls="sellers-convertible" style="display:none">
 426               BUY
 427               <!-- Begin Sale -->
 428               <span class="sale" >sale</span>
 429               <!-- End Sale -->
 430             </a>
 431             <div class="collapse" id="sellers-convertible">
 432               <div class="center-block seller-group">
 433                 <p style="color: #6b6b6b">
 434                   <strong>Get it from</strong>
 435                 </p>
 436
 437                                <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
 438                 <p class="sale-info links">
 439
 440                 </p>
 441
 442             <script>
 443             document.getElementById('get-item-convertible').style.display = '';
 444             </script>
 445             <noscript>
 446               <div class="center-block seller-group">
 447                 <p style="color: #6b6b6b">
 448                   <strong>Get it from</strong>
 449                 </p>
 450
 451                                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 452                                 <p class="sale-info links">
 453                                   <a href="#technoethical-promotion">Sale details.</a>
 454                                 </p>           </div>
 455             </noscript>
 456
 457                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 458               </div>
 459             </div>
 460
 461             <script>
 462             document.getElementById('get-item-convertible').style.display = '';
 463             </script>
 464             <noscript>
 465               <div class="center-block seller-group">
 466                 <p style="color: #6b6b6b">
 467                   <strong>Get it from</strong>
 468                 </p>
 469
 470                                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 471                                 <p class="sale-info links">
 472                                   <a href="#technoethical-promotion">Sale details.</a>
 473                                 </p>           </div>
 474             </noscript>
 475             <!-- End Buy/Download button -->
 476             <ul class="pros">
 477  <p>Why it's cool: Use it as a laptop or as a tablet with a built-in stylus. It may not be a brand-new concept, but it'll always feel a little futuristic.</p>
 478
 479 <p>Enjoy all the portability of a tablet, without having to hunt-and-peck every letter when it comes time to do some work. It's versatile, multi-purpose, and stylish, and fits smoothly into every environment in your life (without pummeling you with the abuses of proprietary software).</p>
 480             </ul>
 481
 482           </div>
 483           <!--End Good-->
 484
 485           <!--start bad-->
 486           <div class="good col-md-6 col-sm-6">
 487             <ul class="pros">
 488           <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system with libreboot firmware.</li>
 489               <li>Durable hardware is meant to last and is easy to repair.</li>
 490               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
 491               </ul>
 492             <h5 class="text-center">Stay away from: iPad Pro</h5>
 493               <ul class="cons">
 494                  <li>
 495                 Apple uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">Digital Restrictions Management (DRM)</a> to block competing software.
 496                  </li>
 497                 <li>Apple's App Store has been <a href="https://www.defectivebydesign.org/blog/apple_app_store_anniversary_marks_ten_years_proprietary_appsploitation">threatening user freedom for ten years</a>. From user surveillance to allowing governments to control app access, the Apple App Store has it all. </li>
 498             </ul>
 499           </div>
 500           <!--End Bad-->
 501         </div>
 502         <!--End Row-->
 503       </div>
 504       <!--End Container-->
 505
 506  <!--Desktops-->
 507       <div class="container">
 508         <h3 class="title text-center">Desktops</h3>
 509         <div class="row is-table-row">
 510           <div class="good col-md-6 col-sm-6">
 511             <img src="img/products/desktop.png" alt="The Workstation, a tower computer by Vikings" class="center-block" />
 512             <h5 class="text-center">D16 Workstation with GNU/Linux</h5>
 513
 514             <!-- Buy/Download Button   -->
 515             <a id="get-item-desktop" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-desktop" aria-expanded="false" aria-controls="sellers-desktop" style="display:none">
 516               BUY
 517               <!-- Begin Sale -->
 518               <span class="sale" >sale</span>
 519               <!-- End Sale -->
 520             </a>
 521             <div class="collapse" id="sellers-desktop">
 522               <div class="center-block seller-group">
 523                   <strong>Get it from</strong>
 524                 </p>
 525                 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
 526                 <p class="sale-info links">
 527                  The D16 Workstation is not Respects Your Freedom certified at this point. <a href="#vikings-promotion">Sale details.</a>
 528                 </p>
 529               </div>
 530             </div>
 531
 532              <script>
 533             document.getElementById('get-item-desktop').style.display = '';
 534             </script>
 535             <noscript>
 536               <div class="center-block seller-group">
 537                 <p style="color: #6b6b6b">
 538                   <strong>Get it from</strong>
 539                 </p>
 540                 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
 541                 <p class="sale-info links">
 542                   The Workstation is not Respects Your Freedom certified at this point.
 543                 </p>
 544               </div>
 545             </noscript>
 546             <!-- End Buy/Download button -->
 547
 548             <ul class="pros">
 549 <p>Why it's cool: Sometimes you need heavy-duty computing power that a laptop just can't provide.</p>
 550
 551 <p>Gamers, video editors, and other users may want or need a more powerful machine – a desktop is the answer when you really need that extra push. Also good for users who want a bigger screen.</p>
 552             </ul>
 553
 554           </div>
 555           <!--End Good-->
 556
 557           <!--start bad-->
 558           <div class="good col-md-6 col-sm-6">
 559               <ul class="pros">
 560                 <li>Options of coming with the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel or Parabola operating systems.</li>
 561                 <li>Free boot firmware.</li>
 562                 <li>Customize and specialize to your needs.</li>
 563             </ul>
 564             <h5 class="text-center">Stay away from: Apple iMac</h5>
 565             <ul class="cons">
 566               <p>An iMac puts designers and film makers at risk:</p>
 567               <li><a href="https://www.adobe.com/products/premiere-rush.html">Adobe Premiere Rush</a> rents Mac (and Windows) users access to video editing software in exchange for control over their files.</li>
 568               </ul>
 569            <h5 class="text-center">Stay away from: Alienware Area-51 Threadripper</h5>
 570             <ul class="cons">
 571               <li>The newest Alienware gaming desktop comes with Ryzen Threadripper processors and loads of freedom-restricting proprietary software.</li>
 572             </ul>
 573           </div>
 574           <!--End Bad-->
 575         </div>
 576         <!--End Row-->
 577       </div>
 578       <!--End Container-->
 579
 580           <!--3D Printers-->
 581       <div class="container">
 582         <h3 class="title text-center">3D Printers</h3>
 583         <div class="row is-table-row">
 584           <div class="good col-md-6 col-sm-6">
 585             <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
 586             <h5 class="text-center">LulzBot Mini</h5>
 587
 588             <!-- Buy/Download Button   -->
 589             <a id="get-item-print" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-print" aria-expanded="false" aria-controls="sellers-print" style="display:none">
 590               BUY
 591               <!-- Begin Sale -->
 592               <span class="sale" >sale</span>
 593               <!-- End Sale -->
 594             </a>
 595             <div class="collapse" id="sellers-print">
 596               <div class="center-block seller-group">
 597                 <p style="color: #6b6b6b">
 598                   <strong>Get it from</strong>
 599                 </p>
 600                 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
 601                 <p class="sale-info links">
 602                   <a href="https://www.lulzbot.com">Lulzbot</a> is having general sales Black Friday through Cyber Monday. <a href="#lulzbot-promotion">Sale details.</a>
 603
 604                 </p>
 605               </div>
 606             </div>
 607
 608             <script>
 609             document.getElementById('get-item-print').style.display = '';
 610             </script>
 611             <noscript>
 612               <div class="center-block seller-group">
 613                 <p style="color: #6b6b6b">
 614                   <strong>Get it from</strong>
 615                 </p>
 616                 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
 617                 <p class="sale-info links">
 618                   <a href="#lulzbot-promotion">Sale details.</a>
 619                 </p>
 620               </div>
 621             </noscript>
 622             <!-- End Buy/Download button -->
 623             <ul class="pros">
 624               <p>Why it's cool: Think ahead&mdash;if you give this to your friend or relative, they might use it next year to make YOU a gift.</p>
 625
 626 <p>3D printers are an amazing learning and exploration tool for kids and a fun toy for grownups, and they've come a long way from their origins in the early 2000s. Keep it free and fun by digging into the zillions of free software options for modeling, and communities that share freely licensed designs.</p>
 627             </ul>
 628           </div>
 629           <!--End Good-->
 630
 631           <div class="good col-md-6 col-sm-6">
 632             <ul class="pros">
 633               <li>Performance and seamless interface <a href="https://www.tomsguide.com/us/best-3d-printers,review-2236.html">earned it "Editor's Choice"</a> in <em>Tom's Guide</em>'s 2017 3D printer comparison.</li>
 634               <li>Hardware designs are available to make customization easy. Standardized material format allows 3D printing with plastics, wood-, stone-, bamboo-, rubber-, and metal-like materials.</li>
 635             </ul>
 636             <h5 class="text-center">Stay away from: MakerBot</h5>
 637             <ul class="cons">
 638               <li>
 639                 MakerWare software is proprietary, <a href="https://gnu.org/proprietary">restricting freedom and stifling
 640               </li>
 641               <li>
 642                 MakerBot was founded with a more freedom-respecting philosophy, but has since <a href="https://www.cnet.com/news/pulling-back-from-open-source-hardware-makerbot-angers-some-adherents/">announced an increasingly proprietary approach</a> and distanced itself from the community that formed around it.
 643               </li>
 644             </ul>
 645           </div>
 646           <!--End Bad-->
 647         </div>
 648         <!--End Row-->
 649       </div>
 650       <!--End Container-->
 651
 652
 653       <!--start container-->
 654         <!-- Begin Recommended Template -->
 655       <div class="container">
 656         <h2 class="title text-center">Cool Devices</h2>
 657 <div class="container">
 658         <div class="row is-table-row">
 659           <div class="col-md-5 col-sm-6 recommended-img">
 660             <img src="https://shop.fsf.org/sites/default/files/styles/product_full/public/randomnumber.jpg" alt="NeuG USB True Random Number Generator and a MicroSD card" class="center-block" />
 661             <h5 class="text-center">NeuG USB True Random Number Generator</h5>
 662
 663             <!-- Buy/Download Button   -->
 664             <a id="random-number-generator" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-random-number-generator" aria-expanded="false" aria-controls="sellers-random-number-generator" style="display:none; top:205px;">
 665               BUY
 666             </a>
 667             <div class="collapse" id="random-number-generator">
 668               <div class="center-block seller-group">
 669                 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator">GNU Press Shop</a>
 670                 <p class="sale-info links">
 671                   <a href="#thinkpenguin-promotion">Sale details.</a>
 672                 </p>
 673               </div>
 674             </div>
 675
 676             <script>
 677             document.getElementById('get-item-long-range-adapter').style.display = '';
 678             </script>
 679             <noscript>
 680               <div class="center-block seller-group">
 681                 <p style="color: #6b6b6b">
 682                   <strong>Get it from</strong>
 683                 </p>
 684                 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
 685                 <p class="sale-info links">
 686                   <a href="#thinkpenguin-promotion">Sale details.</a>
 687                 </p>
 688               </div>
 689             </noscript>
 690             <!-- End Buy/Download button -->
 691
 692           </div>
 693           <div class="col-md-7 col-sm-6">
 694             </h5>
 695             <ul class="pros">
 696               <li>FST-01 (Flying Stone Tiny ZERO-ONE) is a tiny USB 32-bit computer based on a free (as in freedom) hardware design.</li>
 697               <li>NeuG is an implementation of a true random number generator (TRNG) for STM32F103 MCU.</li>
 698             </ul>
 699           </div>
 700         </div>
 701         <!-- End Row -->
 702       </div>
 703       <!-- End Container -->
 704
 705         <div class="row is-table-row">
 706           <div class="col-md-5 col-sm-6 recommended-img">
 707             <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
 708                 <h5 class="text-center">Mini Wi-Fi Adapter</h5>
 709
 710             <!-- Buy/Download Button   -->
 711             <a id="get-item-mini-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-mini-adapter" aria-expanded="false" aria-controls="sellers-mini-adapter" style="display:none; top:205px;">
 712               BUY
 713               <!-- Begin Sale -->
 714               <span class="sale">sale</span>
 715               <!-- End Sale -->
 716             </a>
 717             <div class="collapse" id="sellers-mini-adapter">
 718               <div class="center-block seller-group">
 719                 <a  href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
 720                 <p class="sale-info links">
 721                   <a href="#technoethical-promotion">Sale details.</a>
 722                 </p>
 723                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
 724                 <p class="sale-info links">
 725                   <a href="#thinkpenguin-promotion">Sale details.</a>
 726                 </p>
 727               </div>
 728             </div>
 729
 730             <script>
 731             document.getElementById('get-item-mini-adapter').style.display = '';
 732             </script>
 733             <noscript>
 734               <div class="center-block seller-group">
 735                 <p style="color: #6b6b6b">
 736                   <strong>Get it from</strong>
 737                 </p>
 738                 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
 739
 740                 <p class="sale-info links">
 741                   <a href="#technoethical-promotion">Sale details.</a>
 742                 </p>
 743                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
 744                 <p class="sale-info links">
 745                   <a href="#thinkpenguin-promotion">Sale details.</a>
 746                 </p>
 747               </div>
 748             </noscript>
 749             <!-- End Buy/Download button -->
 750
 751  <!--start pros-->
 752             <ul class="pros">
 753               <p>Why it's cool: Trying to go 100% free but stuck with a proprietary Wi-Fi card? just plug this into your USB port and you're ready to go.</p>
 754             </ul>
 755             </div>
 756
 757            <div class="good col-md-6 col-sm-6">
 758             <ul class="pros">
 759               <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.</li>
 760               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
 761               <li>Options from Technoethical and ThinkPenguin.</li>
 762               <li>If you use a laptop listed in this guide, an adapter like this won't be necessary.</li>
 763             </ul>
 764           </div>
 765         </div>
 766         <!-- End Row -->
 767       </div>
 768       <!-- End Container -->
 769
 770   <!-- Begin Recommended Template -->
 771
 772  <div class="container">
 773         <div class="row is-table-row">
 774           <div class="col-md-5 col-sm-6 recommended-img">
 775             <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" />
 776             <h5 class="text-center">Long Range Wi-Fi Adapter</h5>
 777
 778             <!-- Buy/Download Button   -->
 779             <a id="get-item-long-range-adapter" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-long-range-adapter" aria-expanded="false" aria-controls="sellers-long-range-adapter" style="display:none; top:205px;">
 780               BUY
 781               <!-- Begin Sale -->
 782               <span class="sale">sale</span>
 783               <!-- End Sale -->
 784             </a>
 785             <div class="collapse" id="sellers-long-range-adapter">
 786               <div class="center-block seller-group">
 787                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-w-external-antenna-gnu-linux-tpe-n150usbl" class="seller action-button">ThinkPenguin</a>
 788                 <p class="sale-info links">
 789                   <a href="#thinkpenguin-promotion">Sale details.</a>
 790                 </p>
 791               </div>
 792             </div>
 793
 794             <script>
 795             document.getElementById('get-item-long-range-adapter').style.display = '';
 796             </script>
 797             <noscript>
 798               <div class="center-block seller-group">
 799                 <p style="color: #6b6b6b">
 800                   <strong>Get it from</strong>
 801                 </p>
 802                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-w-external-antenna-gnu-linux-tpe-n150usbl" class="seller action-button">ThinkPenguin</a>
 803                 <p class="sale-info links">
 804                   <a href="#thinkpenguin-promotion">Sale details.</a>
 805                 </p>
 806               </div>
 807             </noscript>
 808             <!-- End Buy/Download button -->
 809
 810           </div>
 811           <div class="col-md-7 col-sm-6">
 812             </h5>
 813             <ul class="pros">
 814               <li>More powerful than its smaller cousin, and can be further upgraded with a larger antenna.</li>
 815               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
 816               <li>Multiple options from Technoethical and ThinkPenguin.</li>
 817             </ul>
 818           </div>
 819         </div>
 820         <!-- End Row -->
 821       </div>
 822       <!-- End Container -->
 823
 824     <!-- Begin Recommended Template -->
 825         <div class="container">
 826           <div class="row is-table-row">
 827             <div class="col-md-5 col-sm-6 recommended-img">
 828               <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
 829               <h5 class="text-center">VPN Router</h5>
 830
 831               <!-- Buy/Download Button   -->
 832               <a id="get-item-vpn-router" class="btn get-item" role="button" data-toggle="collapse" href="#sellers-vpn-router" aria-expanded="false" aria-controls="sellers-vpn-router" style="display:none; top:205px;">
 833                 BUY
 834                 <!-- Begin Sale -->
 835                 <span class="sale">sale</span>
 836                 <!-- End Sale -->
 837               </a>
 838               <div class="collapse" id="sellers-vpn-router">
 839                 <div class="center-block seller-group">
 840                   <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
 841                   <p class="sale-info links">
 842                     <a href="#thinkpenguin-promotion">Sale details.</a>
 843                   </p>
 844                 </div>
 845               </div>
 846
 847               <script>
 848               document.getElementById('get-item-vpn-router').style.display = '';
 849               </script>
 850               <noscript>
 851                 <div class="center-block seller-group">
 852                   <p style="color: #6b6b6b">
 853                     <strong>Get it from</strong>
 854                   </p>
 855                   <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
 856                   <p class="sale-info links">
 857                     <a href="#thinkpenguin-promotion">Sale details.</a>
 858                   </p>
 859                 </div>
 860               </noscript>
 861               <!-- End Buy/Download button -->
 862
 863             </div>
 864             <div class="col-md-7 col-sm-6">
 865               <ul class="pros">
 866                 <li>Designed to complement your existing router by providing a VPN that enhances privacy and security and circumvents network controls.</li>
 867                 <li>Designed for easy set-up.</li>
 868                 <li>As free as can be: runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> LibreCMC operating system on hardware that is certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
 869               </ul>
 870             </div>
 871           </div>
 872           <!-- End Row -->
 873         </div>
 874         <!-- End Container -->
 875
 876       <h1 class="title text-center">Books, Music, and Video</h1>
 877                     <img src="img/products/bookshelf.png" alt="a shelf of books, with two layers, organized by color." class="center-block img-responsive" />
 878       <!--ebooks-->
 879       <div class="container">
 880         <h3 class="title text-center">Books</h3>
 881         <div class="row is-table-row">
 882           <div class="good col-md-6 col-sm-6">
 883             <h5 class="text-center">DRM-free Ebooks</h5>
 884
 885             <ul class="pros">
 886               <p>There are <a href="https://www.defectivebydesign.org/guide/ebooks">a lot of options</a> for where to get your literature fix without any pesky DRM. We're highlighting some publishers and shops who are offering deals for you!</p>
 887               <li><a href="https://www.delphiclassics.com/">Delphi Classics</a> has a wide range of classic literature available in English, French, German, Italian, and Spanish. Use the code <b>fsfdelphi</b> for <b>30% off</b> orders over $10 through the end of December.</li>
 888               <li><a href="https://tienda.edicionesbabylon.es/en/">Ediciones Babylon</a> can supply you with all of your Spanish language needs for comics, art, novellas, and novels. Use the code <b>FSFDISCOUNTEB</b> for <b>5% off</b> all the way through March 2018.</li>
 889             <li><a href="https://www.nostarch.com/">No Starch Press</a> specializes in educational, instructional, and how-to books on everything from arduinos to system administration. Use the code <b>ETHICTECH</b> for <b>40% off</b> through January 10th, 2018.</li>
 890             <li>Looking to buy paper books? Check out the <a href="https://shop.fsf.org/collection/books-docs">GNU Press Shop</a> for your technical manuals and documentation needs.</li>
 891             </ul>
 892
 893           </div>
 894           <!--End Good-->
 895
 896           <!--start bad-->
 897           <div class="good col-md-6 col-sm-6">
 898               <ul class="pros">
 899             <h5 class="text-center">Stay away from: Amazon</h5>
 900             <ul class="cons">
 901               <li>Amazon is one of the <a href="https://www.defectivebydesign.org/amazon">most notorious of DRM offenders</a>. Whether it's their Kindle e-reader or their countless DRM-encumbered ebooks, Amazon is the place to go if you want to <a href="https://www.defectivebydesign.org/amazon-kindle-swindle">let someone else snatch away texts</a> from your personal library.</li>
 902               <li><a href="https://www.defectivebydesign.org/">Read more about DRM, the risks it poses, and the damage it causes</a>.
 903             </ul>
 904           </div>
 905           <!--End Bad-->
 906         </div>
 907         <!--End Row-->
 908       </div>
 909       <!--End Container-->
 910
 911       <!--Music-->
 912       <div class="container">
 913         <h3 class="title text-center">Music</h3>
 914         <div class="row is-table-row">
 915           <div class="good col-md-6 col-sm-6">
 916             <h5 class="text-center">DRM-free Music</h5>
 917
 918             <!-- start good -->
 919             <ul class="pros">
 920               <p>Many consider music essential to the richness of the human experience. Thanks to the <a href="https://www.defectivebydesign.org/guide/audio">many artists, producers, record labels, and shops</a> highlighted on <a href="https://defectivebydesign.org">Defective by Design</a>, the rights-respecting options are nearly endless. Check out music from great labels and artists, including:</p>
 921               <li><a href="http://www.dischord.com/">Dischord Records</a>, a classic punk label providing music since 1980.</li>
 922               <li><a href="https://www.emusic.com/">Emusic</a> is the Web's second largest music store.</li>
 923               <li><a href="https://folkways.si.edu/">Folkways</a>, courtesy of the Smithsonian Institute.</li>
 924             </ul>
 925
 926           </div>
 927           <!--End Good-->
 928
 929           <!--start bad-->
 930           <div class="good col-md-6 col-sm-6">
 931             <ul class="cons">
 932               <h5 class="text-center">Stay away from: Spotify</h5>
 933            <p>Spotify isn't the only offender when it comes to putting DRM in music&mdash;all major streaming services do this with the support of big record labels.</p>
 934            <p>In addition to streaming music encumbered by DRM, people who want to use Spotify are required to install additional proprietary software. Even <a href="https://www.spotify.com/us/download/linux/">Spotify's client for GNU/Linux</a> relies on proprietary software.</p>
 935             </ul>
 936           </div>
 937           <!--End Bad-->
 938         </div>
 939         <!--End Row-->
 940       </div>
 941       <!--End Container-->
 942
 943       <!--Video-->
 944       <div class="container">
 945         <h3 class="title text-center">Video</h3>
 946         <div class="row is-table-row">
 947           <div class="good col-md-6 col-sm-6">
 948             <h5 class="text-center">DRM-free Video</h5>
 949             <ul class="pros">
 950               <p>As winter comes to the Northern Hemisphere, it's the perfect time to curl up under a blanket and watch some DRM-free video. In the Southern Hemisphere? Enjoy relaxing with a great movie actually owned by you.</p>
 951               <p>You can <a href="https://www.defectivebydesign.org/guide/video">find your DRM-free video fix</a> at places including:</p>
 952               <li><a href="http://www.comedydirect.com/">ComedyDirect</a> can make you laugh while storing your videos locally.</li>
 953               <li><a href="https://archive.org/details/movies">Moving Image Archive</a> is a section of <a href="https://archive.org">Archive.org</a> containing thousands of film releases, available to stream or download.</li>
 954               <li><a href="https://durian.blender.org/download/">Sintel</a> has a huge selection of DRM-free films made with free software.</li>
 955               <li><a href="http://wolfeondemand.com/">WolfeOnDemand</a> provides for all of your LGBTQ watching desires.</li>
 956             </ul>
 957
 958           </div>
 959           <!--End Good-->
 960
 961           <!--start bad-->
 962           <div class="good col-md-6 col-sm-6">
 963             <h5 class="text-center">Stay away from: Netflix</h5>
 964               <ul class="cons">
 965                 <p>Whether it's <a href="https://www.defectivebydesign.org/blog/tell_netflix_nix_drm_original_productions">using major studios as scapegoats for using DRM</a> or <a href="https://www.w3.org/2017/09/pressrelease-eme-recommendation.html.en">pushing for DRM as an official W3C Recommendation</a>, Netflix has been at the front line of getting DRM into media online and in your home.</p>
 966             </ul>
 967           </div>
 968           <!--End Bad-->
 969         </div>
 970         <!--End Row-->
 971       </div>
 972       <!--End Container-->
 973
 974       </section>
 975 <!--End comparisons-->
 976
 977 <!-- Begin need choices -->
 978 <section class="choices" id="choices">
 979   <div class="container">
 980     <h1 class="text-center">We need better choices!<h1>
 981       <div class="container choices">
 982         <h2 class="title text-center"></h2>
 983         <div class="row is-table-row">
 984           <div class="good col-md-6 col-sm-6" style="position:relative">
 985               <p>Sadly, there is not always the opportunity to choose freedom. You have to decide what is the right thing for you to do. We've highlighted some of the types of devices where there isn't a good choice. We hope you'll take this list as inspiration for the free software projects you contribue to and support.</p>
 986           </div>
 987           <!--End Good-->
 988
 989           <!-- start bad -->
 990
 991           <div class="bad col-md-6 col-sm-6">
 992             <h5 class="text-center">In need of development</h5>
 993             <ul class="cons">
 994               <li>Cameras</li>
 995               <li>E-readers</li>
 996               <li>Video gaming systems</li>
 997   </ul>
 998             <h5 class="text-center">Stay away from: These devices</h5>
 999             <ul class="cons">
1000               <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home.</li>
1001               <li>Self-driving cars are full of proprietary software, posing a risk to cyclists, pedestrians, and riders. <a href="https://www.theguardian.com/technology/2017/jul/31/tesla-model-3-electric-car-doesnt-have-key-things-we-learned-speedometer-battery-sleep">Read more about</a> the Tesla Model 3's anti-features and autopilot system.</li>
1002             </ul>
1003           </div>
1004           <!--End Bad-->
1005         </div>
1006         <!--End Row-->
1007       </div>
1008       <!--End Container-->
1009       <!--End bad-->
1010 <!-- end choices -->
1011
1012
1013
1014       <!-- Begin Donations -->
1015       <section class="charities" id="charities">
1016         <div class="container">
1017           <h1 class="text-center">Recommended organizations for holiday donations</h1>
1018           <div class="row">
1019              <div class="col-md-3 col-sm-4 col-xs-6">
1020               <a href="https://april.org/"><img src="img/charities/april.png" alt="april" class="center-block img-responsive" /></a>
1021             </div>
1022              <div class="col-md-3 col-sm-4 col-xs-6">
1023               <a href="https://ceata.org/"><img src="img/charities/ceata.png" alt="ceata" class="center-block img-responsive" /></a>
1024             </div>
1025              <div class="col-md-3 col-sm-4 col-xs-6">
1026               <a href="https://creativecommons.org/"><img src="img/charities/cc.png" alt="cc" class="center-block img-responsive" /></a>
1027             </div>
1028             <div class="col-md-3 col-sm-4 col-xs-6">
1029               <a href="https://www.eff.org/"><img src="img/charities/eff.png" alt="eff" class="center-block img-responsive" /></a>
1030             </div>
1031              <div class="col-md-3 col-sm-4 col-xs-6">
1032               <a href="https://www.gnome.org/"><img src="img/charities/gnome.png" alt="gnome" class="center-block img-responsive" /></a>
1033             </div>
1034             <div class="col-md-3 col-sm-4 col-xs-6">
1035               <a href="https://sfconservancy.org/"><img src="img/charities/sfc.png" alt="sfc" class="center-block img-responsive" /></a>
1036             </div>
1037             <div class="col-md-3 col-sm-4 col-xs-6">
1038               <a href="https://www.wikimedia.org/"><img src="img/charities/wikimedia.png" alt="wikimedia" class="center-block img-responsive" /></a>
1039             </div>
1040             <div class="col-md-3 col-sm-4 col-sx-6">
1041               <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
1042             </div>
1043           </div>
1044         </div>
1045           </div>
1046         </div>
1047       </section>
1048       <!-- End Donations -->
1049
1050       <!-- Begin Promotion details -->
1051
1052       <section class="promotion-details">
1053         <div class="container">
1054           <div class="row">
1055             <div class="col-md-12">
1056               <div class="panel-default">
1057                 <div class="panel-heading">
1058                   <h1 class="fix-margin">Promotion details</h1>
1059                 </div>
1060                 <div class="panel-body" id="promotion-details">
1061 <h2>Companies, distributors, and makers of freedom-friendly gadgets and media want to make it easier for you to give gifts that you feel good about. Check out these discounts and promotions.</h2>
1062 <!--                  <ul style="list-style: none inside none;">
1063                     <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> Receive a 5% discount on any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. Use the coupon code <span class="label label-default">FSFGIVING16</span> at checkout.</li>
1064                     <li id="libiquity-promotion"><strong>Libiquity:</strong>            Receive a 5% rebate off your subtotal price for any items you buy from the Web site. Libiquity will donate 5% of each purchase's subtotal price to the FSF. Ends at 00:00 EST on February 1st, 2017. Claim the rebate by sending the code <span class="label label-default">FSFGIVING</span> and your order number to <a href="mailto:sales@libiquity.com">sales@libiquity.com</a>. Libiquity will then credit the rebate amount to your payment method.</li>
1065                     <li id="technoethical-promotion"><strong>Technoethical:</strong>
1066                       Receive a 5% discount on any items you buy from the Web site. Ends at 00:00 EST on February 1st, 2017. Use the coupon code <span class="label label-default">FSFHOLIDAYS</span> at checkout.</li> -->
1067                       <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/black-friday-cyber-monday-preview">Black Friday and Cyber Monday discounts</a> are available through their site.</li>
1068                       <li id="thinkpenguin-promotion"><strong>ThinkPenguin:</strong> 5% discount on <b>all</b> products is available to <a href="https://fsf.org/join">FSF members</a>.</li>
1069                       <li id="vikings-promotion"><strong>Vikings:</strong> 5% discount on <b>all</b> products and services between now and February 1, 2018. <b>Help the FSF!</b> Vikings will also make a donation for each product purchased using this code. Use the coupon code  <span class="label label-default">fsfftw</span>.</li>
1070
1071 </ul>
1072                   </div>
1073                 </div>
1074               </div>
1075               <!-- End Panel -->
1076             </div>
1077             <!-- End Row -->
1078           </div>
1079           <!-- End Container -->
1080         </section>
1081         <!-- End Promotion details   -->
1082
1083
1084         <!-- Start Respects Your Freedom -->
1085  <!--     <section class="promotion-details">
1086         <div class="container">
1087           <div class="row">
1088             <div class="col-md-12">
1089               <div class="panel-default">
1090                 <div class="panel-heading">
1091                   <h1 class="fix-margin">Respects Your Freedom</h1>
1092                 </div>
1093                 <div class="panel-body" id="promotion-details">
1094                   <p>The FSF certifies devices that <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">respects your freedoms</a>. These items arrive installed with free software, and you can see a  <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">complete list</a> of RYF products on FSF.org.</p>
1095                   <p>We would never recommend you use, run, or give proprietary software. However, one part of RYF certification is the promise that one can install any software they wish on the device. This includes proprietary software. Free software is about many things, including the right to choose what is on your device. We urge you to keep your gifts and own devices fully free&mdash;it's not only the responsible thing, but the right thing.</p>
1096                     </div>
1097                 </div>
1098               </div> -->
1099               <!-- End Panel -->
1100             </div>
1101             <!-- End Row -->
1102           </div>
1103           <!-- End Container -->
1104         </section>
1105         <!-- End Respects Your Freedom   -->
1106
1107         <!-- Begin Licenses -->
1108         <section class="licenses">
1109           <div class="container">
1110             <div class="row">
1111               <div class="col-md-12">
1112                 <div class="panel-default">
1113                   <div class="panel-heading">
1114                    <h1 class="fix-margin">Licenses</h1>
1115
1116                   </div>
1117                   <div class="panel-body" id="licenses">
1118                     <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 Unported.</a>
1119                     </p>
1120                     <p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
1121                     <ul style="list-style: none inside none;">
1122                       <li>X200, T400, iPhone, and ISP-provided router images are in the public domain.</li>
1123                       <li>LulzBot 3D printer photo by Aleph Objects is licensed under a <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
1124                       <li>ThinkPenguin with GNU and both ThinkPenguin router images by ThinkPenguin are licensed under a <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
1125                       <li>Technoethical Replicant N2, Wi-Fi Dongle, and X200T by Technoethical 2016-2017 licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike Unported 4.0</a>.</li>
1126                       <li>Photo of bookshelf by <a href="https://www.flickr.com/photos/seeminglee/4556156477/">See-ming Lee</a> licensed under a <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution-ShareAlike 2.0 Unported</a>
1127                   </div>
1128                 </div>
1129               </div>
1130               <!-- End Panel -->
1131             </div>
1132             <!-- End Row -->
1133           </div>
1134           <!-- End Container -->
1135         </section>
1136         <!-- End Licenses   -->
1137
1138         <!--Begin Footer-->
1139         <footer>
1140           <div class="container-fluid">
1141             <div class="row">
1142               <div class="col-md-4 col-sm-4 footer-logo">
1143                 <a href="https://fsf.org/"><img src="img/fsf-footer.png" alt="FSF" class="center-block footer-logo img-responsive" /></a>
1144               </div>
1145               <div class="col-md-8 col-sm-8">
1146                 <p>The FSF is a nonprofit with a worldwide mission to advance software freedom —
1147                   <a href="https://fsf.org/about">learn about our history and work.</a>
1148                 </p>
1149                 <p>Version 8.0. Copyright © 2004-2017
1150                   <a href="https://fsf.org/about/contact.html" title="Find out how to contact us">
1151                     Free Software Foundation
1152                   </a>, Inc.
1153                   <a href="https://my.fsf.org/donate/privacypolicy.html"> Privacy Policy</a>.
1154                 </p>
1155               </div>
1156             </div>
1157             <!-- End Row -->
1158           </div>
1159           <!-- End Container -->
1160         </footer>
1161         <!-- End Footer -->
1162
1163         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1164         <script src="js/jquery.js" charset="utf-8"></script>
1165         <!-- Include all compiled plugins (below), or include individual files as needed -->
1166         <script src="js/bootstrap.js" charset="utf-8"></script>
1167         <!-- Our JS -->
1168         <script src="js/magic.js" charset="utf-8"></script>
1169
1170         <!-- Piwik -->
1171         <script type="text/javascript">
1172         // @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt
1173         var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
1174         document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
1175         try {
1176           var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14);
1177           piwikTracker.trackPageView();
1178           piwikTracker.enableLinkTracking();
1179         } catch (err) {}
1180         // @license-end
1181         </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
1182         <!-- End Piwik Tracking Code -->
1183         <a href="js/weblabels.html" rel="jslicense"></a>
1184       </body>
1185
1186       </html>