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
  72                 <!--We compare different products from here-->
  73
  74                                 <div class="comparisons">
  75                                                 <div class="section_wrapper">
  76                                                         <h3 class="main_title">Operating System</h3>
  77
  78                                                         <div class="free">
  79                                                                 <div class="product">
  80                                                                         <img class="good" src="images/good.png" alt="good"/>
  81                                                                         <img class="product_img" src="images/linux.png" alt="Linux"/>
  82                                                                 </div>
  83
  84                                                                 <h4 class="title">Trisquel</h4>
  85                                                                 <ul>
  86                                                                         <li>
  87                           Completely free operating system:
  88                           transparent and modifiable
  89                         </li>
  90
  91                         <li>
  92                           Break the cycle of forced upgrades and
  93                           planned obsolescence
  94                         </li>
  95
  96                         <li>
  97                           Comes with all the software you need and an
  98                           easy software manager to find more.
  99                         </li>
 100                         <li>Works great with the Wi-Fi adapters in this guide.</li>
 101                                                                 </ul>
 102
 103                                                                 <div class="buy">
 104
 105                                                                         <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
 106
 107                                                                 </div>
 108
 109                                                         </div>
 110
 111                                                         <div class="proprietary">
 112                                                                 <div class="product">
 113                                                                         <img class="bad" src="images/bad.png" alt="bad"/>
 114                                                                         <img class="product_img" src="images/windows.png" alt="Windows"/>
 115                                                                 </div>
 116
 117                                                                 <h4 class="title">Windows</h4>
 118                                                                 <ul>
 119                         <li>
 120                           Proprietary software that profits from
 121                           controlling how you use your computer
 122                         </li>
 123
 124                         <li>
 125                           Invades privacy and exposes personal data to
 126                           Microsoft,
 127                           <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">
 128                             the NSA,
 129                           </a> and other malicious attackers
 130                         </li>
 131
 132                         <li>
 133                           Dependent on mandatory upgrades and devices
 134                           that don't support older versions of Windows
 135                         </li>
 136                       </ul>
 137
 138                                                                 <div class="avoid">
 139
 140                                                                         <img src="images/avoid.png" alt="avoid" />
 141
 142                                                                 </div>
 143                                                         </div>
 144                                                 </div>
 145
 146
 147
 148                                                 <div class="section_wrapper">
 149                                                         <h3 class="main_title">3D Printers</h3>
 150
 151                                                         <div class="free">
 152                                                                 <div class="product">
 153                                                                         <img class="good" src="images/good.png" alt="good"/>
 154                                                                         <img class="product_img" src="//static.fsf.org/nosvn/images/taz4.png" alt="TAZ 4.0"/>
 155                                                                 </div>
 156
 157                                                                 <h4 class="title">Lulzbot TAZ 4.0</h4>
 158                                                                 <ul>
 159                         <li>
 160                           <a href="https://www.fsf.org/resources/hw/endorsement/respects-your-freedom">
 161                             Respects Your Freedom
 162                           </a>
 163
 164                           certified by the Free Software Foundation
 165                         </li>
 166
 167                         <li>
 168                           Powered by free software, making 3D printing
 169                           more accessible and encouraging innovation
 170                         </li>
 171
 172                         <li>
 173                           Learn more about the Lulzbot at
 174                           <a href="http://www.lulzbot.com/">
 175                             www.lulzbot.com
 176                           </a>
 177                         </li>
 178                       </ul>
 179
 180                                                                 <div class="buy">
 181
 182                                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 183
 184                                                                 </div>
 185
 186                                                         </div>
 187
 188                                                         <div class="proprietary">
 189                                                                 <div class="product">
 190                                                                         <img class="bad" src="images/bad.png" alt="bad"/>
 191                                                                         <img class="product_img" src="//static.fsf.org/fsforg/img/MakerbotPrepped.png" alt="Makerbot Replicator 2"/>
 192                                                                 </div>
 193
 194                                                                 <h4 class="title">Makerbot Replicator 2</h4>
 195                                                                 <ul>
 196                         <li>
 197                           MakerWare software is proprietary,
 198                           restricting freedom and stifling innovation
 199                         </li>
 200
 201                         <li>
 202                           Hardware patents threaten free printers like
 203                           the Lulzbot
 204                         </li>
 205
 206                         <li>
 207                           Recently announced an increasingly
 208                           proprietary approach, further distancing
 209                           itself from the free software community
 210                         </li>
 211                       </ul>
 212
 213                                                                 <div class="avoid">
 214
 215                                                                         <img src="images/avoid.png" alt="avoid" />
 216
 217                                                                 </div>
 218                                                         </div>
 219                                 </div>
 220
 221
 222
 223
 224                                                 <div class="section_wrapper">
 225                                                         <h3 class="main_title">Ebooks</h3>
 226
 227                                                         <div class="free">
 228                                                                 <div class="product">
 229                                                                         <img class="good" src="images/good.png" alt="good"/>
 230                                                                         <img class="product_img" src="//static.fsf.org/fsforg/img/ProjectGutenbergPrepped.png" alt="Project Gutenberg"/>
 231                                                                 </div>
 232
 233                                                                 <h4 class="title">Project Gutenberg</h4>
 234
 235                       <ul>
 236                         <li>
 237                           The original purveyor of DRM-free eBooks
 238                         </li>
 239
 240                         <li>
 241                           Enjoy the freedom to read your ebooks on any
 242                           device
 243                         </li>
 244
 245                         <li>
 246                           All of the ebooks on Project Gutenberg,
 247                           including classics like Peter Pan and Huck
 248                           Finn, are gratis
 249                         </li>
 250
 251                         <li>
 252                           Pick out the perfect books for the whole
 253                           family at
 254                           <a href="http://www.gutenberg.org/">
 255                             www.gutenberg.org
 256                           </a>
 257                           or from other
 258                           <a href="http://www.defectivebydesign.org/guide/ebooks">
 259                             DRM-free ebooks sites
 260                           </a>
 261                         </li>
 262                       </ul>
 263
 264                                                                 <div class="buy">
 265
 266                                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 267
 268                                                                 </div>
 269
 270                                                         </div>
 271
 272                                                         <div class="proprietary">
 273                                                                 <div class="product">
 274                                                                         <img class="bad" src="images/bad.png" alt="bad"/>
 275                                                                         <img class="product_img" src="//static.fsf.org/fsforg/img/amazon.jpg" alt="Amazon"/>
 276                                                                 </div>
 277
 278                                                                 <h4 class="title">Amazon</h4>
 279                                                                 <ul>
 280                         <li>
 281                           Amazon can remotely block or delete
 282                           individual ebooks or your entire library
 283                           with no warning or explanation (they've done
 284                           it before--read about it
 285                           <a href="http://www.defectivebydesign.org/node/2250">
 286                             here
 287                           </a>).
 288                         </li>
 289
 290                         <li>
 291                           DRM prevents you from sharing your favorite
 292                           books with friends, and Amazon uses DRM to
 293                           <a href="http://www.defectivebydesign.org/faq#harm">
 294                             maintain their monopoly
 295                           </a>
 296                         </li>
 297
 298                         <li>
 299                           Amazon claims
 300                           <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">
 301                             you don't actually own or control your
 302                             ebooks
 303                           </a>
 304                         </li>
 305
 306                         <li>
 307                           Thanks to DRM, you won't be able to transfer
 308                           your books to any other reader
 309                         </li>
 310                       </ul>
 311
 312                                                                 <div class="avoid">
 313
 314                                                                         <img src="images/avoid.png" alt="avoid" />
 315
 316                                                                 </div>
 317                                                         </div>
 318                                                 </div>
 319
 320
 321
 322                                                 <div class="section_wrapper">
 323                                                         <h3 class="main_title">Mobile OS</h3>
 324
 325                                                         <div class="free">
 326                                                                 <div class="product">
 327                                                                         <img class="good" src="images/good.png" alt="good"/>
 328                                                                         <img class="product_img" src="//static.fsf.org/nosvn/images/Replicant_logo.png" alt="Replicant"/>
 329                                                                 </div>
 330
 331                                                                 <h4 class="title">Replicant</h4>
 332                                                                 <ul>
 333                         <li>
 334                           Fully free software mobile OS based on
 335                           Android
 336                         </li>
 337
 338                         <li>
 339                           <a href="http://redmine.replicant.us/projects/replicant/wiki/ReplicantImages">
 340                             Supported devices
 341                           </a>
 342                           include both phones and tablets
 343                         </li>
 344
 345                         <li>
 346                           Used devices can be purchased, so your
 347                           dollars won't go to proprietary OS
 348                           companies.
 349                         </li>
 350                       </ul>
 351
 352                                                                 <div class="buy">
 353
 354                                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 355
 356                                                                 </div>
 357
 358                                                         </div>
 359
 360                                                         <div class="proprietary">
 361                                                                 <div class="product">
 362                                                                         <img class="bad" src="images/bad.png" alt="bad"/>
 363                                                                         <img class="product_img" src="//static.fsf.org/nosvn/images/iOS.png" alt="Apple iPhone, iPad and Watch"/>
 364                                                                 </div>
 365
 366                                                                 <h4 class="title">Apple iPhone, iPad and Watch</h4>
 367                                                                 <ul>
 368                         <li>
 369                           iOS is a fully proprietary operating system,
 370                           giving Apple ultimate control over devices
 371                           running it
 372                         </li>
 373
 374                         <li>
 375                           Apple uses DRM to block competing software.
 376                         </li>
 377
 378                         <li>
 379                           The company claims to take away your freedom
 380                           <a href="http://www.defectivebydesign.org/blog/1256">
 381                             for your own good
 382                           </a>.
 383                         </li>
 384                       </ul>
 385
 386                                                                 <div class="avoid">
 387
 388                                                                         <img src="images/avoid.png" alt="avoid" />
 389
 390                                                                 </div>
 391                                                         </div>
 392                                                 </div>
 393 </div>
 394                         <div class="recommended">
 395                                 <h2 class="recommend_title">Recomended Products</h2>
 396
 397                                 <div class="recommend_wrapper">
 398                                         <div class="recommended_product">
 399                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 400                                                 <h4 class="title">Fedora</h4>
 401                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 402                                                 <div class="buy">
 403                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 404                                                 </div>
 405                                         </div>
 406
 407                                         <div class="recommended_product">
 408                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 409                                                 <h4 class="title">Fedora</h4>
 410                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 411                                                 <div class="buy">
 412                                                         <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
 413                                                 </div>
 414                                         </div>
 415
 416                                         <div class="recommended_product">
 417                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 418                                                 <h4 class="title">Fedora</h4>
 419                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 420                                                 <div class="buy">
 421                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 422                                                 </div>
 423                                         </div>
 424                                 </div>
 425
 426                                 <div class="recommend_wrapper">
 427                                         <div class="recommended_product">
 428                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 429                                                 <h4 class="title">Fedora</h4>
 430                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 431                                                 <div class="buy">
 432                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 433                                                 </div>
 434                                         </div>
 435
 436                                         <div class="recommended_product">
 437                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 438                                                 <h4 class="title">Fedora</h4>
 439                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 440                                                 <div class="buy">
 441                                                         <a href="http://fedoraproject.org/"><img src="images/download.png" alt="Download" /></a>
 442                                                 </div>
 443                                         </div>
 444
 445                                         <div class="recommended_product">
 446                                                 <img class="recommended_product_img" src="images/Linux.png" alt="Linux"/>
 447                                                 <h4 class="title">Fedora</h4>
 448                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 449                                                 <div class="buy">
 450                                                         <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="Buy" /></a>
 451                                                 </div>
 452                                         </div>
 453                                 </div>
 454                         </div>
 455
 456         </body>
 457
 458         <footer>
 459
 460
 461         </footer>
 462 </html>