Add banner and modal window
[fsf-giving-guide.git] / v9 / givingguide.html
CommitLineData
ff8eb1d4
MB
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]-->
b1f6baa2
AE
51
52 <script>
53 /*
54
55 @licstart The following is the entire license notice for the
56 JavaScript code in this page.
57
58 Copyright (c) 2016 Reda Lazri
59
60 Permission is hereby granted, free of charge, to any person obtaining
61 a copy of this software and associated documentation files (the
62 "Software"), to deal in the Software without restriction, including
63 without limitation the rights to use, copy, modify, merge, publish,
64 distribute, sublicense, and/or sell copies of the Software, and to
65 permit persons to whom the Software is furnished to do so, subject to
66 the following conditions:
67
68 The above copyright notice and this permission notice shall be included
69 in all copies or substantial portions of the Software.
70
71 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
72 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
73 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
74 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
75 CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
76 TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
77 SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
78
79 @licend The above is the entire license notice
80 for the JavaScript code in this page.
81
82 */
83 </script>
84
ff8eb1d4
MB
85</head>
86
87<!-- ATTRACTIVE INFORMATIONAL ALERT / ASIDE BLOCK, SAVED HERE FOR REFERENCE
88
89 <div class="alert alert-success center-block">
90 <li class="info">
91 <p>
92 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).
93 </p>
94 </li>
95 </div>
96-->
97
98<body>
e93468db
MM
99
100<!-- Add banner and modal window here -->
101
102<iframe src="//static.fsf.org/nosvn/banners/2019fundraiser-fall/" width="100%" height="100%" scrolling="no" style="overflow: hidden; margin: 0; border: 0 none; display: block;"></iframe>
103
104 <!-- begin fsf-modal-window-elem campaign element -->
105 <link type="text/css" rel="stylesheet" href="https://static.fsf.org/nosvn/fonts/fa/css/font-awesome.min.css">
106 <style>
107#fsf-modal-window-elem-container div {
108 -webkit-box-sizing: border-box;
109 -moz-box-sizing: border-box;
110 box-sizing: border-box;
111}
112
113@media screen and (min-width: 700px) {
114
115 #fsf-modal-window-elem-outer-v-center {
116 display: table;
117 position: absolute;
118 height: 100%;
119 width: 100%;
120 }
121 #fsf-modal-window-elem-inner-v-center {
122 display: table-cell;
123 vertical-align: middle;
124 }
125
126 #fsf-modal-window-elem {
127 width: 687px;
128 margin-left: auto;
129 margin-right: auto;
130 }
131
132 #fsf-modal-window-elem-right-column {
133 float: right;
134 width: 280px;
135 padding-left: 20px;
136 }
137
138 #fsf-modal-window-elem-left-column {
139 width: 100%;
140 float: left;
141 margin-right: -280px;
142 }
143
144 #fsf-modal-window-elem-text {
145 margin-right: 280px;
146 }
147}
148
149@media screen and (max-width: 699px) {
150
151 #fsf-modal-window-elem {
152
153 -ms-box-orient: horizontal;
154 display: -webkit-box;
155 display: -moz-box;
156 display: -ms-flexbox;
157 display: -moz-flex;
158 display: -webkit-flex;
159 display: flex;
160
161 -webkit-flex-flow: row wrap;
162 flex-flow: row wrap;
163 }
164
165 #fsf-modal-window-elem {
166 width: 80vw;
167 margin-left: 10vw;
168 margin-right: 10vw;
169 margin-top: 40px;
170 margin-bottom: 40px;
171 }
172
173 #fsf-modal-window-elem-right-column {
174 width: 100%;
175 order: 1;
176 }
177
178 #fsf-modal-window-elem-left-column {
179 width: 100%;
180 order: 2;
181 }
182
183 #fsf-modal-window-elem-text {
184 margin-top: 20px;
185 }
186}
187
188@media screen and (max-width: 360px) {
189 .long-button-text {
190 font-size: 25px !important;
191 }
192}
193
194#fsf-modal-window-elem-container {
195 position: fixed;
196 z-index: 10000;
197 left: 0;
198 top: 0;
199 width: 100%;
200 height: 100%;
201 overflow: auto;
202 background-color: rgba(0,0,0,0.8);
203
204 font-weight: normal;
205}
206
207#fsf-modal-window-elem a, a:active, a:focus {
208 outline: none;
209 border-bottom: 0px;
210}
211
212#fsf-modal-window-elem {
213 overflow: auto;
214 zoom: 1;
215 padding: 20px;
216 border-style: solid;
217 border-width: 5px;
218 border-color: #ff00ff;
219 border-radius: 20px;
220 box-shadow: 0px 0px 10px #111111;
221 background-color: #19003a;
222}
223
224#fsf-modal-window-elem-header {
225 width: 100%;
226}
227
228#fsf-modal-window-elem-header h2 {
229 font-family: sans-serif,"Helvetica",Arial;
230 font-weight: bold;
231 font-size: 24px;
232 color: #edd400;
233 text-shadow: 0px 0px 8px #00378c;
234 padding-bottom: 20px;
235 margin-top: 0px;
236 margin-bottom: 0px;
237 border: none;
238}
239
240#fsf-modal-window-elem-close-button {
241 float: right;
242 height: 40px;
243 margin-right: -20px;
244 margin-top: -20px;
245 padding: 11px;
246 color: #888;
247 cursor: pointer;
248}
249
250#fsf-modal-window-elem-close-button:hover {
251 color: #aaf;
252}
253
254#fsf-modal-window-elem-right-column {
255 text-align: center;
256 -webkit-user-select: none;
257 -moz-user-select: none;
258 -ms-user-select: none;
259 user-select: none;
260}
261
262#fsf-modal-window-elem-buttons div {
263 height:53.333px;
264 line-height: 53.333px;
265 margin-left:auto;
266 margin-right:auto;
267 display:block;
268}
269
270#fsf-modal-window-elem-buttons {
271}
272
273#fsf-modal-window-elem-buttons a {
274 width: 100%;
275 display: block;
276 text-align:center;
277 font-size:35px;
278 color:#FFFFFF;
279 text-decoration: none;
280 font-family: sans-serif,"Helvetica",Arial;
281 font-weight: normal;
282}
283
284#fsf-modal-window-elem-maybe-later {
285 margin-top: 5px;
286 margin-bottom: -5px;
287}
288
289#fsf-modal-window-elem-maybe-later a {
290 color: #367c93;
291 line-height: 20px;
292 text-decoration: none;
293 cursor: pointer;
294 font-weight: normal;
295 font-family: sans-serif,"Helvetica",Arial;
296 font-size: 16px;
297}
298
299#fsf-modal-window-elem-text {
300}
301
302#fsf-modal-window-elem-text a {
303 color: #edd400;
304 font-weight: 700;
305 text-decoration: none;
306}
307
308#fsf-modal-window-elem-text a:hover {
309 color: #fd8e1b;
310}
311
312#fsf-modal-window-elem-text a:focus {
313 color: #fd8e1b;
314}
315
316#fsf-modal-window-elem-text a:active {
317 color: #ffac30;
318}
319
320#fsf-modal-window-elem-text p {
321 font-family: sans-serif,"Helvetica",Arial;
322 font-size: 18px;
323 font-weight: normal;
324 margin: 0px 0px 10px 0px;
325 line-height: 20px;
326 color: #ffffff;
327 text-shadow: 0px 0px 8px #4600ba;
328}
329 </style>
330 <div id="fsf-modal-window-elem-container" style="display: none;">
331 <div id="fsf-modal-window-elem-outer-v-center">
332 <div id="fsf-modal-window-elem-inner-v-center">
333 <div id="fsf-modal-window-elem">
334 <div id="fsf-modal-window-elem-header">
335 <div id="fsf-modal-window-elem-close-button" onclick="//fsfModalWindowElemDontShowForAWhile();">
336 <i class="fa fa-close"></i>
337 </div>
338 <h2>Join us and make an impact!</h2>
339 </div>
340 <div id="fsf-modal-window-elem-left-column">
341 <div id="fsf-modal-window-elem-text">
342
343<p>
344
345Our associate members are the heart of the FSF's commitment to a society where software respects our freedom and dignity. Every individual that takes a stand will help us reach our goal to welcome 600 new free software advocates by December 31st.
346
347</p>
348
349<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal2">JOIN</a></span></p>
350
351 </div>
352 </div>
353 <div id="fsf-modal-window-elem-right-column">
354 <div id="fsf-modal-window-elem-buttons" style="border-radius: 20px; box-shadow: 0px 0px 5px #0c2b2b;">
355 <div style="background-color:#ff00ff; border-top-right-radius: 20px; border-top-left-radius: 20px;">
356 <a style="text-shadow: 0px 0px 8px #b300b3;" href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-check-circle">&nbsp;</i>Join</a>
357 </div>
358
359 <div style="background-color:#930093">
360 <a style="text-shadow: 0px 0px 8px #460046;" href="https://my.fsf.org/renew?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-refresh"></i> Renew</a>
361 </div>
362
363 <div style="background-color:#42009a; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px">
364 <a style="text-shadow: 0px 0px 8px #22004e;" href="https://my.fsf.org/donate?pk_campaign=frfall2019&pk_source=modal" onclick="//fsfModalWindowElemFollowedLink();"><i class="fa fa-money"></i> Donate</a>
365 </div>
366 </div>
367 <!--
368 <div id="fsf-modal-window-elem-maybe-later">
369 <a onclick="//fsfModalWindowElemMaybeLater();">maybe later</a>
370 </div>
371 -->
372 </div>
373 </div>
374 </div>
375 </div>
376 <script type="text/javascript">
377// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0
378
379// licensed GPLv3-or-later by Andrew Engelbrecht
380
381var startTime, endTime, switchTextTime;
382
383startTime = new Date('2019-11-18T04:00:00Z');
384switchTextTime = new Date('2019-12-12T04:00:00Z');
385endTime = new Date('2020-01-01T04:00:00Z');
386
387// possibly switch the text that is displayed in the modal window, depending
388// upon the current date.
389function fsfModalWindowElemMaybeSwitchText () {
390
391 var now;
392
393 now = new Date();
394 if (now.getTime() < switchTextTime.getTime()) {
395 return; // don't switch the dbd text
396 }
397
398 // switch dbd text
399 document.getElementById("fsf-modal-window-elem-text").innerHTML =' \
400\
401<p>Our associate members are the heart of the FSF\'s commitment to a society where software respects our freedom and dignity. Every individual that takes a stand will help us reach our goal to welcome 600 new free software advocates by December 31st.</p> \
402\
403<p><span id="fsf-modal-window-text-link"><a href="https://www.fsf.org/appeal?pk_campaign=frfall2019&pk_kwd=learn-more&pk_source=modal">READ MORE</a> | <a href="https://my.fsf.org/join?pk_campaign=frfall2019&pk_source=modal2">JOIN</a></span></p>';
404}
405
406// show fsf-modal-window-elem if it hasn't been previously closed by
407// the user, nor recently hit "maybe later",
408// and the campaign is still happening
409function fsfModalWindowElemMaybeShow () {
410
411 var pattern, noShowFsfModalWindowElementP, now;
412
413// now = new Date();
414// if (now.getTime() < startTime.getTime() || now.getTime() > endTime.getTime()) {
415// return; // don't show the fsf-modal-window-elem
416// }
417
418 // see if cookie says not to show element
419 pattern = /showFsfFall2019FundraiserModalWindowElementP\s*=\s*false/;
420 noShowFsfModalWindowElementP = pattern.test(document.cookie);
421
422//// uncomment here to enable modal window hiding
423 if (!noShowFsfModalWindowElementP) {
424 setTimeout(function () {
425 // display the element
426 document.getElementById("fsf-modal-window-elem-container").style.display="block";
427 }, 0);
428 }
429}
430
431// call this first to set the proper text
432fsfModalWindowElemMaybeSwitchText();
433// call this right away to avoid flicker
434fsfModalWindowElemMaybeShow();
435
436
437// get the time `plusDays` in the future.
438// can be a fraction.
439function daysInFuture (plusDays) {
440 var now, future;
441
442 now = new Date();
443 future = new Date(now.getTime() + Math.floor(1000 * 60 * 60 * 24 * plusDays));
444 return future.toGMTString();
445}
446
447// hide the fsf-modal-window-elem
448function fsfModalWindowElemHide () {
449 document.getElementById("fsf-modal-window-elem-container").style.display="none";
450}
451// optionally hide elem and set a cookie to keep the fsf-modal-window-elem hidden for the next `forDays`.
452function fsfModalWindowElemDontShowForDays (forDays, hideNow) {
453 if (hideNow === true) {
454 fsfModalWindowElemHide();
455 }
456 //document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; domain=.fsf.org; expires=" + daysInFuture(forDays);
457 document.cookie = "showFsfFall2019FundraiserModalWindowElementP=false; path=/; expires=" + daysInFuture(forDays);
458}
459
460// hide the element from now to two weeks after closing it
461function fsfModalWindowElemDontShowForAWhile () {
462 fsfModalWindowElemDontShowForDays(14, true);
463}
464// hide the element from now to past the date of the campaign
465//function fsfModalWindowElemDontShowAgain () {
466// fsfModalWindowElemDontShowForDays(120, true);
467//}
468// don't show the element for a while
469//function fsfModalWindowElemMaybeLater () {
470// fsfModalWindowElemDontShowForDays(1, true);
471//}
472// keep the element visible for now, but don't show it for a while
473function fsfModalWindowElemFollowedLink () {
474 fsfModalWindowElemDontShowForDays(14, false);
475}
476
477// close popup if user clicks trasparent part
478document.getElementById("fsf-modal-window-elem-container").addEventListener("click", function(event){
479 fsfModalWindowElemDontShowForAWhile();
480});
481// don't close popup if clicking non-trasparent part (with the text and buttons)
482document.getElementById("fsf-modal-window-elem").addEventListener("click", function(event){
483 event.stopPropagation();
484});
485// close popup if user clicks X icon
486document.getElementById("fsf-modal-window-elem-close-button").addEventListener("click", function(event){
487 fsfModalWindowElemDontShowForAWhile();
488});
489//// close popup if user clicks maybe-later div
490//document.getElementById("fsf-modal-window-elem-maybe-later").addEventListener("click", function(event){
491// fsfModalWindowElemMaybeLater();
492//});
493// disable popup if user clicks one of the main buttons
494document.getElementById("fsf-modal-window-elem-buttons").addEventListener("click", function(event){
495 fsfModalWindowElemFollowedLink();
496});
497// disable popup if user clicks one of the "Read more" link
498document.getElementById("fsf-modal-window-text-link").addEventListener("click", function(event){
499 fsfModalWindowElemFollowedLink();
500});
501// close popup if user presses escape key
502window.addEventListener("keydown", function (event) {
503 switch (event.key) {
504 case "Escape":
505 fsfModalWindowElemDontShowForAWhile();
506 break;
507 default:
508 return;
509 }
510}, true);
511
512// @license-end
513 </script>
514 </div>
515 <!-- end fsf-modal-window-elem campaign element -->
516
ff8eb1d4
MB
517 <nav class="navbar navbar-default">
518 <div class="container-fluid">
519 <!-- Brand and toggle get grouped for better mobile display -->
520 <div class="navbar-header">
521 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-links" aria-expanded="false">
522 <span class="sr-only">Toggle navigation</span>
523 <span class="icon-bar bar1"></span>
524 <span class="icon-bar bar2"></span>
525 <span class="icon-bar bar3"></span>
526 </button>
527 <a class="navbar-brand" href="https://fsf.org/"><img class="brand" src="img/logo.png" alt="FSF" width="180" /></a>
528 <!-- <span class="label label-warning"><a href="https://fsf.org/jfb">Join the FSF</a></span> -->
529
530 </div>
531
532 <!-- Collect the nav links, forms, and other content for toggling -->
533 <div class="collapse navbar-collapse" id="navbar-links">
534 <ul class="nav navbar-nav">
535 <li><a class="animated fadeIn" href="https://www.fsf.org/about/">About the FSF</a></li>
536 <li><a class="animated fadeIn" href="https://www.fsf.org/campaigns/">Campaigns</a></li>
9be15f6e 537 <li><a class="animated fadeIn" href="https://my.fsf.org/join?pk_campaign=fall18&pk_kwd=ggjoin">Join</a></li>
ff8eb1d4
MB
538 <li><a class="animated fadeIn" href="https://shop.fsf.org/">Shop</a>
539 </ul>
540
541 </div>
542 <!-- /.navbar-collapse -->
543 </div>
544 <!-- /.container-fluid -->
545 </nav>
546
547 <!--Begin Intro-->
548 <section class="intro" id="intro">
549 <div class="container">
550 <div class="row">
551 <div class="illustration col-md-6">
ea2054be 552 <img src="img/Illustration.png" alt="large-illutration" class="img-responsive center-dblock" />
ff8eb1d4
MB
553 </div>
554 <div class="intro-text col-md-6">
555 <h1>Give the gift of freedom!</h1>
556
bc744bdc 557 <p>New electronic gadgets make great presents for family and friends, but so many of the phones, computers, and toys come with proprietary programs, privacy-disrespecting software, and surveillance tools hidden inside.</p>
a6c2b845 558 <p>This guide replaces these holiday humbugs with better devices from ethical companies &mdash; no <a href="https://gnu.org/proprietary">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>
bc744bdc 559
7188c4f2 560<p>Most of the devices in this list carry a <a href="https://fsf.org/ryf">Respects Your Freedom</a> (RYF) hardware product certification, which means that the product meets our high standards for endorsement. RYF-certified devices make great purchases and great gifts at any time of year – learn more and explore the full list <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">on our Web site</a>.</p>
bc744bdc
MB
561
562<p>We also hope that our Giving Guide will help you find new ways to talk about how these kinds of devices deny users their freedom, and why it's important to respect your freedoms.</p>
563
ff8eb1d4
MB
564 </div>
565 </div>
566 </div>
567 </section>
568 <!--End Intro-->
569
570 <!--Begin Actions-->
571 <section class="actions" id="actions">
572 <div class="container">
573 <div class="row">
574 <!-- Begin Action -->
575 <div class="action col-md-4 col-sm-4 text-center">
576 <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>
577 <p>
578 Use <span class="label label-default">#givefreely</span>. You might get a gift out of it!
579 </p>
580 </div>
581 <!-- End Action -->
582
583 <!-- Begin Action -->
584 <div class="action col-md-4 col-sm-4 text-center">
585 <a class="action-button" href="https://www.fsf.org/givingguide/giving-guide-giveaway-primer">Host a Giveaway</a>
586 <p>
587 Printable version coming soon!
588 </p>
589
590 </div>
591 <!-- End Action -->
592
593 <!-- Begin Action -->
594 <div class="action col-md-4 col-sm-4 text-center">
595 <a class="action-button" href="#charities">Support free software</a>
596 <p>
597 Donate to our suggested charities
598 </p>
599 </div>
600 <!-- End Action -->
601 </div>
602 <!-- End Row -->
603 </div>
604 <!-- End Container -->
605 </section>
606 <!--End Actions-->
607
608 <!--Begin Comparisons-->
609 <section class="comparisons">
610
611 <!--Smartphones-->
612 <div class="container smartphones">
613 <h2 class="title text-center">Smartphones</h2>
614 <div class="row is-table-row">
615 <div class="good col-md-6 col-sm-6" style="position:relative">
a60955b3 616 <h5 class="text-center">Galaxy S3 with Replicant</h5>
ff8eb1d4 617 <img src="img/products/mobile_n2.png" alt="replicant phone" class="center-block" />
a60955b3 618
ff8eb1d4
MB
619
620 <!-- Buy/Download Button -->
621 <a id="get-item" class="btn get-item" role="button" data-toggle="collapse" href="#sellers" aria-expanded="false" aria-controls="sellers" style="display:none">
622 BUY
623 <!-- Begin Sale -->
624 <span class="sale" >sale</span>
625 <!-- End Sale -->
626 </a>
627 <div class="collapse" id="sellers">
628 <div class="center-block seller-group">
629 <p style="color: #6b6b6b">
630 <strong>Get it from</strong>
631 </p>
4cfb9c61 632 <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a>
ff8eb1d4 633 <div class="sale-info links">
bc744bdc 634 <a href="#technoethical-promotion">Sale details</a>
ff8eb1d4
MB
635 </div>
636 </div>
637 </div>
638
639 <script>
640 document.getElementById('get-item').style.display = '';
641 </script>
642 <noscript>
643 <div class="center-block seller-group">
644 <p style="color: #6b6b6b">
645 <strong>Get it from</strong>
646 </p>
4cfb9c61 647 <a href="https://tehnoetic.com/tehnoetic-s3-phone-replicant" class="seller action-button">Technoethical</a>
ff8eb1d4 648 <p class="sale-info links">
bc744bdc 649 <a href="#technoethical-promotion">Sale details</a>
ff8eb1d4
MB
650 </p>
651 <!-- End Sale Info -->
652 </div>
653 </noscript>
654 <!-- End Buy/Download button -->
655
656 <ul class="pros">
9be15f6e 657 <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> run your favorite apps and send all the text messages you want, while still running free software.</p>
ff8eb1d4 658
1b3fab4c 659<p> You can also get an <a href="https://tehnoetic.com/tehnoetic-s2-phone-replicant">S2</a> or an <a href="https://tehnoetic.com/tet-n2">N2 phone/tablet</a>, complete with Replicant.</p>
ff8eb1d4
MB
660 </ul>
661 </div>
662 <!--End Good-->
663
664 <!-- start bad -->
665
666 <div class="good col-md-6 col-sm-6">
667 <ul class="pros">
668 <li>
669 Runs the <a href="https://www.replicant.us">Replicant</a> free operating system, based on Android.
670 </li>
671 <li>
672 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.
673 </li>
bc744bdc 674 <li>Note: While the main processor exclusively runs free software, the modem processor runs a Samsung nonfree system.</li>
ff8eb1d4
MB
675 </ul>
676
677 <h5 class="text-center">Stay away from: iPhone</h5>
678 <ul class="cons">
679 <li>Comes with no shortage of <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareIniThings">spyware</a>.</li>
680 <li>
bc744bdc 681 iOS is a fully <a href="https://gnu.org/proprietary">proprietary operating system</a>, giving Apple control over the software on every Apple device.
ff8eb1d4 682 </li>
7a2bddf3 683 <li>Avoid: iPhone XR, iPhone XS, iPhone X, and other models.</li>
ff8eb1d4
MB
684 </ul>
685 </div>
686 <!--End Bad-->
687 </div>
688 <!--End Row-->
689 </div>
690 <!--End Container-->
691 <!--End bad-->
692
693
8d4c9925 694 <h2 class="title text-center">Laptops, Tablets, and Desktops</h2>
ff8eb1d4
MB
695
696 <!--Laptops-->
697 <div class="container">
698 <h3 class="title text-center">Laptops</h3>
699 <div class="row is-table-row">
700 <div class="good col-md-6 col-sm-6">
ff8eb1d4 701 <h5 class="text-center">T400 with GNU/Linux</h5>
a60955b3 702 <img src="img/products/t400.png" alt="t400" class="center-block" />
ff8eb1d4
MB
703
704
705
706 <!-- Buy/Download Button -->
707 <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">
708 BUY
709 <!-- Begin Sale -->
710 <span class="sale" >sale</span>
711 <!-- End Sale -->
712 </a>
713 <div class="collapse" id="sellers-full">
714 <div class="center-block seller-group">
715 <p style="color: #6b6b6b">
716 <strong>Get it from</strong>
717 </p>
7a2bddf3 718 <p>
ff8eb1d4
MB
719 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
720 </p>
7a2bddf3
MB
721 <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
722 <p class="sale-info links">
bc744bdc 723 <a href="#technoethical-promotion">Sale details</a>
7a2bddf3 724 </p>
ff8eb1d4
MB
725 </div>
726 </div>
727
728 <script>
729 document.getElementById('get-item-full').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>
ff8eb1d4
MB
736 <p>
737 <a href="https://minifree.org/product/libreboot-t400/" class="seller action-button">Minifree</a>
738 </p>
7a2bddf3
MB
739 <a href="https://tehnoetic.com/tet-t400" class="seller action-button">Technoethical</a>
740 <p class="sale-info links">
bc744bdc 741 <a href="#technoethical-promotion">Sale details</a>
7a2bddf3 742 </p>
ff8eb1d4
MB
743 </div>
744 </noscript>
745 <!-- End Buy/Download button -->
746
747 <ul class="pros">
bc744bdc
MB
748 <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>
749 <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>
ff8eb1d4
MB
750 <p>Technoethical also has a <a href="https://tehnoetic.com/laptops/tet-t400s">T400s</a> available.</p>
751 </ul>
752
753 </div>
754 <!--End Good-->
755
756 <!--start bad-->
757 <div class="good col-md-6 col-sm-6">
758 <ul class="pros">
759 <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system and libreboot firmware.</li>
bc744bdc 760 <li>Durable hardware is meant to last, and is easy to repair.</li>
7a2bddf3 761 <li>Created by small businesses that replace all restrictive components from a stock laptop.</li>
ce21714e 762 <li>Whether you purchase from Minifree or Technoethical, your T400 will be <a href="https://fsf.org/ryf">Respects Your Freedom certified</a>.</li>
ff8eb1d4
MB
763 </ul>
764 <h5 class="text-center">Stay away from: Microsoft Windows</h5>
765 <ul class="cons">
bc744bdc 766 <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."
ff8eb1d4 767 </li>
ff8eb1d4 768 <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>
7a2bddf3 769 <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>
ff8eb1d4
MB
770 </ul>
771 </div>
772 <!--End Bad-->
773 </div>
774 <!--End Row-->
775 </div>
776 <!--End Container-->
777
778 <!--Compact Laptops-->
779 <div class="container">
780 <h3 class="title text-center">Compact Laptops</h3>
781 <div class="row is-table-row">
782 <div class="good col-md-6 col-sm-6">
a60955b3 783 <h5 class="text-center">X200 with GNU/Linux</h5>
ff8eb1d4 784 <img src="img/products/x200.png" alt="x200" class="center-block" />
a60955b3 785
ff8eb1d4
MB
786
787 <!-- Buy/Download Button -->
788 <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">
789 BUY
790 <!-- Begin Sale -->
791 <span class="sale" >sale</span>
792 <!-- End Sale -->
793 </a>
794 <div class="collapse" id="sellers-compact">
795 <div class="center-block seller-group">
796 <p style="color: #6b6b6b">
797 <strong>Get it from</strong>
798 </p>
ff8eb1d4
MB
799 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
800 <p class="sale-info links">
801 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>
802
803 </p>
a0444d00
MB
804 <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
805 <p class="sale-info links">
806 Minifree's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified.
807
808 </p>
ff8eb1d4
MB
809 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a><br>
810 <p class="sale-info links">
7a2bddf3
MB
811 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>
812 </p>
ff8eb1d4
MB
813 <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
814 <p class="sale-info links">
815 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>
ff8eb1d4
MB
816 </p>
817
818 </div>
819 </div>
820
821 <script>
822 document.getElementById('get-item-compact').style.display = '';
823 </script>
824 <noscript>
825 <div class="center-block seller-group">
826 <p style="color: #6b6b6b">
827 <strong>Get it from</strong>
828 </p>
829 <a href="https://shop.libiquity.com/product/taurinus-x200" class="seller action-button">Libiquity</a>
830 <p class="sale-info links">
831 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>
832 </p>
a0444d00
MB
833 <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
834 <p class="sale-info links">
835 Minifree's X200 is <a href="https://www.fsf.org/ryf">Respects Your Freedom</a> certified.
836
837 </p>
ff8eb1d4
MB
838 <a href="https://tehnoetic.com/tet-x200" class="seller action-button">Technoethical</a>
839 <p class="sale-info links">
840 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>
841 </p>
842 <a href="https://store.vikings.net/x200-ryf-certfied" class="seller action-button">Vikings</a>
843 <p class="sale-info links">
844 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>
845 </div>
846 </noscript>
847 <!-- End Buy/Download button -->
848
849 <!-- start good -->
850 <ul class="pros">
851 <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>
852
ce21714e 853 <p>This machine is made to go everywhere with you, and thanks to our friends who make RYF-certified products, you can have your mobility and your freedom, too.</p>
ff8eb1d4
MB
854 </ul>
855
856 </div>
857 <!--End Good-->
858
859 <!--start bad-->
860 <div class="good col-md-6 col-sm-6">
861 <ul class="pros">
862 <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>
bc744bdc 863 <li>Durable hardware is meant to last, and is easy to repair.</li>
ff8eb1d4
MB
864 <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
865 <h5 class="text-center">Stay away from: Apple</h5>
ea2054be
MB
866 <ul class="cons">
867 <li>Runs on <a href="https://gnu.org/proprietary">proprietary software</a> that restricts the user's freedoms.</li>
868 <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>
ff8eb1d4 869 <li>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a>.</li>
bc744bdc 870 <li>Avoid: MacBook Air (and MacBook Pro).</li>
ce21714e 871 <li>Note: Apple laptops come complete with <a href="https://www.fsf.org/blogs/sysadmin/the-management-engine-an-attack-on-computer-users-freedom">Intel Management Engine</a> as well.</li>
ff8eb1d4
MB
872 </ul>
873 </div>
874 <!--End Bad-->
875 </div>
876 <!--End Row-->
877 </div>
878 <!--End Container-->
879
880 <!--convertible Laptops-->
881 <div class="container">
882 <h3 class="title text-center">Convertible Laptops/Tablets</h3>
883 <div class="row is-table-row">
884 <div class="good col-md-6 col-sm-6">
a60955b3 885 <h5 class="text-center">X200t with GNU/Linux</h5>
8d4c9925 886 <img src="https://static.fsf.org/nosvn/images/technoethical-x200t.png" alt="Technoethical convertible tablet laptop" class="center-block" />
a60955b3 887
ff8eb1d4
MB
888
889 <!-- Buy/Download Button -->
890 <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">
891 BUY
892 <!-- Begin Sale -->
893 <span class="sale" >sale</span>
894 <!-- End Sale -->
895 </a>
896 <div class="collapse" id="sellers-convertible">
897 <div class="center-block seller-group">
898 <p style="color: #6b6b6b">
899 <strong>Get it from</strong>
900 </p>
2099caf6
MB
901 <p>
902 <a href="https://minifree.org/product/libreboot-x200-tablet/" class="seller action-button">Minifree</a>
903 </p>
904 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
ff8eb1d4 905 <p class="sale-info links">
2099caf6 906 <a href="#technoethical-promotion">Sale details</a>
8d4c9925 907 </p>
2099caf6
MB
908 </div>
909 </div>
8d4c9925
MB
910
911 <script>
912 document.getElementById('get-item-convertible').style.display = '';
913 </script>
914 <noscript>
915 <div class="center-block seller-group">
916 <p style="color: #6b6b6b">
917 <strong>Get it from</strong>
ff8eb1d4 918 </p>
8d4c9925
MB
919
920 <a href="https://tehnoetic.com/tet-x200t" class="seller action-button">Technoethical</a>
921 <p class="sale-info links">
922 <a href="#technoethical-promotion">Sale details.</a>
2099caf6
MB
923 </p>
924 </div>
925 </noscript>
ff8eb1d4 926
ff8eb1d4 927
ff8eb1d4 928 <!-- End Buy/Download button -->
2099caf6 929
ff8eb1d4
MB
930 <ul class="pros">
931 <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>
932
933<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>
934 </ul>
935
936 </div>
937 <!--End Good-->
938
939 <!--start bad-->
940 <div class="good col-md-6 col-sm-6">
941 <ul class="pros">
ce21714e 942 <li>Runs the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> Trisquel operating system with Libreboot firmware.</li>
bc744bdc 943 <li>Durable hardware is meant to last, and is easy to repair.</li>
ff8eb1d4
MB
944 <li>Created by a small business that replaces all restrictive components from a stock laptop.</li>
945 </ul>
8d4c9925 946 <h5 class="text-center">Stay away from: iPad Pro</h5>
ff8eb1d4 947 <ul class="cons">
8d4c9925
MB
948 <li>
949 Apple uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">Digital Restrictions Management (DRM)</a> to block competing software.
950 </li>
bc744bdc 951 <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 done it all. </li>
ff8eb1d4
MB
952 </ul>
953 </div>
954 <!--End Bad-->
955 </div>
956 <!--End Row-->
957 </div>
958 <!--End Container-->
959
960 <!--Desktops-->
961 <div class="container">
962 <h3 class="title text-center">Desktops</h3>
963 <div class="row is-table-row">
964 <div class="good col-md-6 col-sm-6">
a60955b3 965 <h5 class="text-center">D16 Workstation with GNU/Linux</h5>
ff8eb1d4 966 <img src="img/products/desktop.png" alt="The Workstation, a tower computer by Vikings" class="center-block" />
ff8eb1d4
MB
967
968 <!-- Buy/Download Button -->
969 <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">
970 BUY
971 <!-- Begin Sale -->
972 <span class="sale" >sale</span>
973 <!-- End Sale -->
974 </a>
975 <div class="collapse" id="sellers-desktop">
976 <div class="center-block seller-group">
977 <strong>Get it from</strong>
978 </p>
979 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
980 <p class="sale-info links">
bc744bdc 981 <a href="#vikings-promotion">Sale details.</a>
ff8eb1d4
MB
982 </p>
983 </div>
984 </div>
985
986 <script>
987 document.getElementById('get-item-desktop').style.display = '';
988 </script>
989 <noscript>
990 <div class="center-block seller-group">
991 <p style="color: #6b6b6b">
992 <strong>Get it from</strong>
993 </p>
994 <a href="https://store.vikings.net/libre-friendly-hardware/vikings-d16-workstation" class="seller action-button">Vikings</a>
995 <p class="sale-info links">
996 The Workstation is not Respects Your Freedom certified at this point.
997 </p>
998 </div>
999 </noscript>
1000 <!-- End Buy/Download button -->
1001
1002 <ul class="pros">
1003<p>Why it's cool: Sometimes you need heavy-duty computing power that a laptop just can't provide.</p>
1004
bc744bdc 1005<p>Gamers, video editors, and other users may want or need a more powerful machine &mdash; a desktop is the answer when you really need that extra push. Also good for users who want a bigger screen.</p>
ff8eb1d4
MB
1006 </ul>
1007
1008 </div>
1009 <!--End Good-->
1010
1011 <!--start bad-->
1012 <div class="good col-md-6 col-sm-6">
1013 <ul class="pros">
1b3fab4c 1014 <li>Choose from two operating systems: the <a href="https://www.gnu.org/distros/free-distros.en.html">FSF-endorsed</a> operating systems Trisquel and Parabola.</li>
bc744bdc 1015 <li>Comes with free boot firmware.</li>
a4cb36f8 1016 <li>You can customize and specialize this model to your needs -- the essence of user freedom!</li>
bc744bdc 1017
ff8eb1d4
MB
1018 </ul>
1019 <h5 class="text-center">Stay away from: Apple iMac</h5>
1020 <ul class="cons">
a4cb36f8 1021 <p>An iMac puts designers and filmmakers at risk:</p>
ce21714e 1022 <li>Adobe Premiere Rush rents Mac (and Windows) users access to video editing software in exchange for control over their files.</li>
ff8eb1d4 1023 </ul>
8d4c9925
MB
1024 <h5 class="text-center">Stay away from: Alienware Area-51 Threadripper</h5>
1025 <ul class="cons">
1026 <li>The newest Alienware gaming desktop comes with Ryzen Threadripper processors and loads of freedom-restricting proprietary software.</li>
1027 </ul>
1028 </div>
1029 <!--End Bad-->
1030 </div>
1031 <!--End Row-->
1032 </div>
1033 <!--End Container-->
1034
1035 <!--3D Printers-->
1036 <div class="container">
1037 <h3 class="title text-center">3D Printers</h3>
1038 <div class="row is-table-row">
1039 <div class="good col-md-6 col-sm-6">
a60955b3 1040 <h5 class="text-center">LulzBot Mini</h5>
8d4c9925 1041 <img src="img/products/lulzbot.png" alt="lulzbot" class="center-block" />
a60955b3 1042
8d4c9925
MB
1043
1044 <!-- Buy/Download Button -->
1045 <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">
1046 BUY
1047 <!-- Begin Sale -->
1048 <span class="sale" >sale</span>
1049 <!-- End Sale -->
1050 </a>
1051 <div class="collapse" id="sellers-print">
1052 <div class="center-block seller-group">
1053 <p style="color: #6b6b6b">
1054 <strong>Get it from</strong>
1055 </p>
1056 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
1057 <p class="sale-info links">
1058 <a href="https://www.lulzbot.com">Lulzbot</a> is having general sales Black Friday through Cyber Monday. <a href="#lulzbot-promotion">Sale details.</a>
1059
1060 </p>
1061 </div>
1062 </div>
1063
1064 <script>
1065 document.getElementById('get-item-print').style.display = '';
1066 </script>
1067 <noscript>
1068 <div class="center-block seller-group">
1069 <p style="color: #6b6b6b">
1070 <strong>Get it from</strong>
1071 </p>
1072 <a href="https://www.lulzbot.com/store?pk_campaign=fsf16&pk_kwd=store" class="seller action-button">LulzBot</a>
1073 <p class="sale-info links">
1074 <a href="#lulzbot-promotion">Sale details.</a>
1075 </p>
1076 </div>
1077 </noscript>
1078 <!-- End Buy/Download button -->
1079 <ul class="pros">
a4cb36f8 1080 <p>Why it's cool: Think ahead -- if you give this to your friend or relative, they might use it next year to make YOU a gift.</p>
8d4c9925 1081
a4cb36f8 1082<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 thousands of free software options for modeling, and communities that share freely licensed designs.</p>
8d4c9925
MB
1083 </ul>
1084 </div>
1085 <!--End Good-->
1086
1087 <div class="good col-md-6 col-sm-6">
1088 <ul class="pros">
a4cb36f8 1089 <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 2018 3D printer comparison.</li>
8d4c9925
MB
1090 <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>
1091 </ul>
1092 <h5 class="text-center">Stay away from: MakerBot</h5>
ff8eb1d4 1093 <ul class="cons">
8d4c9925 1094 <li>
a4cb36f8 1095 MakerWare software is proprietary, <a href="https://gnu.org/proprietary">restricting freedom and stifling creativity</a>.
8d4c9925
MB
1096 </li>
1097 <li>
ce21714e 1098MakerBot was founded with a more freedom-respecting philosophy, but <a href="https://www.cnet.com/news/pulling-back-from-open-source-hardware-makerbot-angers-some-adherents/">has since announced</a> an increasingly proprietary approach and distanced itself from the community that formed around it.
8d4c9925 1099 </li>
ff8eb1d4
MB
1100 </ul>
1101 </div>
1102 <!--End Bad-->
1103 </div>
1104 <!--End Row-->
1105 </div>
1106 <!--End Container-->
1107
2099caf6 1108 <!-- cool devices -->
ff8eb1d4 1109 <div class="container">
8d4c9925
MB
1110 <h2 class="title text-center">Cool Devices</h2>
1111<div class="container">
ff8eb1d4 1112 <div class="row is-table-row">
43b49c31 1113 <div class="col-md-5 col-sm-6 recommended-img">
a60955b3 1114 <h5 class="text-center">NeuG USB True Random Number Generator</h5>
43b49c31 1115 <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" style="height: 140px; margin-top: 90px; margin-bottom: 90px;"/>
a60955b3 1116
8d4c9925
MB
1117
1118 <!-- Buy/Download Button -->
43b49c31 1119 <a id="get-item-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;">
8d4c9925 1120 BUY
2099caf6
MB
1121 <!-- Begin Sale -->
1122 <span class="sale" >sale</span>
1123 <!-- End Sale -->
8d4c9925 1124 </a>
9c4717f1 1125 <div class="collapse" id="sellers-random-number-generator">
8d4c9925 1126 <div class="center-block seller-group">
2099caf6
MB
1127
1128 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button">GNU Press Shop</a>
8d4c9925 1129 <p class="sale-info links">
2099caf6 1130 <a href="#GNU-promotion">Sale details.</a>
8d4c9925
MB
1131 </p>
1132 </div>
1133 </div>
1134
1135 <script>
2cab18a2 1136 document.getElementById('get-item-random-number-generator').style.display = '';
8d4c9925
MB
1137 </script>
1138 <noscript>
1139 <div class="center-block seller-group">
1140 <p style="color: #6b6b6b">
1141 <strong>Get it from</strong>
1142 </p>
2099caf6 1143 <a href="https://shop.fsf.org/storage-devices/neug-usb-true-random-number-generator" class="seller action-button" class="seller action-button">GNU Press Shop</a>
8d4c9925 1144 <p class="sale-info links">
2099caf6 1145 <a href="#GNU-promotion">Sale details.</a>
8d4c9925
MB
1146 </p>
1147 </div>
1148 </noscript>
1149 <!-- End Buy/Download button -->
1150
1151 </div>
1152 <div class="col-md-7 col-sm-6">
1153 </h5>
9be15f6e
MB
1154<ul class="pros">
1155 <li>The perfect present for the cryptogeek in your life.</li>
8d4c9925
MB
1156 <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>
1157 <li>NeuG is an implementation of a true random number generator (TRNG) for STM32F103 MCU.</li>
1158 </ul>
1159 </div>
1160 </div>
1161 <!-- End Row -->
1162 </div>
1163 <!-- End Container -->
1164
1165 <div class="row is-table-row">
1166 <div class="col-md-5 col-sm-6 recommended-img">
a60955b3 1167 <h5 class="text-center">Mini Wi-Fi Adapter</h5>
8d4c9925 1168 <img src="https://static.fsf.org/nosvn/images/technoethical-adapter.png" alt="Mini Wi-Fi Adapter" class="center-block" />
ff8eb1d4
MB
1169
1170 <!-- Buy/Download Button -->
43b49c31 1171 <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;">
ff8eb1d4
MB
1172 BUY
1173 <!-- Begin Sale -->
1174 <span class="sale">sale</span>
1175 <!-- End Sale -->
1176 </a>
1177 <div class="collapse" id="sellers-mini-adapter">
1178 <div class="center-block seller-group">
1179 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
1180 <p class="sale-info links">
1181 <a href="#technoethical-promotion">Sale details.</a>
1182 </p>
1183 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
1184 <p class="sale-info links">
1185 <a href="#thinkpenguin-promotion">Sale details.</a>
1186 </p>
1187 </div>
1188 </div>
1189
1190 <script>
1191 document.getElementById('get-item-mini-adapter').style.display = '';
1192 </script>
1193 <noscript>
1194 <div class="center-block seller-group">
1195 <p style="color: #6b6b6b">
1196 <strong>Get it from</strong>
1197 </p>
1198 <a href="https://tehnoetic.com/tehnoetic-wireless-adapter-gnu-linux-libre-tet-n150" class="seller action-button" class="seller action-button">Technoethical</a>
1199
1200 <p class="sale-info links">
1201 <a href="#technoethical-promotion">Sale details.</a>
1202 </p>
1203 <a href="https://www.thinkpenguin.com/gnu-linux/penguin-wireless-n-usb-adapter-gnu-linux-tpe-n150usb" class="seller action-button">ThinkPenguin</a>
1204 <p class="sale-info links">
1205 <a href="#thinkpenguin-promotion">Sale details.</a>
1206 </p>
1207 </div>
1208 </noscript>
1209 <!-- End Buy/Download button -->
1210
1211 <!--start pros-->
1212 <ul class="pros">
ce21714e 1213 <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>
ff8eb1d4
MB
1214 </ul>
1215 </div>
1216
077858f7 1217 <div class="good col-md-7 col-sm-6">
ff8eb1d4
MB
1218 <ul class="pros">
1219 <li>Great for all-free-software installations on laptops with incompatible Wi-Fi hardware.</li>
1220 <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
a4cb36f8 1221 <li>If you use a laptop listed in this Guide, an adapter like this won't be necessary.</li>
ff8eb1d4
MB
1222 </ul>
1223 </div>
1224 </div>
1225 <!-- End Row -->
1226 </div>
1227 <!-- End Container -->
1228
1229 <!-- Begin Recommended Template -->
1230
1231 <div class="container">
1232 <div class="row is-table-row">
1233 <div class="col-md-5 col-sm-6 recommended-img">
a60955b3 1234 <h5 class="text-center">Long Range Wi-Fi Adapter</h5>
ff8eb1d4 1235 <img src="img/products/thinkpenguin-long-range-adapter.png" alt="Long-range Wi-Fi Adapter" class="center-block" />
ff8eb1d4
MB
1236
1237 <!-- Buy/Download Button -->
43b49c31 1238 <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;">
ff8eb1d4
MB
1239 BUY
1240 <!-- Begin Sale -->
1241 <span class="sale">sale</span>
1242 <!-- End Sale -->
1243 </a>
1244 <div class="collapse" id="sellers-long-range-adapter">
1245 <div class="center-block seller-group">
1246 <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>
1247 <p class="sale-info links">
1248 <a href="#thinkpenguin-promotion">Sale details.</a>
1249 </p>
1250 </div>
1251 </div>
1252
1253 <script>
1254 document.getElementById('get-item-long-range-adapter').style.display = '';
1255 </script>
1256 <noscript>
1257 <div class="center-block seller-group">
1258 <p style="color: #6b6b6b">
1259 <strong>Get it from</strong>
1260 </p>
1261 <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>
1262 <p class="sale-info links">
1263 <a href="#thinkpenguin-promotion">Sale details.</a>
1264 </p>
1265 </div>
1266 </noscript>
1267 <!-- End Buy/Download button -->
1268
1269 </div>
1270 <div class="col-md-7 col-sm-6">
1271 </h5>
1272 <ul class="pros">
1273 <li>More powerful than its smaller cousin, and can be further upgraded with a larger antenna.</li>
1274 <li><a href="https://www.fsf.org/ryf">Certified to Respect Your Freedom</a>.</li>
ff8eb1d4
MB
1275 </ul>
1276 </div>
1277 </div>
1278 <!-- End Row -->
1279 </div>
1280 <!-- End Container -->
1281
1282 <!-- Begin Recommended Template -->
1283 <div class="container">
1284 <div class="row is-table-row">
1285 <div class="col-md-5 col-sm-6 recommended-img">
ff8eb1d4 1286 <h5 class="text-center">VPN Router</h5>
a60955b3
MB
1287 <img src="img/products/thinkpenguin-mini-router.png" alt="VPN Router" class="center-block" />
1288
ff8eb1d4
MB
1289
1290 <!-- Buy/Download Button -->
43b49c31 1291 <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;">
ff8eb1d4
MB
1292 BUY
1293 <!-- Begin Sale -->
1294 <span class="sale">sale</span>
1295 <!-- End Sale -->
1296 </a>
1297 <div class="collapse" id="sellers-vpn-router">
1298 <div class="center-block seller-group">
1299 <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
1300 <p class="sale-info links">
1301 <a href="#thinkpenguin-promotion">Sale details.</a>
1302 </p>
1303 </div>
1304 </div>
1305
1306 <script>
1307 document.getElementById('get-item-vpn-router').style.display = '';
1308 </script>
1309 <noscript>
1310 <div class="center-block seller-group">
1311 <p style="color: #6b6b6b">
1312 <strong>Get it from</strong>
1313 </p>
1314 <a href="https://www.thinkpenguin.com/gnu-linux/free-software-wireless-n-mini-vpn-router-tpe-r1100" class="seller action-button">ThinkPenguin</a>
1315 <p class="sale-info links">
1316 <a href="#thinkpenguin-promotion">Sale details.</a>
1317 </p>
1318 </div>
1319 </noscript>
1320 <!-- End Buy/Download button -->
1321
1322 </div>
1323 <div class="col-md-7 col-sm-6">
1324 <ul class="pros">
1325 <li>Designed to complement your existing router by providing a VPN that enhances privacy and security and circumvents network controls.</li>
ce21714e 1326 <li>Designed for easy setup.</li>
9be15f6e 1327 <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 a product that is certified to <a href="https://www.fsf.org/ryf">Respect Your Freedom</a>.</li>
ff8eb1d4
MB
1328 </ul>
1329 </div>
1330 </div>
1331 <!-- End Row -->
1332 </div>
1333 <!-- End Container -->
1334
ff8eb1d4
MB
1335 <h1 class="title text-center">Books, Music, and Video</h1>
1336 <img src="img/products/bookshelf.png" alt="a shelf of books, with two layers, organized by color." class="center-block img-responsive" />
1337 <!--ebooks-->
1338 <div class="container">
1339 <h3 class="title text-center">Books</h3>
1340 <div class="row is-table-row">
1341 <div class="good col-md-6 col-sm-6">
1342 <h5 class="text-center">DRM-free Ebooks</h5>
1343
1344 <ul class="pros">
ce21714e 1345 <p>There are <a href="https://www.defectivebydesign.org/guide/ebooks">plenty of places</a> to get your literature fix without any pesky DRM. We're highlighting some publishers and shops you should patronize below!</p>
9be15f6e 1346 <li><a href="https://leanpub.com/">Leanpub</a> is an author-driven ebook Web site encouraging people to "publish early, publish often."</li>
ccdae924
MB
1347 <li><a href="https://lektu.com/">Lektu</a> provides you with media in Spanish.</li>
1348 <li><a href="https://www.manning.com/ebooks">Manning Publications</a> has audio and video in addition to ebooks.</li>
1349 <li><a href="https://nostarch.com/">No Starch Press</a> offers "the finest in geek entertainment."</li>
1350 <li><a href="https://www.packtpub.com/">Packt Publishing</a> has ebooks and videos covering a range of technical topics.</li>
1b3fab4c 1351 <li><a href="https://www.smashwords.com/books/category/1/bestsellers/0/any/any">Smashwords</a> is the world's largest distributor of indie ebooks.</li>
8d4c9925 1352 <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>
ff8eb1d4
MB
1353 </ul>
1354
1355 </div>
1356 <!--End Good-->
1357
1358 <!--start bad-->
1359 <div class="good col-md-6 col-sm-6">
1360 <ul class="pros">
1361 <h5 class="text-center">Stay away from: Amazon</h5>
1362 <ul class="cons">
bc744bdc 1363 <li>Amazon is one of the <a href="https://www.defectivebydesign.org/amazon">most notorious DRM offenders</a>. Whether it's their Kindle ebook 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>
ea2054be 1364 <li><a href="https://www.defectivebydesign.org/">Read more about DRM, the risks it poses, and the damage it causes</a>.
ff8eb1d4
MB
1365 </ul>
1366 </div>
1367 <!--End Bad-->
1368 </div>
1369 <!--End Row-->
1370 </div>
1371 <!--End Container-->
ea2054be 1372
ff8eb1d4
MB
1373 <!--Music-->
1374 <div class="container">
1375 <h3 class="title text-center">Music</h3>
1376 <div class="row is-table-row">
1377 <div class="good col-md-6 col-sm-6">
1378 <h5 class="text-center">DRM-free Music</h5>
1379
1380 <!-- start good -->
1381 <ul class="pros">
1382 <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>
1383 <li><a href="http://www.dischord.com/">Dischord Records</a>, a classic punk label providing music since 1980.</li>
1384 <li><a href="https://www.emusic.com/">Emusic</a> is the Web's second largest music store.</li>
1385 <li><a href="https://folkways.si.edu/">Folkways</a>, courtesy of the Smithsonian Institute.</li>
1386 </ul>
1387
1388 </div>
1389 <!--End Good-->
1390
1391 <!--start bad-->
1392 <div class="good col-md-6 col-sm-6">
1393 <ul class="cons">
9be15f6e 1394 <h5 class="text-center">Stay away from: Spotify, iTunes, (and all other major streaming services)</h5>
a4cb36f8
MB
1395 <ul>
1396 <li>Spotify is only one of many offenders when it comes to putting DRM in music: all major streaming services do this, with the support of big record labels.</li>
1397 <li>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.</li>
9be15f6e 1398 <li>Apple Music and iTunes streaming also use DRM on its files.</li>
ff8eb1d4
MB
1399 </ul>
1400 </div>
1401 <!--End Bad-->
1402 </div>
1403 <!--End Row-->
1404 </div>
1405 <!--End Container-->
1406
1407 <!--Video-->
1408 <div class="container">
1409 <h3 class="title text-center">Video</h3>
1410 <div class="row is-table-row">
1411 <div class="good col-md-6 col-sm-6">
a4cb36f8 1412 <h5 class="text-center">DRM-free video</h5>
ff8eb1d4
MB
1413 <ul class="pros">
1414 <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>
1415 <p>You can <a href="https://www.defectivebydesign.org/guide/video">find your DRM-free video fix</a> at places including:</p>
1416 <li><a href="http://www.comedydirect.com/">ComedyDirect</a> can make you laugh while storing your videos locally.</li>
1417 <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>
ff8eb1d4
MB
1418 <li><a href="http://wolfeondemand.com/">WolfeOnDemand</a> provides for all of your LGBTQ watching desires.</li>
1419 </ul>
1420
1421 </div>
1422 <!--End Good-->
1423
1424 <!--start bad-->
1425 <div class="good col-md-6 col-sm-6">
1426 <h5 class="text-center">Stay away from: Netflix</h5>
1427 <ul class="cons">
1428 <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>
1429 </ul>
1430 </div>
1431 <!--End Bad-->
1432 </div>
1433 <!--End Row-->
1434 </div>
1435 <!--End Container-->
1436
1437 </section>
8d4c9925
MB
1438<!--End comparisons-->
1439
1440<!-- Begin need choices -->
1441<section class="choices" id="choices">
1442 <div class="container">
1443 <h1 class="text-center">We need better choices!<h1>
1444 <div class="container choices">
1445 <h2 class="title text-center"></h2>
1446 <div class="row is-table-row">
1447 <div class="good col-md-6 col-sm-6" style="position:relative">
ce21714e 1448 <p>Sadly, there is not always the opportunity to choose freedom. You have to decide what is the right thing for you to do. In this section of our guide, 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 contribute to and support.</p>
8d4c9925
MB
1449 </div>
1450 <!--End Good-->
1451
1452 <!-- start bad -->
1453
ccdae924 1454 <div class="good col-md-6 col-sm-6">
ea2054be 1455 <h5 class="text-center">In need of development</h5>
ccdae924 1456 <ul class="pros">
ea2054be 1457 <li>Cameras</li>
bc744bdc 1458 <li>Ebook readers</li>
1c121604
MB
1459 <li>Fitness trackers</li>
1460 <li>Smart watches</li>
1461 <li>Video gaming systems</liz.
8d4c9925
MB
1462 </ul>
1463 <h5 class="text-center">Stay away from: These devices</h5>
1464 <ul class="cons">
9be15f6e 1465 <li>Internet of Things connected home appliances, smart speakers, and virtual assistants are little more than spying devices brought into your home. These include Amazon Alexa, Amazon Echo, Google Home, Nest, Philips Hue lighting, Ring doorbell, Sonos One, and Wembo.</li>
bc744bdc 1466 <li>Self-driving cars are full of proprietary software, and they also pose a terrible 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>
8d4c9925
MB
1467 </ul>
1468 </div>
1469 <!--End Bad-->
1470 </div>
1471 <!--End Row-->
1472 </div>
1473 <!--End Container-->
1474 <!--End bad-->
1475<!-- end choices -->
1476
1477
ff8eb1d4
MB
1478
1479 <!-- Begin Donations -->
1480 <section class="charities" id="charities">
1481 <div class="container">
1482 <h1 class="text-center">Recommended organizations for holiday donations</h1>
1483 <div class="row">
de8a120d 1484 <div class="col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
053d1425 1485 <a href="https://www.fsf.org/"><img src="img/charities/fsf.png" alt="fsf" class="center-block img-responsive" /></a>
9be15f6e
MB
1486 <p>The Giving Guide is brought to you by the <a href="https://fsf.org">Free Software Foundation</a>. We are powered by our Associate Members. Will you help us propel free software to new frontiers by <a href="https://my.fsf.org/join?pk_campaign=fall18&pk_kwd=ggjoin">joining today</a>?</p>
1487 </div>
de8a120d
AE
1488 </div>
1489 <div style="height: 30px"></div>
1490 <div class="row">
9be15f6e 1491 <div class="col-md-3 col-sm-4 col-xs-6">
ff8eb1d4
MB
1492 <a href="https://april.org/"><img src="img/charities/april.png" alt="april" class="center-block img-responsive" /></a>
1493 </div>
1494 <div class="col-md-3 col-sm-4 col-xs-6">
7a2bddf3 1495 <a href="https://www.openrightsgroup.org/"><img src="img/charities/org.png" alt="ceataopen rights group logo" class="center-block img-responsive" /></a>
ff8eb1d4
MB
1496 </div>
1497 <div class="col-md-3 col-sm-4 col-xs-6">
1498 <a href="https://creativecommons.org/"><img src="img/charities/cc.png" alt="cc" class="center-block img-responsive" /></a>
1499 </div>
1500 <div class="col-md-3 col-sm-4 col-xs-6">
1501 <a href="https://www.eff.org/"><img src="img/charities/eff.png" alt="eff" class="center-block img-responsive" /></a>
1502 </div>
1503 <div class="col-md-3 col-sm-4 col-xs-6">
1504 <a href="https://www.gnome.org/"><img src="img/charities/gnome.png" alt="gnome" class="center-block img-responsive" /></a>
1505 </div>
1506 <div class="col-md-3 col-sm-4 col-xs-6">
1507 <a href="https://sfconservancy.org/"><img src="img/charities/sfc.png" alt="sfc" class="center-block img-responsive" /></a>
1508 </div>
1509 <div class="col-md-3 col-sm-4 col-xs-6">
1510 <a href="https://www.wikimedia.org/"><img src="img/charities/wikimedia.png" alt="wikimedia" class="center-block img-responsive" /></a>
1511 </div>
ff8eb1d4
MB
1512 </div>
1513 </div>
1514 </div>
1515 </div>
1516 </section>
1517 <!-- End Donations -->
1518
1519 <!-- Begin Promotion details -->
1520
1521 <section class="promotion-details">
1522 <div class="container">
1523 <div class="row">
1524 <div class="col-md-12">
1525 <div class="panel-default">
1526 <div class="panel-heading">
1527 <h1 class="fix-margin">Promotion details</h1>
1528 </div>
1529 <div class="panel-body" id="promotion-details">
a4cb36f8 1530<h2>Companies, distributors, and makers of freedom-friendly gadgets want to make it easier for you to give gifts that you feel good about. Check out these discounts and promotions.</h2>
7a2bddf3 1531 <ul style="list-style: none inside none;">
1b3fab4c 1532 <li id="GNU-promotion"><strong>GNU Press Shop: </strong>5% discount on all items using the coupon code <span class="label label-default">GIVEFREELY</span>. Code expires on December 31st. As always, FSF members get a 20% discount.</li>
c18de544 1533 <li id="libiquity-promotion"><strong>Libiquity: </strong>10% 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, 2019. 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>
0691680f 1534 <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</a>.</li>
840c4e86 1535 <li id="minifree-promotion"><strong>Minifree: </strong><a href="https://minifree.org/">Offering a discount on all products through the end of the year.</a>
ce21714e 1536 <li id="technoethical-promotion"><strong>Technoethical:</strong> 5% discount on <b>all</b> purchases using the coupon code <span class="label label-default">FSFHOLIDAYS</span>. FSF members get an additional 10% off, using the code <span class="label label-default">FSREWARDS</span>.</li>
bf84469f 1537 <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>
bc744bdc 1538 <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 to the FSF for each product purchased using the coupon code <span class="label label-default">fsfftw</span>.</li>
ff8eb1d4
MB
1539
1540</ul>
1541 </div>
1542 </div>
1543 </div>
1544 <!-- End Panel -->
1545 </div>
1546 <!-- End Row -->
1547 </div>
1548 <!-- End Container -->
1549 </section>
1550 <!-- End Promotion details -->
1551
1552
1553 <!-- Start Respects Your Freedom -->
1554 <!-- <section class="promotion-details">
1555 <div class="container">
1556 <div class="row">
1557 <div class="col-md-12">
1558 <div class="panel-default">
1559 <div class="panel-heading">
1560 <h1 class="fix-margin">Respects Your Freedom</h1>
1561 </div>
1562 <div class="panel-body" id="promotion-details">
1563 <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>
1564 <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>
1565 </div>
1566 </div>
1567 </div> -->
1568 <!-- End Panel -->
1569 </div>
1570 <!-- End Row -->
1571 </div>
1572 <!-- End Container -->
1573 </section>
1574 <!-- End Respects Your Freedom -->
1575
1576 <!-- Begin Licenses -->
1577 <section class="licenses">
1578 <div class="container">
1579 <div class="row">
1580 <div class="col-md-12">
1581 <div class="panel-default">
1582 <div class="panel-heading">
8d4c9925 1583 <h1 class="fix-margin">Licenses</h1>
ff8eb1d4
MB
1584
1585 </div>
1586 <div class="panel-body" id="licenses">
2099caf6 1587 <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</a>.
ff8eb1d4
MB
1588 </p>
1589 <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>
1590 <ul style="list-style: none inside none;">
1591 <li>X200, T400, iPhone, and ISP-provided router images are in the public domain.</li>
2099caf6
MB
1592 <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</a>.</li>
1593 <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</a>.</li>
1594 <li>Technoethical Replicant S3, 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 4.0</a>.</li>
1595 <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</a>.</li>
ff8eb1d4
MB
1596 </div>
1597 </div>
1598 </div>
1599 <!-- End Panel -->
1600 </div>
1601 <!-- End Row -->
1602 </div>
1603 <!-- End Container -->
1604 </section>
1605 <!-- End Licenses -->
1606
1607 <!--Begin Footer-->
1608 <footer>
1609 <div class="container-fluid">
1610 <div class="row">
1611 <div class="col-md-4 col-sm-4 footer-logo">
1612 <a href="https://fsf.org/"><img src="img/fsf-footer.png" alt="FSF" class="center-block footer-logo img-responsive" /></a>
1613 </div>
1614 <div class="col-md-8 col-sm-8">
1615 <p>The FSF is a nonprofit with a worldwide mission to advance software freedom —
1b3fab4c 1616 <a href="https://fsf.org/about">learn about our history and work</a>.
ff8eb1d4 1617 </p>
a4cb36f8 1618 <p>Version 9.0. Copyright © 2004-2018
ff8eb1d4
MB
1619 <a href="https://fsf.org/about/contact.html" title="Find out how to contact us">
1620 Free Software Foundation
1621 </a>, Inc.
a4cb36f8 1622 <a href="https://www.fsf.org/about/free-software-foundation-privacy-policy"> Privacy Policy</a>.
0cdb6d59 1623 <a href="js/weblabels.html" rel="jslicense">Javascript License Information</a>.
ff8eb1d4
MB
1624 </p>
1625 </div>
1626 </div>
1627 <!-- End Row -->
1628 </div>
1629 <!-- End Container -->
1630 </footer>
1631 <!-- End Footer -->
1632
1633 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1634 <script src="js/jquery.js" charset="utf-8"></script>
1635 <!-- Include all compiled plugins (below), or include individual files as needed -->
1636 <script src="js/bootstrap.js" charset="utf-8"></script>
1637 <!-- Our JS -->
1638 <script src="js/magic.js" charset="utf-8"></script>
1639
1640 <!-- Piwik -->
1641 <script type="text/javascript">
1642 // @license magnet:?xt=urn:btih:c80d50af7d3db9be66a4d0a86db0286e4fd33292&dn=bsd-3-clause.txt
1643 var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.fsf.org/" : "http://piwik.fsf.org/");
1644 document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
1645 try {
1646 var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14);
1647 piwikTracker.trackPageView();
1648 piwikTracker.enableLinkTracking();
1649 } catch (err) {}
1650 // @license-end
1651 </script><noscript><p><img src="//piwik.fsf.org/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript>
1652 <!-- End Piwik Tracking Code -->
ff8eb1d4
MB
1653 </body>
1654
1655 </html>