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