Fix the header's width.
[fsf-giving-guide.git] / givingguide.html
CommitLineData
d5121665 1<!DOCTYPE html>
afb35b89 2<html>
d5121665
RL
3 <head>
4
b190b1f5 5 <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software </title>
d5121665 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">
b190b1f5 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">
32d56408
RL
21 <div class="header_wrapper">
22 <div class="navbar_wrapper">
23 <span class="logo_wrapper">
24 <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
25 </span>
4b239f9e 26
32d56408
RL
27 <div class="navbar">
28 <ul>
29 <li><a href="https://www.fsf.org/about/">About the FSF</a></li>
30 <li><a href="https://www.fsf.org/campaigns/">Campaigns</a></li>
31 <li><a href="https://www.fsf.org/licensing/">Software Licensing</a></li>
32 <li><a href="http://shop.fsf.org/">Shop</a></li>
33 </ul>
34 </div>
35
36 <span class="join_wrapper">
37 <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
38 </span>
39 </div>
4b239f9e 40
82460b03
RL
41 <div class="intro">
42
43 <div class="intro_img">
44 <img src="images/banner.png" alt="Giving Guide" />
45 </div>
46 <div class="intro_wrapper">
5889c064 47 <h2>Are you giving your loved ones holiday gifts they can use freely?</h2>
82460b03
RL
48 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae nisl
49 et lacus vestibulum scelerisque. Fusce vitae vestibulum mauris, quis
50 eleifend turpis. Mauris placerat laoreet nisi, nec pellentesque magna
51 gravida id. Nulla nisi est, auctor in arcu eu, sodales condimentum elit.
52 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel
53 gravida risus, non porttitor nibh. Suspendisse mattis maximus mauris,
54 ut ullamcorper turpis commodo non. Aenean a condimentum quam, ac finibus
55 erat. Duis iaculis iaculis diam, sit amet rutrum nisl lobortis ut.
56 Sed accumsan dolor id lectus pretium, at semper tellus dictum. Proin
57 fringilla efficitur justo, et posuere metus aliquam vestibulum.
58 Vivamus ullamcorper nulla in urna mollis, a bibendum erat tempus.
59 Integer luctus neque non magna aliquam congue. Nullam gravida
60 lectus urna, ut vulputate elit lobortis non.
61 </p>
32d56408 62
82460b03
RL
63 </div>
64 </div>
4b239f9e
RL
65 </div>
66 </div>
82460b03
RL
67<!-- <div class="wrapper">
68
69 <div>
70 <h1 class="intro_phrase">SAY SOMETHING CLEVER ABOUT GIVING GUIDE 2014</h1>
71
72 <h2>Are you giving your loved ones holiday gifts they can use freely, or
73 gifts which put someone else in control?</h2>
74
75 <p>
76 Electronics are popular gifts for the holidays, but people often overlook
77 the restrictions that manufacturers slip under the wrapping paper.
78 Companies like Microsoft and Apple can and will use Digital
79 Restrictions Management (DRM) to prevent your loved ones from
80 sharing apps on the laptop you got them or remixing the songs on
81 their expensive new iPad. If the recipient of your gift is as
82 unlucky as one woman last year,
83 <a href="http://www.defectivebydesign.org/node/2250">
84 Amazon might even block all the books on their Kindle and refuse to explain why</a>.
85 Companies want us to accept this kind of intrusive control,
86 but when you think about, it's unethical (and annoying!).
87 </p>
88
89 <h2>Give freely</h2>
90
91 <p>
92 The good news is, for every device that uses DRM or has a remote
93 "kill switch" like the Kindle, ethical companies have made a better
94 one that doesn't, one that your loved ones will be free to enjoy however
95 they wish. Here's a list of these smarter gifts, compared with their
96 more well-known, but more restrictive alternatives. While you're
97 reading, please remember that donating to a charity in your friend
98 or family member's name is at least as meaningful as buying them
99 an electronic device. Some of our favorite charities are the
100 <a href="http://www.eff.org/">Electronic Frontier Foundation</a>,
101 <a href="http://www.creativecommons.org/">Creative Commons</a>,
102 <a href="http://wikimedia.org/">Wikimedia Foundation</a>,
103 <a href="http://www.sfconservancy.org/">Software Freedom Conservancy</a>,
104 <a href="http://www.softwarefreedom.org/">Software Freedom Law Center</a>,
105 <a href="http://www.gnome.org/">GNOME Foundation</a>
106 and Free Software Foundation.
107 </p>
108 <h2>The Free Software Foundation's Holiday Giving Guide</h2>
109
110 <p>
111 The gifts in the left column respect your freedom much more than those in the right column.
112 </p>
113
114 <p>
115 <i>
116 Please share <a href="#">the Giving Guide</a>
117 with your friends and family members, especially those that might give you
118 presents! (We're using the hashtag #givefreely.)
119 </i>
120 </p>
121
122 <p>
123 To make a really big splash, get some friends together, print the PDF
124 version of the Giving Guide and hand it out near a local store that
125 sells DRM-encumbered products. Be sure to take photos! Send us photos
126 and any questions at <a href="mailto:campaigns@fsf.org">campaigns@fsf.org</a>.
127 </p>
128
129 </div>
130
131</div> -->
afb35b89 132
afb35b89 133
08daf010 134 <!--We compare different products from here-->
afb35b89 135
b190b1f5
RL
136 <div class="comparisons">
137 <div class="section_wrapper">
138 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
afb35b89 139
b190b1f5
RL
140 <div class="free">
141 <div class="product">
142 <img class="good" src="images/good.png" alt="Windows"/>
143 <img class="product_img" src="images/linux.png" alt="Linux"/>
144 </div>
afb35b89 145
b190b1f5
RL
146 <h4 class="title">Fedora</h4>
147 <ul>
148 <li>Completely free operating system: transparent and modifiable</li>
149 <li>Break the cycle of forced upgrades and planned obsolescence</li>
150 <li>Comes with all the software you need and an easy software manager to find more.</li>
151 </ul>
c8033ceb 152
b190b1f5 153 <div class="buy">
c8033ceb 154
b190b1f5 155 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb 156
b190b1f5 157 </div>
c8033ceb 158
c8033ceb
RL
159 </div>
160
b190b1f5
RL
161 <div class="proprietary">
162 <div class="product">
163 <img class="bad" src="images/bad.png" alt="bad"/>
164 <img class="product_img" src="images/windows.png" alt="Windows"/>
165 </div>
c8033ceb 166
b190b1f5
RL
167 <h4 class="title">Windows</h4>
168 <ul>
169 <li>Proprietary software that profits from controlling how you use your computer</li>
170 <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>
171 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
172 </ul>
c8033ceb 173
b190b1f5
RL
174 <div class="avoid">
175
176 <img src="images/avoid.png" alt="avoid" />
c8033ceb 177
b190b1f5 178 </div>
c8033ceb
RL
179 </div>
180 </div>
b190b1f5 181 </div>
c8033ceb 182
b190b1f5
RL
183 <div class="comparisons">
184 <div class="section_wrapper">
185 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
c8033ceb 186
b190b1f5
RL
187 <div class="free">
188 <div class="product">
189 <img class="good" src="images/good.png" alt="Windows"/>
190 <img class="product_img" src="images/linux.png" alt="Linux"/>
191 </div>
c8033ceb 192
b190b1f5
RL
193 <h4 class="title">Fedora</h4>
194 <ul>
195 <li>Completely free operating system: transparent and modifiable</li>
196 <li>Break the cycle of forced upgrades and planned obsolescence</li>
197 <li>Comes with all the software you need and an easy software manager to find more.</li>
198 </ul>
c8033ceb 199
b190b1f5 200 <div class="buy">
c8033ceb 201
b190b1f5 202 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb 203
b190b1f5 204 </div>
c8033ceb
RL
205
206 </div>
207
b190b1f5
RL
208 <div class="proprietary">
209 <div class="product">
210 <img class="bad" src="images/bad.png" alt="bad"/>
211 <img class="product_img" src="images/windows.png" alt="Windows"/>
212 </div>
c8033ceb 213
b190b1f5
RL
214 <h4 class="title">Windows</h4>
215 <ul>
216 <li>Proprietary software that profits from controlling how you use your computer</li>
217 <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>
218 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
219 </ul>
c8033ceb 220
b190b1f5 221 <div class="avoid">
c8033ceb 222
b190b1f5 223 <img src="images/avoid.png" alt="avoid" />
c8033ceb 224
b190b1f5 225 </div>
c8033ceb
RL
226 </div>
227 </div>
b190b1f5 228 </div>
c8033ceb 229
b190b1f5
RL
230 <div class="comparisons">
231 <div class="section_wrapper">
c8033ceb
RL
232 <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
233
234 <div class="free">
235 <div class="product">
236 <img class="good" src="images/good.png" alt="Windows"/>
237 <img class="product_img" src="images/linux.png" alt="Linux"/>
238 </div>
239
240 <h4 class="title">Fedora</h4>
241 <ul>
242 <li>Completely free operating system: transparent and modifiable</li>
243 <li>Break the cycle of forced upgrades and planned obsolescence</li>
244 <li>Comes with all the software you need and an easy software manager to find more.</li>
245 </ul>
246
247 <div class="buy">
248
4e5b767f 249 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
c8033ceb
RL
250
251 </div>
252
253 </div>
254
255 <div class="proprietary">
256 <div class="product">
257 <img class="bad" src="images/bad.png" alt="bad"/>
258 <img class="product_img" src="images/windows.png" alt="Windows"/>
259 </div>
260
261 <h4 class="title">Windows</h4>
262 <ul>
263 <li>Proprietary software that profits from controlling how you use your computer</li>
264 <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>
265 <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
266 </ul>
267
268 <div class="avoid">
269
270 <img src="images/avoid.png" alt="avoid" />
271
272 </div>
273 </div>
b190b1f5
RL
274 </div>
275 </div>
d5121665 276 </body>
afb35b89 277
d5121665 278</html>