Added comparisons; broken header, again.
[fsf-giving-guide.git] / givingguide.html
CommitLineData
d5121665 1<!DOCTYPE html>
afb35b89 2<html>
d5121665
RL
3 <head>
4
5 <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software</title>
6
4b239f9e
RL
7 <meta charset="UTF-8">
8
d5121665
RL
9 <!--FIXME: Is this necessary?-->
10 <link rel="copyright" title="Copyright information" href="http://creativecommons.org/licenses/by-nd/3.0/rdf">
11 <link rel="author" title="Author information" href="http://www.fsf.org/about/staff/">
afb35b89 12
d5121665
RL
13 <!--Stylesheets-->
14 <link rel="stylesheet" type="text/css" href="reset.css">
15 <link rel="stylesheet" type="text/css" href="stylesheet.css">
16
17 </head>
afb35b89 18
d5121665 19 <body>
08daf010 20 <div class="header">
4b239f9e
RL
21 <div class="navbar">
22 <span class="logo_wrapper">
08daf010
RL
23 <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
24 </span>
4b239f9e 25
08daf010
RL
26 <div class="nav_wrapper">
27 <ul>
2a473abe 28 <li><a href="https://www.fsf.org/about/">About the FSF</a></li>
08daf010 29 <li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
2a473abe 30 <li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
08daf010
RL
31 <li><a href="http://shop.fsf.org/">Shop</a></li>
32 </ul>
33 </div>
4b239f9e
RL
34
35 <span class="join_wrapper">
36 <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
37 </span>
38 </div>
39 </div>
40
41 <!-- <div class="header">
42 <div class="top">
43 <span class="logo_wrapper">
44 <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
45 </span>
46 <span class="join_wrapper">
47 <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
48 </span>
49 </div>
50 <div class="navbar">
51 <div class="nav_wrapper">
52 <ul>
53 <li><a href="https://www.fsf.org/about/">About the FSF</a></li>
54 <li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
55 <li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
56 <li><a href="http://shop.fsf.org/">Shop</a></li>
57 </ul>
08daf010
RL
58 </div>
59 </div>
4b239f9e 60 </div> -->
08daf010 61 <div class="wrapper">
afb35b89
RL
62
63 <div>
08daf010 64 <h1 class="intro_phrase">SAY SOMETHING CLEVER ABOUT GIVING GUIDE 2014</h1>
afb35b89 65
08daf010
RL
66 <h2>Are you giving your loved ones holiday gifts they can use freely, or
67 gifts which put someone else in control?</h2>
afb35b89
RL
68
69 <p>
08daf010
RL
70 Electronics are popular gifts for the holidays, but people often overlook
71 the restrictions that manufacturers slip under the wrapping paper.
72 Companies like Microsoft and Apple can and will use Digital
73 Restrictions Management (DRM) to prevent your loved ones from
74 sharing apps on the laptop you got them or remixing the songs on
75 their expensive new iPad. If the recipient of your gift is as
76 unlucky as one woman last year,
77 <a href="http://www.defectivebydesign.org/node/2250">
78 Amazon might even block all the books on their Kindle and refuse to explain why</a>.
79 Companies want us to accept this kind of intrusive control,
80 but when you think about, it's unethical (and annoying!).
afb35b89
RL
81 </p>
82
83 <h2>Give freely</h2>
84
85 <p>
08daf010
RL
86 The good news is, for every device that uses DRM or has a remote
87 "kill switch" like the Kindle, ethical companies have made a better
88 one that doesn't, one that your loved ones will be free to enjoy however
89 they wish. Here's a list of these smarter gifts, compared with their
90 more well-known, but more restrictive alternatives. While you're
91 reading, please remember that donating to a charity in your friend
92 or family member's name is at least as meaningful as buying them
93 an electronic device. Some of our favorite charities are the
94 <a href="http://www.eff.org/">Electronic Frontier Foundation</a>,
95 <a href="http://www.creativecommons.org/">Creative Commons</a>,
96 <a href="http://wikimedia.org/">Wikimedia Foundation</a>,
97 <a href="http://www.sfconservancy.org/">Software Freedom Conservancy</a>,
98 <a href="http://www.softwarefreedom.org/">Software Freedom Law Center</a>,
99 <a href="http://www.gnome.org/">GNOME Foundation</a>
100 and Free Software Foundation.
afb35b89
RL
101 </p>
102 <h2>The Free Software Foundation's Holiday Giving Guide
103 </h2>
104
105 <p>
106 The gifts in the left column respect your freedom much more than those in the right column.
107 </p>
108
109 <p>
110 <i>
08daf010
RL
111 Please share <a href="http://www.fsf.org/share?u=http://www.fsf.org/givingguide&t=
112 Give%20tech%20gifts%20that%20support%20user%20freedom%20">the Giving Guide</a>
113 with your friends and family members, especially those that might give you
114 presents! (We're using the hashtag #givefreely.)
afb35b89
RL
115 </i>
116 </p>
117
118 <p>
08daf010
RL
119 To make a really big splash, get some friends together, print the PDF
120 version of the Giving Guide and hand it out near a local store that
121 sells DRM-encumbered products. Be sure to take photos! Send us photos
122 and any questions at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.
afb35b89
RL
123 </p>
124
125 </div>
126
d5121665
RL
127
128
08daf010 129 </div>
afb35b89 130
afb35b89 131
08daf010 132 <!--We compare different products from here-->
afb35b89 133
c8033ceb
RL
134 <div class="comparisons">
135 <div class="section_wrapper_1">
136 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
afb35b89 137
c8033ceb
RL
138 <div class="free">
139 <div class="product">
140 <img class="good" src="images/good.png" alt="Windows"/>
141 <img class="product_img" src="images/linux.png" alt="Linux"/>
142 </div>
afb35b89 143
c8033ceb
RL
144 <h4 class="title">Fedora</h4>
145 <ul>
146 <li>Completely free operating system: transparent and modifiable</li>
147 <li>Break the cycle of forced upgrades and planned obsolescence</li>
148 <li>Comes with all the software you need and an easy software manager to find more.</li>
149 </ul>
150
151 <div class="buy">
152
153 <a href="#"><img src="images/download.png" alt="download" /></a>
154
155 </div>
156
157 </div>
158
159 <div class="proprietary">
160 <div class="product">
161 <img class="bad" src="images/bad.png" alt="bad"/>
162 <img class="product_img" src="images/windows.png" alt="Windows"/>
163 </div>
164
165 <h4 class="title">Windows</h4>
166 <ul>
167 <li>Proprietary software that profits from controlling how you use your computer</li>
168 <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
169 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
170 </ul>
171
172 <div class="avoid">
173
174 <img src="images/avoid.png" alt="avoid" />
175
176 </div>
177 </div>
178 </div>
179
180 <br> <!-- SEPARATOR -->
181
182 <div class="section_wrapper_2">
183 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
184
185 <div class="free">
186 <div class="product">
187 <img class="good" src="images/good.png" alt="Windows"/>
188 <img class="product_img" src="images/linux.png" alt="Linux"/>
189 </div>
190
191 <h4 class="title">Fedora</h4>
192 <ul>
193 <li>Completely free operating system: transparent and modifiable</li>
194 <li>Break the cycle of forced upgrades and planned obsolescence</li>
195 <li>Comes with all the software you need and an easy software manager to find more.</li>
196 </ul>
197
198 <div class="buy">
199
200 <a href="#"><img src="images/download.png" alt="download" /></a>
201
202 </div>
203
204 </div>
205
206 <div class="proprietary">
207 <div class="product">
208 <img class="bad" src="images/bad.png" alt="bad"/>
209 <img class="product_img" src="images/windows.png" alt="Windows"/>
210 </div>
211
212 <h4 class="title">Windows</h4>
213 <ul>
214 <li>Proprietary software that profits from controlling how you use your computer</li>
215 <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
216 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
217 </ul>
218
219 <div class="avoid">
220
221 <img src="images/avoid.png" alt="avoid" />
222
223 </div>
224 </div>
225 </div>
226
227
228 <br> <!-- SEPARATOR -->
229
230 <div class="section_wrapper_2">
231 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
232
233 <div class="free">
234 <div class="product">
235 <img class="good" src="images/good.png" alt="Windows"/>
236 <img class="product_img" src="images/linux.png" alt="Linux"/>
237 </div>
238
239 <h4 class="title">Fedora</h4>
240 <ul>
241 <li>Completely free operating system: transparent and modifiable</li>
242 <li>Break the cycle of forced upgrades and planned obsolescence</li>
243 <li>Comes with all the software you need and an easy software manager to find more.</li>
244 </ul>
245
246 <div class="buy">
247
248 <a href="#"><img src="images/download.png" alt="download" /></a>
249
250 </div>
251
252 </div>
253
254 <div class="proprietary">
255 <div class="product">
256 <img class="bad" src="images/bad.png" alt="bad"/>
257 <img class="product_img" src="images/windows.png" alt="Windows"/>
258 </div>
259
260 <h4 class="title">Windows</h4>
261 <ul>
262 <li>Proprietary software that profits from controlling how you use your computer</li>
263 <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
264 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
265 </ul>
266
267 <div class="avoid">
268
269 <img src="images/avoid.png" alt="avoid" />
270
271 </div>
272 </div>
273 </div>
afb35b89
RL
274
275
d5121665 276 </body>
afb35b89 277
d5121665 278</html>