From 68a2a07d0f912b31ac656e736be0d679d26b5cac Mon Sep 17 00:00:00 2001
From: Zak Rogoff <zak@montage.office.fsf.org>
Date: Fri, 19 Dec 2014 10:00:52 -0500
Subject: [PATCH] Reformatting licensing section a little.

---
 givingguide.html | 236 +++++++++++++++++++++++------------------------
 stylesheet.css   |  11 ++-
 2 files changed, 124 insertions(+), 123 deletions(-)

diff --git a/givingguide.html b/givingguide.html
index 00e77e0..d5c7108 100755
--- a/givingguide.html
+++ b/givingguide.html
@@ -28,14 +28,14 @@
 
         <div class="navbar">
           <ul>
-            <li><a href="https://www.fsf.org/about/">About the FSF</a>
-            </li>
-            <li><a href="https://www.fsf.org/campaigns/">Campaigns</a>
-            </li>
-            <li><a href="https://www.fsf.org/donate/">Donate</a>
-            </li>
-            <li><a href="http://shop.fsf.org/">Shop</a>
-            </li>
+            <p><a href="https://www.fsf.org/about/">About the FSF</a>
+            </p>
+            <p><a href="https://www.fsf.org/campaigns/">Campaigns</a>
+            </p>
+            <p><a href="https://www.fsf.org/donate/">Donate</a>
+            </p>
+            <p><a href="http://shop.fsf.org/">Shop</a>
+            </p>
           </ul>
         </div>
         <!--end navbar-->
@@ -94,17 +94,17 @@
           <ul>
 
 
-            <li>
+            <p>
               <a href="https://www.fsf.org/ryf">Respects Your Freedom-certified</a> by the FSF to run with all free software, making 3D printing more accessible and encouraging innovation.
-            </li>
+            </p>
 
-            <li>
+            <p>
               Supports tetherless printing, optional Dual Extruder upgrade, and exotic filaments including wood-, rubber- and stone-like materials.
-            </li>
-            <li>Hardware designs available to make modification and improvement easy.</li>
-            <li>
+            </p>
+            <p>Hardware designs available to make modification and improvement easy.</p>
+            <p>
               <span style="font-weight:bold">SAVE!</span> When you buy a TAZ, contact <a href="https://www.lulzbot.com/company/contact-us">Lulzbot sales</a> and mention this guide to receive an extra roll of filament and gratis shipping to the US, Canada or the EU (expires at the end of 2014).
-            </li>
+            </p>
           </ul>
 
         </div>
@@ -117,13 +117,13 @@
 
           <h4 class="title">Makerbot Replicator 2</h4>
           <ul>
-            <li>
+            <p>
               MakerWare software is proprietary, restricting freedom and stifling innovation.
-            </li>
+            </p>
 
-            <li>
+            <p>
               Recently announced an increasingly proprietary approach, further distancing itself from the free software community.
-            </li>
+            </p>
           </ul>
 
         </div>
@@ -160,9 +160,9 @@
           <h4 class="title">Project Gutenberg</h4>
 
           <ul>
-            <li>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</li>
-            <li>The original purveyor of eBooks free of <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> (Digital Restrictions Management), <a href="https://www.defectivebydesign.org/guide/ebooks">inspiring many others</a>.</li>
-            <li>Enjoy the freedom to read your ebooks on any device.</li>
+            <p>All of the ebooks are gratis, including classics like Peter Pan and Huck Finn.</p>
+            <p>The original purveyor of eBooks free of <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> (Digital Restrictions Management), <a href="https://www.defectivebydesign.org/guide/ebooks">inspiring many others</a>.</p>
+            <p>Enjoy the freedom to read your ebooks on any device.</p>
           </ul>
 
         </div>
@@ -175,23 +175,23 @@
 
           <h4 class="title">Amazon</h4>
           <ul>
-            <li>
+            <p>
               Amazon can remotely block or delete individual ebooks or your entire library with no warning or explanation (<a href="http://www.defectivebydesign.org/node/2250">they've done
                 it before</a>).
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Amazon uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a>
                 to prevent you from sharing your favorite books with friends or moving them between readers.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Amazon openly claims
                 <a href="http://www.defectivebydesign.org/amazon-kindle-swindle">
                   you don't actually own or control your
                   ebooks.
                 </a>
-              </li>
+              </p>
             </ul>
 
           </div>
@@ -227,12 +227,12 @@
 
               <ul>
 
-                <li>
+                <p>
                   Comes installed with a free OS, and its Wi-Fi and 3D-accelerated graphics work with any other <a href="https://www.gnu.org/distros/free-distros.html">fully free GNU/Linux distribution</a>.
-                </li>
+                </p>
 
