Fixed the section titles for Webkit for good.
[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 134 <div class="comparisons">
2ee67775 135 <section class="section_wrapper">
c8033ceb 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
4e5b767f 153 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb
RL
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>
2ee67775 178 </section>
c8033ceb 179
c8033ceb 180
2ee67775 181 <section class="section_wrapper">
c8033ceb
RL
182 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
183
184 <div class="free">
185 <div class="product">
186 <img class="good" src="images/good.png" alt="Windows"/>
187 <img class="product_img" src="images/linux.png" alt="Linux"/>
188 </div>
189
190 <h4 class="title">Fedora</h4>
191 <ul>
192 <li>Completely free operating system: transparent and modifiable</li>
193 <li>Break the cycle of forced upgrades and planned obsolescence</li>
194 <li>Comes with all the software you need and an easy software manager to find more.</li>
195 </ul>
196
197 <div class="buy">
198
4e5b767f 199 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb
RL
200
201 </div>
202
203 </div>
204
205 <div class="proprietary">
206 <div class="product">
207 <img class="bad" src="images/bad.png" alt="bad"/>
208 <img class="product_img" src="images/windows.png" alt="Windows"/>
209 </div>
210
211 <h4 class="title">Windows</h4>
212 <ul>
213 <li>Proprietary software that profits from controlling how you use your computer</li>
214 <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>
215 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
216 </ul>
217
218 <div class="avoid">
219
220 <img src="images/avoid.png" alt="avoid" />
221
222 </div>
223 </div>
2ee67775 224 </section>
c8033ceb
RL
225
226
2ee67775 227 <section class="section_wrapper">
c8033ceb
RL
228 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
229
230 <div class="free">
231 <div class="product">
232 <img class="good" src="images/good.png" alt="Windows"/>
233 <img class="product_img" src="images/linux.png" alt="Linux"/>
234 </div>
235
236 <h4 class="title">Fedora</h4>
237 <ul>
238 <li>Completely free operating system: transparent and modifiable</li>
239 <li>Break the cycle of forced upgrades and planned obsolescence</li>
240 <li>Comes with all the software you need and an easy software manager to find more.</li>
241 </ul>
242
243 <div class="buy">
244
4e5b767f 245 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb
RL
246
247 </div>
248
249 </div>
250
251 <div class="proprietary">
252 <div class="product">
253 <img class="bad" src="images/bad.png" alt="bad"/>
254 <img class="product_img" src="images/windows.png" alt="Windows"/>
255 </div>
256
257 <h4 class="title">Windows</h4>
258 <ul>
259 <li>Proprietary software that profits from controlling how you use your computer</li>
260 <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>
261 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
262 </ul>
263
264 <div class="avoid">
265
266 <img src="images/avoid.png" alt="avoid" />
267
268 </div>
269 </div>
2ee67775 270 </section>
afb35b89
RL
271
272
d5121665 273 </body>
afb35b89 274
d5121665 275</html>