givingguide.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4
   5                 <title> 2014 Holiday Giving Guide | Free Software Foundation | Working together for free software </title>
   6
   7                 <meta charset="UTF-8">
   8
   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">
  12
  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>
  18
  19         <body>
  20                 <div class="header">
  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>
  26
  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="share_wrapper">
  37                                                         <a href="https://fsf.org/share"><img class="share" src="images/share.png" alt="share" /></a>
  38                                                 </span>
  39
  40                                                 <span class="join_wrapper">
  41                                                         <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="join" /></a>
  42                                                 </span>
  43                                         </div>
  44
  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">
  51                                                 <h2>Are you giving your loved ones holiday gifts they can use freely?</h2>
  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>
  66
  67                                                 </div>
  68                                 </div>
  69                         </div>
  70                 </div>
  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> -->
 136
 137
 138                 <!--We compare different products from here-->
 139
 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>
 143
 144                                                         <div class="free">
 145                                                                 <div class="product">
 146                                                                         <img class="good" src="images/good.png" alt="good"/>
 147                                                                         <img class="product_img" src="images/linux.png" alt="Linux"/>
 148                                                                 </div>
 149
 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>
 156
 157                                                                 <div class="buy">
 158
 159                                                                         <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
 160
 161                                                                 </div>
 162
 163                                                         </div>
 164
 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>
 170
 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>
 177
 178                                                                 <div class="avoid">
 179
 180                                                                         <img src="images/avoid.png" alt="avoid" />
 181
 182                                                                 </div>
 183                                                         </div>
 184                                                 </div>
 185                                         </div>
 186
 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>
 190
 191                                                         <div class="free">
 192                                                                 <div class="product">
 193                                                                         <img class="good" src="images/good.png" alt="good"/>
 194                                                                         <img class="product_img" src="images/linux.png" alt="Linux"/>
 195                                                                 </div>
 196
 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>
 203
 204                                                                 <div class="buy">
 205
 206                                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="download" /></a>
 207
 208                                                                 </div>
 209
 210                                                         </div>
 211
 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>
 217
 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>
 224
 225                                                                 <div class="avoid">
 226
 227                                                                         <img src="images/avoid.png" alt="avoid" />
 228
 229                                                                 </div>
 230                                                         </div>
 231                                                 </div>
 232                                 </div>
 233
 234                                 <div class="recomended">
 235                                         <div class="recomend_wrapper">
 236                                                 <h3 class="main_title">Recomended Products</h3>
 237
 238
 239                                         </div>
 240                                 </div>
 241
 242                                 <div class="comparisons">
 243                                         <div class="section_wrapper">
 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">
 248                                                                 <img class="good" src="images/good.png" alt="good"/>
 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
 261                                                                 <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
 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>
 286                                         </div>
 287                         </div>
 288
 289
 290         </body>
 291
 292         <footer>
 293
 294
 295         </footer>
 296 </html>