-                <li> While its proprietary boot firmware means it's <a href="https://www.fsf.org/campaigns/free-bios.html">not fully free</a>, this laptop is one of the most freedom-supporting available. Browse more companies that sell <a href="https://www.gnu.org/links/companies">free software-compatible computers</a>.</li>
-                <li><span style="font-weight:bold">SAVE!</span> $5 off any purchase of $50 or more with coupon code FSFGIVING. ThinkPenguin will also donate $5 to the FSF (expires at the end of 2014).</li>
+                <p> While its proprietary boot firmware means it's <a href="https://www.fsf.org/campaigns/free-bios.html">not fully free</a>, this laptop is one of the most freedom-supporting available. Browse more companies that sell <a href="https://www.gnu.org/links/companies">free software-compatible computers</a>.</p>
+                <p><span style="font-weight:bold">SAVE!</span> $5 off any purchase of $50 or more with coupon code FSFGIVING. ThinkPenguin will also donate $5 to the FSF (expires at the end of 2014).</p>
               </ul>
 
             </div>
@@ -246,17 +246,17 @@
 
               <h4 class="title">Apple Macbook Pro</h4>
               <ul>
-                <li>
+                <p>
                   Runs on proprietary software that restricts the user's freedoms.
-                </li>
+                </p>
 
-                <li>
+                <p>
                   Apple's App Store uses <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to restrict what you can do with your purchases.
-                </li>
-                <li>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a>.</li>
-                <li>
+                </p>
+                <p>Comes crawling with <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInMacOS">spyware</a>.</p>
+                <p>
                   Planned obsolescence: business model forces you to buy new devices frequently.
-                </li>
+                </p>
               </ul>
             </div>
           </div>
@@ -295,10 +295,10 @@
               <h4 class="title">GIMP and Inkscape</h4>
 
               <ul>
-                <li>Free software, with thriving developer communities.</li>
-                <li>Designed for free formats, but can also open files created in other programs.</li>
-                <li>Wide variety of plugins grants limitless features.</li>
-                <li>Easy to install on all major operating systems.</li>
+                <p>Free software, with thriving developer communities.</p>
+                <p>Designed for free formats, but can also open files created in other programs.</p>
+                <p>Wide variety of plugins grants limitless features.</p>
+                <p>Easy to install on all major operating systems.</p>
               </ul>
 
             </div>
@@ -311,9 +311,9 @@
 
               <h4 class="title">Photoshop and Illustrator</h4>
               <ul>
-                <li>Proprietary software controlled by Adobe.</li>
-                <li>Prefers locked-down proprietary formats.</li>
-                <li>Requires costly upgrades to stay up to date.</li>
+                <p>Proprietary software controlled by Adobe.</p>
+                <p>Prefers locked-down proprietary formats.</p>
+                <p>Requires costly upgrades to stay up to date.</p>
               </ul>
 
             </div>
@@ -346,18 +346,18 @@
 
             <h4 class="title">Trisquel GNU/Linux</h4>
             <ul>
-              <li>
+              <p>
                 <a href="http://www.gnu.org/distros/free-distros.html">FSF-endorsed</a> completely free operating system: transparent and modifiable.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Break the cycle of forced upgrades and planned obsolescence.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Comes with all the software you need and an easy software manager to find more.
-              </li>
-              <li>Works great with the Wi-Fi adapters in this guide.</li>
+              </p>
+              <p>Works great with the Wi-Fi adapters in this guide.</p>
             </ul>
 
 
@@ -372,17 +372,17 @@
 
             <h4 class="title">Windows</h4>
             <ul>
-              <li>
+              <p>
                 Proprietary software that profits from controlling how you use your computer.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Invades privacy and exposes personal data to <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareInWindows">Microsoft</a>, the NSA, and other malicious attackers.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Dependent on mandatory upgrades and devices that don't support older versions of Windows.
-              </li>
+              </p>
             </ul>
 
 
@@ -416,9 +416,9 @@
 
               <h4 class="title">FSF Membership Card</h4>
               <ul>
-                <li>Join over 3,000 active members working to make a better world built on free software.</li>
-                <li>Enjoy a host of <a href="https://www.fsf.org/associate/benefits">member benefits</a>, including admission to the <a href="http://libreplanet.org/wiki/LibrePlanet:Conference">yearly LibrePlanet conference</a>.</li>
-                <li>Membership donations are tax-deductible in the US. For a smaller gift, <a href="https://www.fsf.org/donate">donate in a friend's name</a>.</li>
+                <p>Join over 3,000 active members working to make a better world built on free software.</p>
+                <p>Enjoy a host of <a href="https://www.fsf.org/associate/benefits">member benefits</a>, including admission to the <a href="http://libreplanet.org/wiki/LibrePlanet:Conference">yearly LibrePlanet conference</a>.</p>
+                <p>Membership donations are tax-deductible in the US. For a smaller gift, <a href="https://www.fsf.org/donate">donate in a friend's name</a>.</p>
               </ul>
 
             </div>
