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 tools 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: 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. You <i>can</i> have a phone that respects your freedoms while still making calls, running your favorite apps, and sending all the text messages you want.</p>
 202
 203 <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>
 204             </ul>
 205           </div>
 206           <!--End Good-->
 207
 208           <!-- start bad -->
 209
 210           <div class="good col-md-6 col-sm-6">
 211             <ul class="pros">
 212               <li>
 213                 Runs the <a href="https://www.replicant.us">Replicant</a> free operating system, based on Android.
 214               </li>
 215               <li>
 216                 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.
 217               </li>
 218               <li>10% of sales profits from Technoethical are donated to Replicant.</li>
 219               <li>Note: While the main processor is exclusively running free software, the modem processor runs a Samsung nonfree system.</li>
 220             </ul>
 221
 222             <h5 class="text-center">Stay away from: iPhone</h5>
 223             <ul class="cons">
 224               <li>Comes with no shortage of <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareIniThings">spyware</a>.</li>
 225               <li>
 226                 iOS is a fully <a href="https://gnu.org/proprietary">proprietary operating system</a>, giving Apple control over the software on the devices
 227               </li>
 228               <li>Avoid: iPhone XR, iPhone XS, iPhone X, and other models.</li>
 229             </ul>
 230           </div>
 231           <!--End Bad-->
 232         </div>
 233         <!--End Row-->
 234       </div>
 235       <!--End Container-->
 236       <!--End bad-->
 237
 238
 239       <h2 class="title text-center">Laptops, Tablets, and Desktops</h2>
 240
 241  <!--Laptops-->
 242       <div class="container">
 243         <h3 class="title text-center">Laptops</h3>
 244         <div class="row is-table-row">
 245           <div class="good col-md-6 col-sm-6">
 246             <img src="img/products/t400.png" alt="t400" class="center-block" />
 247             <h5 class="text-center">T400 with GNU/Linux</h5>
 248
 249
 250
 251             <!-- Buy/Download Button   -->
 252             <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">
 253               BUY
 254               <!-- Begin Sale -->
 255               <span class="sale" >sale</span>
 256               <!-- End Sale -->
 257             </a>
 258             <div class="collapse" id="sellers-full">
 259               <div class="center-block seller-group">
 260                 <p style="color: #6b6b6b">
 261                   <strong>Get it from</strong>
 262                 </p>
 263                 <p>
 264                 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
 265                 </p>
 266                  <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
 267                 <p class="sale-info links">
 268                   <a href="#technoethical-promotion">Sale details.</a>
 269                 </p>
 270               </div>
 271             </div>
 272
 273             <script>
 274             document.getElementById('get-item-full').style.display = '';
 275             </script>
 276             <noscript>
 277               <div class="center-block seller-group">
 278                 <p style="color: #6b6b6b">
 279                   <strong>Get it from</strong>
 280                 </p>
 281                 <p>
 282                 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
 283                 </p>
 284                  <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
 285                 <p class="sale-info links">
 286                   <a href="#technoethical-promotion">Sale details.</a>
 287                 </p>
 288               </div>
 289             </noscript>
 290             <!-- End Buy/Download button -->
 291
 292             <ul class="pros">
 293               <p>Why it's cool: The T400 is a popular laptop for running GNU/Linux because of how well-suited it is to work and play. Now you can get it completely free, with these RYF certified options.</p>
 294               <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>
 295               <p>Technoethical also has a <a href="https://tehnoetic.com/laptops/tet-t400s">T400s</a> available.</p>
 296             </ul>
 297
 298           </div>
 299           <!--End Good-->
 300
 301           <!--start bad-->
 302           <div class="good col-md-6 col-sm-6">
 303               <ul class="pros">
 304               <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware.</li>
 305               <li>Durable hardware is meant to last and be easy to repair.</li>
 306               <li>Created by small businesses that replace all restrictive components from a stock laptop.</li>
 307               <li>Whether you purchase from Minifree or Technoethical, your T400 will be Respects your Freedom certified.</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               <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>
 314              <li>You can find Windows on computers like the Dell Inspiron, HP EliteBook, and Lenovo Ideapad.</li>
 315              <li>Looking at a computer that includes an Intel CPU? Intel comes with <a href="https://www.fsf.org/blogs/sysadmin/the-management-engine-an-attack-on-computer-users-freedom">Management Engine</a>, a hardware-based backdoor that gives Intel a permanent backdoor into your computer.</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                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
 345                 <p class="sale-info links">
 346                   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>
 347
 348                 </p>
 349                 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a><br>
 350                 <p class="sale-info links">
 351                 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>
 352                 </p>
 353                     <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
 354                 <p class="sale-info links">
 355                   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>
 356                 </p>
 357
 358               </div>
 359             </div>
 360
 361             <script>
 362             document.getElementById('get-item-compact').style.display = '';
 363             </script>
 364             <noscript>
 365               <div class="center-block seller-group">
 366                 <p style="color: #6b6b6b">
 367                   <strong>Get it from</strong>
 368                 </p>
 369                 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
 370                 <p class="sale-info links">
 371                   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>
 372                 </p>
 373                 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a>
 374                 <p class="sale-info links">
 375                   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>
 376                 </p>
 377                     <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
 378                 <p class="sale-info links">
 379                   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>
 380  </div>
 381             </noscript>
 382             <!-- End Buy/Download button -->
 383
 384             <!-- start good -->
 385             <ul class="pros">
 386               <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>
 387
 388 <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>
 389             </ul>
 390
 391           </div>
 392           <!--End Good-->
 393
 394           <!--start bad-->
 395           <div class="good col-md-6 col-sm-6">
 396             <ul class="pros">
 397              <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>
 398               <li>Durable hardware is meant to last and is easy to repair.</li>
 399               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
 400           <h5 class="text-center">Stay away from: Apple</h5>
 401           <ul class="cons">
 402             <li>Runs on <a href="https://gnu.org/proprietary">proprietary software</a> that restricts the user's freedoms.</li>
 403               <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>
 404               <li>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a>.</li>
 405               <li>Avoid: MacBook Air (and MacBook Pro)</li>
 406             </ul>
 407           </div>
 408           <!--End Bad-->
 409         </div>
 410         <!--End Row-->
 411       </div>
 412       <!--End Container-->
 413
 414       <!--convertible Laptops-->
 415       <div class="container">
 416         <h3 class="title text-center">Convertible Laptops/Tablets</h3>
 417         <div class="row is-table-row">
 418           <div class="good col-md-6 col-sm-6">
 419             <img src="https://static.fsf.org/nosvn/images/technoethical-x200t.png" alt="Technoethical convertible tablet laptop" class="center-block" />
 420             <h5 class="text-center">X200t with GNU/Linux</h5>
 421
 422             <!-- Buy/Download Button   -->
 423             <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">
 424               BUY
 425               <!-- Begin Sale -->
 426               <span class="sale" >sale</span>
 427               <!-- End Sale -->
 428             </a>
 429             <div class="collapse" id="sellers-convertible">
 430               <div class="center-block seller-group">
 431                 <p style="color: #6b6b6b">
 432                   <strong>Get it from</strong>
 433                 </p>
 434
 435                                <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
 436                 <p class="sale-info links">
 437
 438                 </p>
 439
 440             <script>
 441             document.getElementById('get-item-convertible').style.display = '';
 442             </script>
 443             <noscript>
 444               <div class="center-block seller-group">
 445                 <p style="color: #6b6b6b">
 446                   <strong>Get it from</strong>
 447                 </p>
 448
 449                                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 450                                 <p class="sale-info links">
 451                                   <a href="#technoethical-promotion">Sale details.</a>
 452                                 </p>           </div>
 453             </noscript>
 454
 455                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 456               </div>
 457             </div>
 458
 459             <script>
 460             document.getElementById('get-item-convertible').style.display = '';
 461             </script>
 462             <noscript>
 463               <div class="center-block seller-group">
 464                 <p style="color: #6b6b6b">
 465                   <strong>Get it from</strong>
 466                 </p>
 467
 468                                 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
 469                                 <p class="sale-info links">
 470                                   <a href="#technoethical-promotion">Sale details.</a>
 471                                 </p>           </div>
 472             </noscript>
 473             <!-- End Buy/Download button -->
 474             <ul class="pros">
 475  <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>
 476
 477 <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>
 478             </ul>
 479
 480           </div>
 481           <!--End Good-->
 482
 483           <!--start bad-->
 484           <div class="good col-md-6 col-sm-6">
 485             <ul class="pros">
 486           <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system with libreboot firmware.</li>
 487               <li>Durable hardware is meant to last and is easy to repair.</li>
 488               <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
 489               </ul>
 490             <h5 class="text-center">Stay away from: iPad Pro</h5>
 491               <ul class="cons">
 492                  <li>
 493                 Apple uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">Digital Restrictions Management (DRM)</a> to block competing software.
 494                  </li>
 495                 <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>
 496             </ul>
 497           </div>
 498           <!--End Bad-->
 499         </div>
 500         <!--End Row-->
 501       </div>
 502       <!--End Container-->
 503
 504  <!--Desktops-->
 505       <div class="container">
 506         <h3 class="title text-center">Desktops</h3>
 507         <div class="row is-table-row">
 508           <div class="good col-md-6 col-sm-6">
 509             <img src="img/products/desktop.png" alt="The Workstation, a tower computer by Vikings" class="center-block" />
 510             <h5 class="text-center">D16 Workstation with GNU/Linux</h5>
 511
 512             <!-- Buy/Download Button   -->
 513             <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">
 514               BUY
 515               <!-- Begin Sale -->
 516               <span class="sale" >sale</span>
 517               <!-- End Sale -->
 518             </a>
 519             <div class="collapse" id="sellers-desktop">
 520               <div class="center-block seller-group">
 521                   <strong>Get it from</strong>
 522                 </p>
 523                 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
 524                 <p class="sale-info links">
 525                  The D16 Workstation is not Respects Your Freedom certified at this point. <a href="#vikings-promotion">Sale details.</a>
 526                 </p>
 527               </div>
 528             </div>
 529
 530              <script>
 531             document.getElementById('get-item-desktop').style.display = '';
 532             </script>
 533             <noscript>
 534               <div class="center-block seller-group">
 535                 <p style="color: #6b6b6b">
 536                   <strong>Get it from</strong>
 537                 </p>
 538                 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
 539                 <p class="sale-info links">
 540                   The Workstation is not Respects Your Freedom certified at this point.
 541                 </p>
 542               </div>
 543             </noscript>
 544             <!-- End Buy/Download button -->
 545
 546             <ul class="pros">
 547 <p>Why it's cool: Sometimes you need heavy-duty computing power that a laptop just can't provide.</p>
 548
 549 <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>
 550             </ul>
 551
 552           </div>
 553           <!--End Good-->
 554
 555           <!--start bad-->
 556           <div class="good col-md-6 col-sm-6">
 557               <ul class="pros">
 558                 <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>
 559                 <li>Free boot firmware.</li>
 560                 <li>Customize and specialize to your needs.</li>
 561             </ul>
 562             <h5 class="text-center">Stay away from: Apple iMac</h5>
 563             <ul class="cons">
 564               <p>An iMac puts designers and film makers at risk:</p>
 565               <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>
 566               </ul>
 567            <h5 class="text-center">Stay away from: Alienware Area-51 Threadripper</h5>
 568             <ul class="cons">
 569               <li>The newest Alienware gaming desktop comes with Ryzen Threadripper processors and loads of freedom-restricting proprietary software.</li>
 570             </ul>
 571           </div>
 572           <!--End Bad-->
 573         </div>
 574         <!--End Row-->
 575       </div>
 576       <!--End Container-->
 577
 578           <!--3D Printers-->
 579       <div class="container">
 580         <h3 class="title text-center">3D Printers</h3>
 581         <div class="row is-table-row">
 582           <div class="good col-md-6 col-sm-6">
 583             <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
 584             <h5 class="text-center">LulzBot Mini</h5>
 585
 586             <!-- Buy/Download Button   -->
 587             <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">
 588               BUY
 589               <!-- Begin Sale -->
 590               <span class="sale" >sale</span>
 591               <!-- End Sale -->
 592             </a>
 593             <div class="collapse" id="sellers-print">
 594               <div class="center-block seller-group">
 595                 <p style="color: #6b6b6b">
 596                   <strong>Get it from</strong>
 597                 </p>
 598                 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
 599                 <p class="sale-info links">
 600                   <a href="https://www.lulzbot.com">Lulzbot</a> is having general sales Black Friday through Cyber Monday. <a href="#lulzbot-promotion">Sale details.</a>
 601
 602                 </p>
 603               </div>
 604             </div>
 605
 606             <script>
 607             document.getElementById('get-item-print').style.display = '';
 608             </script>
 609             <noscript>
 610               <div class="center-block seller-group">
 611                 <p style="color: #6b6b6b">
 612                   <strong>Get it from</strong>
 613                 </p>
 614                 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
 615                 <p class="sale-info links">
 616                   <a href="#lulzbot-promotion">Sale details.</a>
 617                 </p>
 618               </div>
 619             </noscript>
 620             <!-- End Buy/Download button -->
 621             <ul class="pros">
 622               <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>
 623
 624 <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>
 625             </ul>
 626           </div>
 627           <!--End Good-->
 628
 629           <div class="good col-md-6 col-sm-6">
 630             <ul class="pros">
 631               <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>
 632               <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>
 633             </ul>
 634             <h5 class="text-center">Stay away from: MakerBot</h5>
 635             <ul class="cons">
 636               <li>
 637                 MakerWare software is proprietary, <a href="https://gnu.org/proprietary">restricting freedom and stifling
 638               </li>
 639               <li>
 640                 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.
 641               </li>
 642             </ul>
 643           </div>
 644           <!--End Bad-->
 645         </div>
 646         <!--End Row-->
 647       </div>
 648       <!--End Container-->
 649
 650
 651       <!--start container-->
 652         <!-- Begin Recommended Template -->
 653       <div class="container">
 654         <h2 class="title text-center">Cool Devices</h2>
 655 <div class="container">
 656         <div class="row is-table-row">
 657           <div class="col-md-5 col-sm-6 recommended-img">
 658             <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" />
 659             <h5 class="text-center">NeuG USB True Random Number Generator</h5>
 660
 661             <!-- Buy/Download Button   -->
 662             <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;">
 663               BUY
 664             </a>
 665             <div class="collapse" id="random-number-generator">
 666               <div class="center-block seller-group">
 667                 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator">GNU Press Shop</a>
 668                 <p class="sale-info links">
 669                   <a href="#thinkpenguin-promotion">Sale details.</a>
 670                 </p>
 671               </div>
 672             </div>
 673
 674             <script>
 675             document.getElementById('get-item-long-range-adapter').style.display = '';
 676             </script>
 677             <noscript>
 678               <div class="center-block seller-group">
 679                 <p style="color: #6b6b6b">
 680                   <strong>Get it from</strong>
 681                 </p>
 682                 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
 683                 <p class="sale-info links">
 684                   <a href="#thinkpenguin-promotion">Sale details.</a>
 685                 </p>
 686               </div>
 687             </noscript>
 688             <!-- End Buy/Download button -->
 689
 690           </div>
 691           <div class="col-md-7 col-sm-6">
 692             </h5>
 693             <ul class="pros">
 694               <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>
 695               <li>NeuG is an implementation of a true random number generator (TRNG) for STM32F103 MCU.</li>
 696             </ul>
 697           </div>
 698         </div>
 699         <!-- End Row -->
 700       </div>
 701       <!-- End Container -->
 702
 703         <div class="row is-table-row">
 704           <div class="col-md-5 col-sm-6 recommended-img">
 705             <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
 706                 <h5 class="text-center">Mini Wi-Fi Adapter</h5>
 707
 708             <!-- Buy/Download Button   -->
 709             <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;">
 710               BUY
 711               <!-- Begin Sale -->
 712               <span class="sale">sale</span>
 713               <!-- End Sale -->
 714             </a>
 715             <div class="collapse" id="sellers-mini-adapter">
 716               <div class="center-block seller-group">
 717                 <a  href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
 718                 <p class="sale-info links">
 719                   <a href="#technoethical-promotion">Sale details.</a>
 720                 </p>
 721                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
 722                 <p class="sale-info links">
 723                   <a href="#thinkpenguin-promotion">Sale details.</a>
 724                 </p>
 725               </div>
 726             </div>
 727
 728             <script>
 729             document.getElementById('get-item-mini-adapter').style.display = '';
 730             </script>
 731             <noscript>
 732               <div class="center-block seller-group">
 733                 <p style="color: #6b6b6b">
 734                   <strong>Get it from</strong>
 735                 </p>
 736                 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
 737
 738                 <p class="sale-info links">
 739                   <a href="#technoethical-promotion">Sale details.</a>
 740                 </p>
 741                 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
 742                 <p class="sale-info links">
 743                   <a href="#thinkpenguin-promotion">Sale details.</a>
 744                 </p>
 745               </div>
 746             </noscript>
 747             <!-- End Buy/Download button -->
 748
 749  <!--start pros-->
 750             <ul class="pros">
 751               <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>
 752             </ul>
 753             </div>
 754
 755            <div class="good col-md-6 col-sm-6">
 756             <ul class="pros">
 757               <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.</li>
 758               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
 759               <li>Options from Technoethical and ThinkPenguin.</li>
 760               <li>If you use a laptop listed in this guide, an adapter like this won't be necessary.</li>
 761             </ul>
 762           </div>
 763         </div>
 764         <!-- End Row -->
 765       </div>
 766       <!-- End Container -->
 767
 768   <!-- Begin Recommended Template -->
 769
 770  <div class="container">
 771         <div class="row is-table-row">
 772           <div class="col-md-5 col-sm-6 recommended-img">
 773             <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" />
 774             <h5 class="text-center">Long Range Wi-Fi Adapter</h5>
 775
 776             <!-- Buy/Download Button   -->
 777             <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;">
 778               BUY
 779               <!-- Begin Sale -->
 780               <span class="sale">sale</span>
 781               <!-- End Sale -->
 782             </a>
 783             <div class="collapse" id="sellers-long-range-adapter">
 784               <div class="center-block seller-group">
 785                 <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>
 786                 <p class="sale-info links">
 787                   <a href="#thinkpenguin-promotion">Sale details.</a>
 788                 </p>
 789               </div>
 790             </div>
 791
 792             <script>
 793             document.getElementById('get-item-long-range-adapter').style.display = '';
 794             </script>
 795             <noscript>
 796               <div class="center-block seller-group">
 797                 <p style="color: #6b6b6b">
 798                   <strong>Get it from</strong>
 799                 </p>
 800                 <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>
 801                 <p class="sale-info links">
 802                   <a href="#thinkpenguin-promotion">Sale details.</a>
 803                 </p>
 804               </div>
 805             </noscript>
 806             <!-- End Buy/Download button -->
 807
 808           </div>
 809           <div class="col-md-7 col-sm-6">
 810             </h5>
 811             <ul class="pros">
 812               <li>More powerful than its smaller cousin, and can be further upgraded with a larger antenna.</li>
 813               <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
 814               <li>Multiple options from Technoethical and ThinkPenguin.</li>
 815             </ul>
 816           </div>
 817         </div>
 818         <!-- End Row -->
 819       </div>
 820       <!-- End Container -->
 821
 822     <!-- Begin Recommended Template -->
 823         <div class="container">
 824           <div class="row is-table-row">
 825             <div class="col-md-5 col-sm-6 recommended-img">
 826               <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
 827               <h5 class="text-center">VPN Router</h5>
 828
 829               <!-- Buy/Download Button   -->
 830               <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;">
 831                 BUY
 832                 <!-- Begin Sale -->
 833                 <span class="sale">sale</span>
 834                 <!-- End Sale -->
 835               </a>
 836               <div class="collapse" id="sellers-vpn-router">
 837                 <div class="center-block seller-group">
 838                   <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
 839                   <p class="sale-info links">
 840                     <a href="#thinkpenguin-promotion">Sale details.</a>
 841                   </p>
 842                 </div>
 843               </div>
 844
 845               <script>
 846               document.getElementById('get-item-vpn-router').style.display = '';
 847               </script>
 848               <noscript>
 849                 <div class="center-block seller-group">
 850                   <p style="color: #6b6b6b">
 851                     <strong>Get it from</strong>
 852                   </p>
 853                   <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
 854                   <p class="sale-info links">
 855                     <a href="#thinkpenguin-promotion">Sale details.</a>
 856                   </p>
 857                 </div>
 858               </noscript>
 859               <!-- End Buy/Download button -->
 860
 861             </div>
 862             <div class="col-md-7 col-sm-6">
 863               <ul class="pros">
 864                 <li>Designed to complement your existing router by providing a VPN that enhances privacy and security and circumvents network controls.</li>
 865                 <li>Designed for easy set-up.</li>
 866                 <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>
 867               </ul>
 868             </div>
 869           </div>
 870           <!-- End Row -->
 871         </div>
 872         <!-- End Container -->
 873
 874       <h1 class="title text-center">Books, Music, and Video</h1>
 875                     <img src="img/products/bookshelf.png" alt="a shelf of books, with two layers, organized by color." class="center-block img-responsive" />
 876       <!--ebooks-->
 877       <div class="container">
 878         <h3 class="title text-center">Books</h3>
 879         <div class="row is-table-row">
 880           <div class="good col-md-6 col-sm-6">
 881             <h5 class="text-center">DRM-free Ebooks</h5>
 882
 883             <ul class="pros">
 884               <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>
 885               <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>
 886               <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>
 887             <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>
 888             <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>
 889             </ul>
 890
 891           </div>
 892           <!--End Good-->
 893
 894           <!--start bad-->
 895           <div class="good col-md-6 col-sm-6">
 896               <ul class="pros">
 897             <h5 class="text-center">Stay away from: Amazon</h5>
 898             <ul class="cons">
 899               <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>
 900               <li><a href="https://www.defectivebydesign.org/">Read more about DRM, the risks it poses, and the damage it causes</a>.
 901             </ul>
 902           </div>
 903           <!--End Bad-->
 904         </div>
 905         <!--End Row-->
 906       </div>
 907       <!--End Container-->
 908
 909       <!--Music-->
 910       <div class="container">
 911         <h3 class="title text-center">Music</h3>
 912         <div class="row is-table-row">
 913           <div class="good col-md-6 col-sm-6">
 914             <h5 class="text-center">DRM-free Music</h5>
 915
 916             <!-- start good -->
 917             <ul class="pros">
 918               <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>
 919               <li><a href="http://www.dischord.com/">Dischord Records</a>, a classic punk label providing music since 1980.</li>
 920               <li><a href="https://www.emusic.com/">Emusic</a> is the Web's second largest music store.</li>
 921               <li><a href="https://folkways.si.edu/">Folkways</a>, courtesy of the Smithsonian Institute.</li>
 922             </ul>
 923
 924           </div>
 925           <!--End Good-->
 926
 927           <!--start bad-->
 928           <div class="good col-md-6 col-sm-6">
 929             <ul class="cons">
 930               <h5 class="text-center">Stay away from: Spotify</h5>
 931            <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>
 932            <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>
 933             </ul>
 934           </div>
 935           <!--End Bad-->
 936         </div>
 937         <!--End Row-->
 938       </div>
 939       <!--End Container-->
 940
 941       <!--Video-->
 942       <div class="container">
 943         <h3 class="title text-center">Video</h3>
 944         <div class="row is-table-row">
 945           <div class="good col-md-6 col-sm-6">
 946             <h5 class="text-center">DRM-free Video</h5>
 947             <ul class="pros">
 948               <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>
 949               <p>You can <a href="https://www.defectivebydesign.org/guide/video">find your DRM-free video fix</a> at places including:</p>
 950               <li><a href="http://www.comedydirect.com/">ComedyDirect</a> can make you laugh while storing your videos locally.</li>
 951               <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>
 952               <li><a href="https://durian.blender.org/download/">Sintel</a> has a huge selection of DRM-free films made with free software.</li>
 953               <li><a href="http://wolfeondemand.com/">WolfeOnDemand</a> provides for all of your LGBTQ watching desires.</li>
 954             </ul>
 955
 956           </div>
 957           <!--End Good-->
 958
 959           <!--start bad-->
 960           <div class="good col-md-6 col-sm-6">
 961             <h5 class="text-center">Stay away from: Netflix</h5>
 962               <ul class="cons">
 963                 <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>
 964             </ul>
 965           </div>
 966           <!--End Bad-->
 967         </div>
 968         <!--End Row-->
 969       </div>
 970       <!--End Container-->
 971
 972       </section>
 973 <!--End comparisons-->
 974
 975 <!-- Begin need choices -->
 976 <section class="choices" id="choices">
 977   <div class="container">
 978     <h1 class="text-center">We need better choices!<h1>
 979       <div class="container choices">
 980         <h2 class="title text-center"></h2>
 981         <div class="row is-table-row">
 982           <div class="good col-md-6 col-sm-6" style="position:relative">
 983               <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>
 984           </div>
 985           <!--End Good-->
 986
 987           <!-- start bad -->
 988
 989           <div class="bad col-md-6 col-sm-6">
 990             <h5 class="text-center">In need of development</h5>
 991             <ul class="cons">
 992               <li>Cameras</li>
 993               <li>E-readers</li>
 994               <li>Video gaming systems</li>
 995   </ul>
 996             <h5 class="text-center">Stay away from: These devices</h5>
 997             <ul class="cons">
 998               <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home.</li>
 999               <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>