@@ -431,13 +431,13 @@
 
               <h4 class="title">iTunes Card</h4>
               <ul>
-                <li> <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a>
+                <p> <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a>
                   on everything (except music) controls what you can do with your purchases.
-                </li>
+                </p>
 
-                <li> Apple claims (wrongly) that you don't actually own anything you buy from the iTunes store.</li>
+                <p> Apple claims (wrongly) that you don't actually own anything you buy from the iTunes store.</p>
 
-                <li> Requires proprietary software to use, even to download DRM-free music.</li>
+                <p> Requires proprietary software to use, even to download DRM-free music.</p>
               </ul>
 
             </div>
@@ -471,20 +471,20 @@
 
             <h4 class="title">Replicant</h4>
             <ul>
-              <li>
+              <p>
                 Fully free software, based on Android.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 <a href="http://redmine.replicant.us/projects/replicant/wiki/ReplicantStatus#Replicant-42">
                   Supported devices
                 </a> include both phones and tablets.
-              </li>
+              </p>
 
-              <li>
+              <p>
                 Works on used devices, so your dollars won't go to proprietary OS companies. (All commercially
                 available Android devices ship with some proprietary software.)
-              </li>
+              </p>
             </ul>
 
 
@@ -498,13 +498,13 @@
 
             <h4 class="title">Apple iPhone, iPad and Watch</h4>
             <ul>
-              <li>Comes with no shortage of <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareIniThings">spyware</a>.</li>
-              <li>
+              <p>Comes with no shortage of <a href="https://www.gnu.org/philosophy/proprietary-surveillance.html#SpywareIniThings">spyware</a>.</p>
+              <p>
                 iOS is a fully proprietary operating system, giving Apple control over the software on the devices.
-              </li>
-              <li>
+              </p>
+              <p>
                 Apple uses <a href="http://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to block competing software.
-              </li>
+              </p>
 
             </ul>
           </div>
@@ -539,17 +539,17 @@
               <h4 class="title">Least Authority File System</h4>
 
               <ul>
-                <li>
+                <p>
                   Free software system guarantees that you control who sees your data.
-                </li>
+                </p>
 
-                <li>
+                <p>
                   Decentralized infrastructure protects from attacks and give you flexibility in how your data is stored.
-                </li>
+                </p>
 
-                <li>
+                <p>
                   Client side encryption to prevent snooping, unlike Google Drive, Dropbox, Apple iCloud, Microsoft SkyDrive, and Ubuntu One.
-                </li>
+                </p>
               </ul>
 
             </div>
@@ -563,14 +563,14 @@
               <h4 class="title">Google Drive</h4>
               <ul>
 
-                <li>
+                <p>
                   Requires granting Google a virtually unlimited license to any public data, and also having your public and personal data mined for ads.
-                </li>
+                </p>
 
-                <li>
+                <p>
                   Data may be accessed by <a href="http://arstechnica.com/information-technology/2013/10/how-the-nsas-muscular-tapped-googles-and-yahoos-private-networks/">
                     intelligence agencies.</a>
-                  </li>
+                  </p>
 
                 </ul>
 
@@ -607,13 +607,13 @@
                 <h4 class="title">GNU MediaGoblin</h4>
 
                 <ul>
-                  <li>
+                  <p>
                     Soon-to-be federated to allow decentralized sharing.
-                  </li>
+                  </p>
 
-                  <li>Supports free video formats and grants the ability to choose a <a href="https://www.gnu.org/copyleft/">copyleft license</a>.</li>
+                  <p>Supports free video formats and grants the ability to choose a <a href="https://www.gnu.org/copyleft/">copyleft license</a>.</p>
 
-                  <li>Source files can be attached to an upload, making it easy to remix people's work.</li>
+                  <p>Source files can be attached to an upload, making it easy to remix people's work.</p>
 
 
                 </ul>
@@ -628,19 +628,19 @@
 
                 <h4 class="title">YouTube</h4>
                 <ul>
-                  <li>
+                  <p>
                     Uses proprietary Adobe Flash player and patent-encumbered H.264 codec by default.
-                  </li>
-                  <li>
+                  </p>
+                  <p>
                     Even the optional HTML5 player requires proprietary JavaScript.
-                  </li>
-                  <li>
+                  </p>
+                  <p>
                     Implements <a href="https://www.defectivebydesign.org/what_is_drm_digital_restrictions_management">DRM</a> to control access to videos by device and region.
-                  </li>
+                  </p>
 
-                  <li>
+                  <p>
                     Imposes advertising on your uploads and polices copyright harshly.
-                  </li>
+                  </p>
                 </ul>
 
               </div>
@@ -723,10 +723,10 @@
           </div>
           <!-- end recommended-->
 
-          <!-- h-node block. Using licenses class as a quick and dirty way to match its formatting. Others are welcome to improve this. -->
-          <div class="licenses">
-          <h1 class="topic_title">More devices on h-node</h1>
-          <p>To learn more about which hardware supports free software and which doesn't, explore the community-run <a href="https://www.h-node.org/">h-node database</a>.</p>
+          <!-- h-node section-->
+          <div class="hnode">
+            <h1 class="topic_title">More devices on h-node</h1>
+            <p>To learn more about which hardware supports free software and which doesn't, explore the community-run <a href="https://www.h-node.org/">h-node database</a>.</p>
           </div>
           <!-- end h-node block -->
 
@@ -734,24 +734,20 @@
 
           <div class="licenses">
             <h1 class="topic_title">Licenses</h1>
-            <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 Unported.</a>
-            </p>
+            <p>This page by the Free Software Foundation is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 Unported.</a></p>
             <p>The graphics and photos used on this page have been modified by the Free Software Foundation and are licensed separately under the following terms: </p>
-            <ul style="list-style: none inside none;">
-              <li><a href="https://www.lulzbot.com/news/press-materials">Lulzbot 3D printer photo</a> by Aleph Objects is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li><a href="http://static.fsf.org/nosvn/dontcardomebro.jpg">FSF USB membership card</a> by FSF is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li><a href="http://www.flickr.com/photos/bmiphone/4640570159/">iTunes gift card</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li><a href="https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook">ThinkPenguin with GNU</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li><a href="http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png">Macbook Pro</a> PSD by andrew-gw is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li><a href="http://www.gutenberg.org">Astounding Stories</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li>The Inkscape and GIMP logos are licensed under the <a href="https://www.gnu.org/copyleft/gpl.html">GNU General Public License</a>.</li>
-              <li>The Amazon, iOS, YouTube, Google Drive and Adobe Photoshop and Illustrator logos are in the public domain but are registered trademarks.</li>
-              <li><a href="https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg">Replicant</a> by Paul Kocialkowski is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></li>
-              <li>Tehnoetic Wi-Fi dongle by Tehnoetic 2014 licensed under CC BY-SA 4.0.</li>
-              <li>The Least Authority logo is copyright Least Authority Enterprises.</li>
-              <li>The Media Goblin graphic is public domain.</li>
-            </ul>
-
+            <p><a href="https://www.lulzbot.com/news/press-materials">Lulzbot 3D printer photo</a> by Aleph Objects is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p><a href="http://static.fsf.org/nosvn/dontcardomebro.jpg">FSF USB membership card</a> by FSF is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p><a href="http://www.flickr.com/photos/bmiphone/4640570159/">iTunes gift card</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p><a href="https://www.thinkpenguin.com/gnu-linux/royal-penguin-gnu-linux-notebook">ThinkPenguin with GNU</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p><a href="http://commons.wikimedia.org/wiki/File:Macbook_Pro_PSD.png">Macbook Pro</a> PSD by andrew-gw is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p><a href="http://www.gutenberg.org">Astounding Stories</a> is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p>The Inkscape and GIMP logos are licensed under the <a href="https://www.gnu.org/copyleft/gpl.html">GNU General Public License</a>.</p>
+            <p>The Amazon, iOS, YouTube, Google Drive and Adobe Photoshop and Illustrator logos are in the public domain but are registered trademarks.</p>
+            <p><a href="https://en.wikipedia.org/wiki/File:Replicant_logo_alpha.svg">Replicant</a> by Paul Kocialkowski is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 3.0 Unported.</a></p>
+            <p>Tehnoetic Wi-Fi dongle by Tehnoetic 2014 licensed under CC BY-SA 4.0.</p>
+            <p>The Least Authority logo is copyright Least Authority Enterprises.</p>
+            <p>The Media Goblin graphic is public domain.</p>
           </div>
           <!-- end licenses-->
 
diff --git a/stylesheet.css b/stylesheet.css
index a0418a1..ccc1f4b 100755
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -70,7 +70,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   background-color: #2CAF8F;
   height: 486px;
   margin: auto;
-  width: 100%;  
+  width: 100%;
   /*width: 1300px;*/
 }
 
@@ -209,7 +209,8 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .section_wrapper,
 .buy_avoid,
 .recommended,
-.licenses {
+.licenses,
+.hnode {
   max-width: 750px;
   min-width: 750px;
   margin: auto;
@@ -370,12 +371,16 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   margin-top: 0.6em;
 }
 
+.licenses p {
+  margin-bottom: 0.6em;
+}
+
 /* Footer */
 
 footer {
   display: block;
   background-color: #1a1a1a;
-  width: 100%;  
+  width: 100%;
   /*width: 1300px;*/
 }
 
-- 
2.25.1