1000             </ul>
1001           </div>
1002           <!--End Bad-->
1003         </div>
1004         <!--End Row-->
1005       </div>
1006       <!--End Container-->
1007       <!--End bad-->
1008 <!-- end choices -->
1009
1010
1011
1012       <!-- Begin Donations -->
1013       <section class="charities" id="charities">
1014         <div class="container">
1015           <h1 class="text-center">Recommended organizations for holiday donations</h1>
1016           <div class="row">
1017              <div class="col-md-3 col-sm-4 col-xs-6">
1018               <a href="https://april.org/"><img src="img/charities/april.png" alt="april" class="center-block img-responsive" /></a>
1019             </div>
1020              <div class="col-md-3 col-sm-4 col-xs-6">
1021               <a href="https://www.openrightsgroup.org/"><img src="img/charities/org.png" alt="ceataopen rights group logo" class="center-block img-responsive" /></a>
1022             </div>
1023              <div class="col-md-3 col-sm-4 col-xs-6">
1024               <a href="https://creativecommons.org/"><img src="img/charities/cc.png" alt="cc" class="center-block img-responsive" /></a>
1025             </div>
1026             <div class="col-md-3 col-sm-4 col-xs-6">
1027               <a href="https://www.eff.org/"><img src="img/charities/eff.png" alt="eff" class="center-block img-responsive" /></a>
1028             </div>
1029              <div class="col-md-3 col-sm-4 col-xs-6">
1030               <a href="https://www.gnome.org/"><img src="img/charities/gnome.png" alt="gnome" class="center-block img-responsive" /></a>
1031             </div>
1032             <div class="col-md-3 col-sm-4 col-xs-6">
1033               <a href="https://sfconservancy.org/"><img src="img/charities/sfc.png" alt="sfc" class="center-block img-responsive" /></a>
1034             </div>
1035             <div class="col-md-3 col-sm-4 col-xs-6">
1036               <a href="https://www.wikimedia.org/"><img src="img/charities/wikimedia.png" alt="wikimedia" class="center-block img-responsive" /></a>
1037             </div>
1038             <div class="col-md-3 col-sm-4 col-sx-6">
1039               <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
1040             </div>
1041           </div>
1042         </div>
1043           </div>
1044         </div>
1045       </section>
1046       <!-- End Donations -->
1047
1048       <!-- Begin Promotion details -->
1049
1050       <section class="promotion-details">
1051         <div class="container">
1052           <div class="row">
1053             <div class="col-md-12">
1054               <div class="panel-default">
1055                 <div class="panel-heading">
1056                   <h1 class="fix-margin">Promotion details</h1>
1057                 </div>
1058                 <div class="panel-body" id="promotion-details">
1059 <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>
1060             <ul style="list-style: none inside none;">
1061                <!--     <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>
1062                     <li id="technoethical-promotion"><strong>Technoethical:</strong>
1063                       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> -->
1064                       <li id="lulzbot-promotion"><strong>LulzBot: </strong><a href="https://www.lulzbot.com/lulzbot-sales-clearance-items">features sales and clearance items on their Web site.</li>
1065                       <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>, and a special 7% discount for the Giving Guide, using the code <span class="label label-default"> FSFMEMBER</span>.</li>
1066                       <li id="vikings-promotion"><strong>Vikings:</strong> 5% discount on <b>all</b> products and services between now and February 1, 2019. <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>
1067
1068 </ul>
1069                   </div>
1070                 </div>
1071               </div>
1072               <!-- End Panel -->
1073             </div>
1074             <!-- End Row -->
1075           </div>
1076           <!-- End Container -->
1077         </section>
1078         <!-- End Promotion details   -->
1079
1080
1081         <!-- Start Respects Your Freedom -->
1082  <!--     <section class="promotion-details">
1083         <div class="container">
1084           <div class="row">
1085             <div class="col-md-12">
1086               <div class="panel-default">
1087                 <div class="panel-heading">
1088                   <h1 class="fix-margin">Respects Your Freedom</h1>
1089                 </div>
1090                 <div class="panel-body" id="promotion-details">
1091                   <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>
1092                   <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>
1093                     </div>
1094                 </div>
1095               </div> -->
1096               <!-- End Panel -->
1097             </div>
1098             <!-- End Row -->
1099           </div>
1100           <!-- End Container -->
1101         </section>
1102         <!-- End Respects Your Freedom   -->
1103
1104         <!-- Begin Licenses -->
1105         <section class="licenses">
1106           <div class="container">
1107             <div class="row">
1108               <div class="col-md-12">
1109                 <div class="panel-default">
1110                   <div class="panel-heading">
1111                    <h1 class="fix-margin">Licenses</h1>
1112
1113                   </div>
1114                   <div class="panel-body" id="licenses">
1115                     <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>
1116                     </p>
1117                     <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>
1118                     <ul style="list-style: none inside none;">
1119                       <li>X200, T400, iPhone, and ISP-provided router images are in the public domain.</li>
1120                       <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>
1121                       <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>
1122                       <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>
1123                       <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>
1124                   </div>
1125                 </div>
1126               </div>
1127               <!-- End Panel -->
1128             </div>
1129             <!-- End Row -->
1130           </div>
1131           <!-- End Container -->
1132         </section>
1133         <!-- End Licenses   -->
1134
1135         <!--Begin Footer-->
1136         <footer>
1137           <div class="container-fluid">
1138             <div class="row">
1139               <div class="col-md-4 col-sm-4 footer-logo">
1140                 <a href="https://fsf.org/"><img src="img/fsf-footer.png" alt="FSF" class="center-block footer-logo img-responsive" /></a>
1141               </div>
1142               <div class="col-md-8 col-sm-8">
1143                 <p>The FSF is a nonprofit with a worldwide mission to advance software freedom —
1144                   <a href="https://fsf.org/about">learn about our history and work.</a>
1145                 </p>
1146                 <p>Version 8.0. Copyright © 2004-2017
1147                   <a href="https://fsf.org/about/contact.html" title="Find out how to contact us">
1148                     Free Software Foundation
1149                   </a>, Inc.
1150                   <a href="https://my.fsf.org/donate/privacypolicy.html"> Privacy Policy</a>.
1151                 </p>
1152               </div>
1153             </div>
1154             <!-- End Row -->
1155           </div>
1156           <!-- End Container -->
1157         </footer>
1158         <!-- End Footer -->
1159
1160         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1161         <script src="js/jquery.js" charset="utf-8"></script>
1162         <!-- Include all compiled plugins (below), or include individual files as needed -->
1163         <script src="js/bootstrap.js" charset="utf-8"></script>
1164         <!-- Our JS -->
1165         <script src="js/magic.js" charset="utf-8"></script>
1166
1167         <!-- Piwik -->
1168         <script type="text/javascript">
1169         // @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt
1170         var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
1171         document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
1172         try {
1173           var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14);
1174           piwikTracker.trackPageView();
1175           piwikTracker.enableLinkTracking();
1176         } catch (err) {}
1177         // @license-end
1178         </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
1179         <!-- End Piwik Tracking Code -->
1180         <a href="js/weblabels.html" rel="jslicense"></a>
1181       </body>
1182
1183       </html>