Improved layout using columns and flex. Improved print rendering
authorRuben Rodriguez <ruben@gnu.org>
Wed, 11 Jan 2023 19:39:32 +0000 (20:39 +0100)
committerRuben Rodriguez <ruben@gnu.org>
Wed, 11 Jan 2023 19:39:32 +0000 (20:39 +0100)
content/2018.md
output/author/free-software-foundation.html
output/fy2018.html
output/index.html
output/theme/css/b-side-base.css
output/theme/css/b-side-post.css
theme/static/css/b-side-base.css
theme/static/css/b-side-post.css
theme/templates/partials/body-header.html

index e09a5432560127441f00f072a98efb26f4261330..467a9596e80cdeedaca4fc61c96c011d5013e826 100644 (file)
@@ -28,7 +28,8 @@ Dates: (October 1, 2016 - September 30, 2017)
 </div>
 
 
-<div class="column2" markdown="1">
+<div class="pagebreak"></div>
+<div class="col2" markdown="1">
 ## Licensing and Compliance
 
 The FSF's Licensing and Compliance Lab defends free software through license enforcement and enforcement support, a rigorous product certification, and educational resources.
@@ -39,9 +40,6 @@ We championed copylefted projects, publishing another seven installments in an o
 
 Along with answering hundreds of licensing questions from the public, dedicated volunteers continued to expand and improve the Free Software Directory for nearly two million annual visitors, and we made inroads with government, helping the US Department of Defense to distribute free software. We also organized volunteers to create a workaround for Web site maintainers who want to register as an agent under the US Digital Millennium Copyright Act (DMCA) while avoiding the nonfree JavaScript the process currently requires.
 
-</div>
-
-<div class="column2" markdown="1">
 
 ![Photo of a man with light brown hair, glasses, and a brown, white, and red sweater, holding two small mobile phones in his hands.](images/licensing-gingerich_crop.jpg){: .image-process-article-image}
 
@@ -74,7 +72,7 @@ CREDIT: Kori Feener, CC-BY 4.0
 
 The FSF's Respects Your Freedom product certification program encourages the creation and sale of hardware that will do as much as possible to respect your freedom and privacy.
 
-In FY17, fifteen devices from Technoethical became RYF certified: six laptops, two docking stations, a mainboard, three WiFi USB adapters, two internal WiFI devices, and a Bluetooth USB adapter. RYF certification was also awarded to three devices from Vikings: a USB stereo sound adapter, a mainboard, and a laptop, bringing the total number of RYF certified devices to twenty-seven (at the time).
+In FY17, fifteen devices from Technoethical became RYF certified: six laptops, two docking stations, a mainboard, three WiFi USB adapters, two internal WiFI devices, and a Bluetooth USB adapter. RYF certification was also awarded to three devices from Vikings: a USB stereo sound adapter, a mainboard, and a laptop, bringing the number of RYF certified devices to twenty-seven.
 
 </div>
 
@@ -92,7 +90,7 @@ Credit: Gavin Baker, CC-BY-SA 4.0
 {.credit}
 
 
-<div class="column2 float-left" markdown="1">
+<div class="col2" markdown="1">
 
 ## Campaigns
 
@@ -110,9 +108,6 @@ The DMCA is a particularly egregious example of legislative endorsement of DRM.
 
 Along with our own comments, we rallied the free software community to submit their own comments in favor of anti-circumvention exemptions — and passionate critiques of the entire process.
 
-</div>
-
-<div class="column3 float-left" markdown="1">
 ### EME in Web standards
 
 Encrypted Media Extensions (EME) is just another way to dress up DRM. The FSF and the free software community organized to oppose a proposal by the World Wide Web Consortium (W3C) to make EME a Web standard. We called and wrote W3C president Tim Berners-Lee, asking him to keep the Web free. While we lost this battle, and EME became a Web standard, we're looking at our options for next steps. We are not giving up hope for a free Web, even if its inventor did.
@@ -120,16 +115,6 @@ Encrypted Media Extensions (EME) is just another way to dress up DRM. The FSF an
 ### Free people, free net
 
 Internet freedom in the United States found itself on the national stage in 2017. Over the course of the year, Ajit Pai became chairman of the Federal Communications Commission (FCC) and instigated a war against net neutrality. The FSF joined with dozens of other organizations to raise awareness and organize in support of net neutrality.
-</div>
-
-<div class="column5 float-left" markdown="1">
-### Free Software Supporter subscribers
-
-119,299
-: October, 2016
-
-159,068
-: September, 2017
 
 ![Sumana Harihareswara gives the closing keynote at LibrePlanet 2017](images/campaigns-stats-lp_small.jpg){: .image-process-article-image}
 
@@ -139,6 +124,19 @@ Sumana Harihareswara gives the closing keynote at LibrePlanet 2017
 Credit: Kori Feener, CC-BY 4.0
 {.credit}
 
+<div markdown=1>
+<div class="column2" markdown=1>
+
+### Free Software Supporter subscribers
+
+119,299
+: October, 2016
+
+159,068
+: September, 2017
+
+</div>
+<div class="column2" markdown=1>
 ### LibrePlanet 2017
 
 353
@@ -149,16 +147,18 @@ Credit: Kori Feener, CC-BY 4.0
 
 32
 : hours of streamed and recorded videos
+</div>
 
-
+</div>
 </div>
 
+<div class="pagebreak"></div>
 {% separator {
   "title": "Why I joined the FSF",
   "quote": "To fight the dystopia of a DRM-overgrown world."
 }%}
 
-<div class="xx column2 float-left" markdown="1">
+<div class="col2" markdown="1">
 ## Tech
 
 ### Infrastructure for free software development and activism
@@ -168,6 +168,8 @@ This year, the FSF's tech team made some crucial infrastructure upgrades that im
 
 The tech team and its volunteers also power LibrePlanet, the annual free software conference. Its livestream and recording infrastructure reduce barriers to access for those who are not able to attend the conference in person. Volunteer-monitored IRC channels for each talk and workshop room increase the opportunity to contribute to the conversation. Recordings are archived on the FSF's GNU MediaGoblin instance shortly after the event. And it's all done with free software!
 
+Additionally, this three-person team runs the GNU shell server, oversees the security of GNU software distribution and infrastructure, and works with volunteers to maintain savannah.gnu.org. They also maintain many services used by staff, volunteers, and the free software community, including the FSF's CiviCRM server, fsf.org, libreplanet.org, defectivebydesign.org, the Free Software Directory, XMPP servers for staff and members, mailing lists, apt mirrors, git repositories, internal wikis, a GNU social server, a Single Sign-On server, email servers, DNS servers, internal site monitoring systems, a Request Tracker instance, and the FSF shop.
+
 ### What's GNU in FY17
 
 ~400
@@ -182,15 +184,10 @@ The tech team and its volunteers also power LibrePlanet, the annual free softwar
 average of 1.2M
 : monthly unique visitors to gnu.org
 
-Additionally, this three-person team runs the GNU shell server, oversees the security of GNU software distribution and infrastructure, and works with volunteers to maintain savannah.gnu.org. They also maintain many services used by staff, volunteers, and the free software community, including the FSF's CiviCRM server, fsf.org, libreplanet.org, defectivebydesign.org, the Free Software Directory, XMPP servers for staff and members, mailing lists, apt mirrors, git repositories, internal wikis, a GNU social server, a Single Sign-On server, email servers, DNS servers, internal site monitoring systems, a Request Tracker instance, and the FSF shop.
-
 And the team collaborates with the free software community, maintaining gnu.org with the help of volunteers, and working with interns who are advancing their skills and knowledge in working with and creating free software.
 
 The team introduced some new infrastructure using distributed Ceph storage and multiple KVM hosts for our new virtual machines. They started the next round of upgrades, including the implementation of a new mail server stack supporting over three thousand free software project mailing lists, and improving the LibrePlanet conference streaming setup by using Ansible to manage the laptops used for streaming, introducing new hardware, and using HUBAngl (streaming software created by an FSF intern).
 
-</div>
-
-<div class="column2 float-left" markdown="1">
 ![A tiered classroom, filled with people. A person stands at the front of the room, beneath a large projection screen, giving a talk.](images/sysadmin-libreplanet.jpg){: .image-process-article-image}
 
 The tech team maintains the free software infrastructure for all FSF operations, including the annual LibrePlanet conference.
@@ -198,9 +195,7 @@ The tech team maintains the free software infrastructure for all FSF operations,
 
 Credit: Kori Feener, CC-BY 4.0
 {.credit}
-</div>
 
-<div class="column5 float-left" markdown="1">
 ### Defending user freedom with free software
 
 FSF and GNU infrastructure includes:
@@ -220,9 +215,6 @@ over 100
 0
 : Amazon EC2 instances
 
-</div>
-
-<div class="column3 float-left" markdown="1">
 ### Working Together for Free Software
 
 [![GNU Guix logo](images/guix.svg)](https://my.fsf.org/civicrm/contribute/transact?reset=1&id=50){.logos}
@@ -238,6 +230,12 @@ The FSF acts as fiscal sponsor for free software projects and events whose scope
 
 </div>
 
+
+<div class="pagebreak"></div>
+{% separator {
+  "title": "Why I joined the FSF",
+  "quote": "To fight the dystopia of a DRM-overgrown world."
+}%}
 ## Financial Statement
 
 {%
@@ -260,7 +258,8 @@ The FSF acts as fiscal sponsor for free software projects and events whose scope
 
 The following is a visualization of the Free Software Foundation's FY 2017 financial statement. The original documents can be found [here]().
 
-<div style="clear:both" markdown=1>
+<div class="nocollapse" style="clear:both" markdown=1>
+
 <div class="column3" markdown=1>
 ### Statement of Financial Position
 
@@ -315,16 +314,15 @@ Fundraising                                       | $65,639
 </div>
 
 
-{% separator {
-  "title": "Why I joined the FSF",
-  "quote": "I simply use GNU tools every day."
-}%}
+<div class="pagebreak"></div>
 
 ## Donors
 
+This list includes our patrons, in-kind supporters, and those who receive ThankGNUs for donations totaling over $500 in a year. The FSF appreciates and thanks the thousands of individual donors, members, and corporate patrons worldwide who make our work possible.
+
 ### Institutional Support
 
-<div class="donors" markdown=1>
+<div class="donors col2" markdown=1>
 * Private Internet Access
 * Alibaba Group
 * Craigslist Charitable Fund
@@ -394,11 +392,9 @@ Fundraising                                        | $65,639
 * Kat Walsh
 * Philipp Weis
 * Marinos Yannikos
-</div>
 
 ### $500-$999
 
-<div class="donors" markdown=1>
 * Jean-Louis Abraham
 * Ben Abrams
 * Bashar Al-Abdulhadi
@@ -487,8 +483,14 @@ Fundraising                                        | $65,639
 * Jim Wright
 * hiroo yamagata
 * Adam Ymeren 
+</div>
 
-This list includes our patrons, in-kind supporters, and those who receive ThankGNUs for donations totaling over $500 in a year. The FSF appreciates and thanks the thousands of individual donors, members, and corporate patrons worldwide who make our work possible.
+
+<div class="pagebreak"></div>
+{% separator {
+  "title": "Why I joined the FSF",
+  "quote": "To fight the dystopia of a DRM-overgrown world."
+}%}
 
 <div class="column2" markdown=1>
 ![An image of a keyboard](images/donors-opener.jpg){.colortone}
@@ -503,9 +505,12 @@ Our mission is to promote computer user freedom and defend the rights of all sof
 
 </div>
 
+
+<div class="pagebreak"></div>
+
 ## Leadership and Staff
 
-<div class="column3" markdown=1>
+<div class="boardcolumn width-25 float-left" style="padding-right:2rem" markdown=1>
 ### Board of Directors
 
 ![Richard M. Stallman](images/richard-stallman_grad.jpg){.width-50 .colortone}
@@ -523,9 +528,13 @@ Assistant Professor of Communications at the University of Washington
 President and Distinguished Technologist, Software Freedom Conservancy
 #### Kat Walsh
 Attorney
+
+
+
 </div>
 
-<div class="staffcolumn float-left" markdown=1>
+<div class="staffcolumn width-70 float-left"  markdown=1>
+
 ### Leadership
 
 <div class="staff" markdown=1>
@@ -554,7 +563,7 @@ Licensing and Compliance Manager
 Copyright and Licensing Associate 
 </div>
 
-###Campaigns
+### Campaigns
 
 <div class="staff" markdown=1>
 ![Molly de Blanc](images/molly-de-blanc_square_grad.jpg)
@@ -599,7 +608,5 @@ Assistant to the President
 </div>
 
 </div>
-<div style="clear:both"></div>
-Leadership and staff lists are up to date as of publication, January 2019.
-{.align-right .smaller}
+
 
index 76e0c7b337cb17712c58d99f819616937318ac0a..e229f77f9ef7e2ec3c8ce886bf29d55b72bcf5f9 100644 (file)
@@ -8,7 +8,7 @@
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
 <meta content="width=680" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
 <body>
-<header class="top-menu">
+<header class="top-menu no-print">
 <nav class="top-menu">
 <ul>
 <li><a href="">FSF FY2018 Annual Report</a></li>
index 441926693004e56c69b081222fa0fb74b1693165..548d82958b9f8d341a911246ba83bf8f8256719d 100644 (file)
@@ -8,7 +8,7 @@
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
 <meta content="width=680" name="viewport"><link href="./theme/css/b-side-post.css" rel="stylesheet"/> </meta></head>
 <body>
-<header class="top-menu">
+<header class="top-menu no-print">
 <nav class="top-menu">
 <ul>
 <li><a href="">FSF FY2018 Annual Report</a></li>
 </div>
 </div>
 </div>
-<div class="column2">
+<div class="pagebreak"></div>
+<div class="col2">
 <h2 id="licensing-and-compliance">Licensing and Compliance</h2>
 <p>The FSF's Licensing and Compliance Lab defends free software through license enforcement and enforcement support, a rigorous product certification, and educational resources.</p>
 <p>In FY17, we celebrated the tenth anniversary of the GNU General Public License version 3 (GPL). This is the free software copyleft license that ensures the user's right to run, study, share, and modify software. In addition to being the steward of the GPL, the FSF holds copyright on much of the GNU operating system. The licensing team spent the year accepting copyright assignments from software developers and corporations, investigating GPL violations, and answering licensing questions from the community.</p>
 <p>We championed copylefted projects, publishing another seven installments in an ongoing series of conversations with free software developers who choose GNU licenses for their work. We also certified a record number of devices under our Respects Your Freedom certification program, which identifies devices that do as much as possible to respect user freedom.</p>
 <p>Along with answering hundreds of licensing questions from the public, dedicated volunteers continued to expand and improve the Free Software Directory for nearly two million annual visitors, and we made inroads with government, helping the US Department of Defense to distribute free software. We also organized volunteers to create a workaround for Web site maintainers who want to register as an agent under the US Digital Millennium Copyright Act (DMCA) while avoiding the nonfree JavaScript the process currently requires.</p>
-</div>
-<div class="column2">
 <p><img alt="Photo of a man with light brown hair, glasses, and a brown, white, and red sweater, holding two small mobile phones in his hands." class="image-process-article-image" src="images/derivatives/article-image/licensing-gingerich_crop.jpg"/></p>
 <p class="caption">Denver Gingerich, a developer of packages under the AGPLv3 and other GNU licenses, speaking at LibrePlanet 2017 about free software for mobile phones.</p>
 <p class="credit">CREDIT: Kori Feener, CC-BY 4.0</p>
 <h3 id="respects-your-freedom-certification">Respects Your Freedom certification</h3>
 <p><img alt="RYF Logo" class="align-left width-40" src="images/RYF-logo.png"/></p>
 <p>The FSF's Respects Your Freedom product certification program encourages the creation and sale of hardware that will do as much as possible to respect your freedom and privacy.</p>
-<p>In FY17, fifteen devices from Technoethical became RYF certified: six laptops, two docking stations, a mainboard, three WiFi USB adapters, two internal WiFI devices, and a Bluetooth USB adapter. RYF certification was also awarded to three devices from Vikings: a USB stereo sound adapter, a mainboard, and a laptop, bringing the total number of RYF certified devices to twenty-seven (at the time).</p>
+<p>In FY17, fifteen devices from Technoethical became RYF certified: six laptops, two docking stations, a mainboard, three WiFi USB adapters, two internal WiFI devices, and a Bluetooth USB adapter. RYF certification was also awarded to three devices from Vikings: a USB stereo sound adapter, a mainboard, and a laptop, bringing the number of RYF certified devices to twenty-seven.</p>
 </div>
 <p><div class="quote-box-top"></div> <div class="quote-box"> <h4>Why I joined the FSF</h4> <blockquote><p>"To fight the dystopia of a DRM-overgrown world."</p></blockquote></div></p>
 <p><img alt="A photo of a wall in Florida. Spraypainted on the wall is 'DRM' with a red circle and crossed out." class="image-process-article-image" src="images/derivatives/article-image/campaigns-drm.png"/></p>
 <p class="caption">34th Street Wall, Gainesville, Florida</p>
 <p class="credit">Credit: Gavin Baker, CC-BY-SA 4.0 </p>
-<div class="column2 float-left">
+<div class="col2">
 <h2 id="campaigns">Campaigns</h2>
 <h3 id="fighting-drm-wherever-its-found">Fighting DRM wherever it's found</h3>
 <p>In the past year, we've fought back against Digital Restrictions Management (DRM) on multiple fronts.
@@ -113,14 +112,15 @@ International Day Against DRM</p>
 <p>The licensing team continued to raise the alarm about legislative issues like the US federal government's continued insistence on forcing supporters of user freedom to fight for exemptions to the Digital Millennium Copyright Act's (DMCA) anti-circumvention restrictions.</p>
 <p>The DMCA is a particularly egregious example of legislative endorsement of DRM. It destroys user freedom, and concentrates control over the production and distribution of digital media, giving DRM peddlers the power to carry out massive digital book burnings and conduct large scale surveillance over people's media viewing habits. Even the process for getting exceptions to the anti-circumvention rules for the purposes of research or use of assistive technologies is draconian, resetting every three years and requiring nonfree JavaScript in order to submit a comment on the process, unless you get special permission to comment in another way.</p>
 <p>Along with our own comments, we rallied the free software community to submit their own comments in favor of anti-circumvention exemptions — and passionate critiques of the entire process.</p>
-</div>
-<div class="column3 float-left">
 <h3 id="eme-in-web-standards">EME in Web standards</h3>
 <p>Encrypted Media Extensions (EME) is just another way to dress up DRM. The FSF and the free software community organized to oppose a proposal by the World Wide Web Consortium (W3C) to make EME a Web standard. We called and wrote W3C president Tim Berners-Lee, asking him to keep the Web free. While we lost this battle, and EME became a Web standard, we're looking at our options for next steps. We are not giving up hope for a free Web, even if its inventor did.</p>
 <h3 id="free-people-free-net">Free people, free net</h3>
 <p>Internet freedom in the United States found itself on the national stage in 2017. Over the course of the year, Ajit Pai became chairman of the Federal Communications Commission (FCC) and instigated a war against net neutrality. The FSF joined with dozens of other organizations to raise awareness and organize in support of net neutrality.</p>
-</div>
-<div class="column5 float-left">
+<p><img alt="Sumana Harihareswara gives the closing keynote at LibrePlanet 2017" class="image-process-article-image" src="images/derivatives/article-image/campaigns-stats-lp_small.jpg"/></p>
+<p class="caption">Sumana Harihareswara gives the closing keynote at LibrePlanet 2017</p>
+<p class="credit">Credit: Kori Feener, CC-BY 4.0</p>
+<div>
+<div class="column2">
 <h3 id="free-software-supporter-subscribers">Free Software Supporter subscribers</h3>
 <dl>
 <dt>119,299</dt>
@@ -128,9 +128,8 @@ International Day Against DRM</p>
 <dt>159,068</dt>
 <dd>September, 2017</dd>
 </dl>
-<p><img alt="Sumana Harihareswara gives the closing keynote at LibrePlanet 2017" class="image-process-article-image" src="images/derivatives/article-image/campaigns-stats-lp_small.jpg"/></p>
-<p class="caption">Sumana Harihareswara gives the closing keynote at LibrePlanet 2017</p>
-<p class="credit">Credit: Kori Feener, CC-BY 4.0</p>
+</div>
+<div class="column2">
 <h3 id="libreplanet-2017">LibrePlanet 2017</h3>
 <dl>
 <dt>353</dt>
@@ -141,12 +140,16 @@ International Day Against DRM</p>
 <dd>hours of streamed and recorded videos</dd>
 </dl>
 </div>
+</div>
+</div>
+<div class="pagebreak"></div>
 <p><div class="quote-box-top"></div> <div class="quote-box"> <h4>Why I joined the FSF</h4> <blockquote><p>"To fight the dystopia of a DRM-overgrown world."</p></blockquote></div></p>
-<div class="xx column2 float-left">
+<div class="col2">
 <h2 id="tech">Tech</h2>
 <h3 id="infrastructure-for-free-software-development-and-activism">Infrastructure for free software development and activism</h3>
 <p>This year, the FSF's tech team made some crucial infrastructure upgrades that improve both the Foundation's daily operations and the GNU Project. The changes included running more services on hardware that is Respects Your Freedom certified, including a Librebooted BIOS and running Trisquel GNU/Linux, proving that complex software projects and modern nonprofit organizations can succeed relying on free software.</p>
 <p>The tech team and its volunteers also power LibrePlanet, the annual free software conference. Its livestream and recording infrastructure reduce barriers to access for those who are not able to attend the conference in person. Volunteer-monitored IRC channels for each talk and workshop room increase the opportunity to contribute to the conversation. Recordings are archived on the FSF's GNU MediaGoblin instance shortly after the event. And it's all done with free software!</p>
+<p>Additionally, this three-person team runs the GNU shell server, oversees the security of GNU software distribution and infrastructure, and works with volunteers to maintain savannah.gnu.org. They also maintain many services used by staff, volunteers, and the free software community, including the FSF's CiviCRM server, fsf.org, libreplanet.org, defectivebydesign.org, the Free Software Directory, XMPP servers for staff and members, mailing lists, apt mirrors, git repositories, internal wikis, a GNU social server, a Single Sign-On server, email servers, DNS servers, internal site monitoring systems, a Request Tracker instance, and the FSF shop.</p>
 <h3 id="whats-gnu-in-fy17">What's GNU in FY17</h3>
 <dl>
 <dt>~400</dt>
@@ -158,16 +161,11 @@ International Day Against DRM</p>
 <dt>average of 1.2M</dt>
 <dd>monthly unique visitors to gnu.org</dd>
 </dl>
-<p>Additionally, this three-person team runs the GNU shell server, oversees the security of GNU software distribution and infrastructure, and works with volunteers to maintain savannah.gnu.org. They also maintain many services used by staff, volunteers, and the free software community, including the FSF's CiviCRM server, fsf.org, libreplanet.org, defectivebydesign.org, the Free Software Directory, XMPP servers for staff and members, mailing lists, apt mirrors, git repositories, internal wikis, a GNU social server, a Single Sign-On server, email servers, DNS servers, internal site monitoring systems, a Request Tracker instance, and the FSF shop.</p>
 <p>And the team collaborates with the free software community, maintaining gnu.org with the help of volunteers, and working with interns who are advancing their skills and knowledge in working with and creating free software.</p>
 <p>The team introduced some new infrastructure using distributed Ceph storage and multiple KVM hosts for our new virtual machines. They started the next round of upgrades, including the implementation of a new mail server stack supporting over three thousand free software project mailing lists, and improving the LibrePlanet conference streaming setup by using Ansible to manage the laptops used for streaming, introducing new hardware, and using HUBAngl (streaming software created by an FSF intern).</p>
-</div>
-<div class="column2 float-left">
 <p><img alt="A tiered classroom, filled with people. A person stands at the front of the room, beneath a large projection screen, giving a talk." class="image-process-article-image" src="images/derivatives/article-image/sysadmin-libreplanet.jpg"/></p>
 <p class="caption">The tech team maintains the free software infrastructure for all FSF operations, including the annual LibrePlanet conference.</p>
 <p class="credit">Credit: Kori Feener, CC-BY 4.0</p>
-</div>
-<div class="column5 float-left">
 <h3 id="defending-user-freedom-with-free-software">Defending user freedom with free software</h3>
 <p>FSF and GNU infrastructure includes:</p>
 <dl>
@@ -182,8 +180,6 @@ International Day Against DRM</p>
 <dt>0</dt>
 <dd>Amazon EC2 instances</dd>
 </dl>
-</div>
-<div class="column3 float-left">
 <h3 id="working-together-for-free-software">Working Together for Free Software</h3>
 <p><a class="logos" href="https://my.fsf.org/civicrm/contribute/transact?reset=1&amp;id=50"><img alt="GNU Guix logo" src="images/guix.svg"/></a>
 <a class="logos" href="https://my.fsf.org/civicrm/contribute/transact?reset=1&amp;id=22"><img alt="GNU Mailman logo" src="images/mailman.svg"/></a>
@@ -195,10 +191,12 @@ International Day Against DRM</p>
 <a class="logos" href="https://my.fsf.org/civicrm/contribute/transact?reset=1&amp;id=58"><img alt="SeaGL logo" src="images/seagl.png"/></a></p>
 <p>The FSF acts as fiscal sponsor for free software projects and events whose scope and purpose align with the FSF’s mission. Participating projects benefit from the FSF’s nonprofit status, administrative infrastructure, and fundraising expertise. In FY17, these eight projects received $67,130 in direct support from the free software community via the Working Together for Free Software Fund.</p>
 </div>
+<div class="pagebreak"></div>
+<p><div class="quote-box-top"></div> <div class="quote-box"> <h4>Why I joined the FSF</h4> <blockquote><p>"To fight the dystopia of a DRM-overgrown world."</p></blockquote></div></p>
 <h2 id="financial-statement">Financial Statement</h2>
 <p><img "="" class="matplotlib" src="images/fa2018.png" type="image/png"/></p>
 <p>The following is a visualization of the Free Software Foundation's FY 2017 financial statement. The original documents can be found <a href="">here</a>.</p>
-<div style="clear:both">
+<div class="nocollapse" style="clear:both">
 <div class="column3">
 <h3 id="statement-of-financial-position">Statement of Financial Position</h3>
 <table>
@@ -359,10 +357,11 @@ International Day Against DRM</p>
 </table>
 </div>
 </div>
-<p><div class="quote-box-top"></div> <div class="quote-box"> <h4>Why I joined the FSF</h4> <blockquote><p>"I simply use GNU tools every day."</p></blockquote></div></p>
+<div class="pagebreak"></div>
 <h2 id="donors">Donors</h2>
+<p>This list includes our patrons, in-kind supporters, and those who receive ThankGNUs for donations totaling over $500 in a year. The FSF appreciates and thanks the thousands of individual donors, members, and corporate patrons worldwide who make our work possible.</p>
 <h3 id="institutional-support">Institutional Support</h3>
-<div class="donors">
+<div class="donors col2">
 <ul>
 <li>Private Internet Access</li>
 <li>Alibaba Group</li>
@@ -434,9 +433,7 @@ International Day Against DRM</p>
 <li>Philipp Weis</li>
 <li>Marinos Yannikos</li>
 </ul>
-</div>
 <h3 id="500-999">$500-$999</h3>
-<div class="donors">
 <ul>
 <li>Jean-Louis Abraham</li>
 <li>Ben Abrams</li>
@@ -527,7 +524,9 @@ International Day Against DRM</p>
 <li>hiroo yamagata</li>
 <li>Adam Ymeren </li>
 </ul>
-<p>This list includes our patrons, in-kind supporters, and those who receive ThankGNUs for donations totaling over $500 in a year. The FSF appreciates and thanks the thousands of individual donors, members, and corporate patrons worldwide who make our work possible.</p>
+</div>
+<div class="pagebreak"></div>
+<p><div class="quote-box-top"></div> <div class="quote-box"> <h4>Why I joined the FSF</h4> <blockquote><p>"To fight the dystopia of a DRM-overgrown world."</p></blockquote></div></p>
 <div class="column2">
 <p><img alt="An image of a keyboard" class="colortone" src="images/donors-opener.jpg"/></p>
 </div>
@@ -536,8 +535,9 @@ International Day Against DRM</p>
 <h3 id="join-the-free-software-foundation">Join the Free Software Foundation</h3>
 <p>Our mission is to promote computer user freedom and defend the rights of all software users, worldwide. Though free software is used more widely than ever, it is under threat from a wide range of interests that profit from controlling and surveilling computer users. You can help put control over computers back in the hands of the people who use them! Try a free software program, or switch to a free operating system. Make a donation, or make a long term commitment to free software by becoming a Free Software Foundation Associate Member. Learn more at fsf.org.</p>
 </div>
+<div class="pagebreak"></div>
 <h2 id="leadership-and-staff">Leadership and Staff</h2>
-<div class="column3">
+<div class="boardcolumn width-25 float-left" style="padding-right:2rem">
 <h3 id="board-of-directors">Board of Directors</h3>
 <p><img alt="Richard M. Stallman" class="width-50 colortone" src="images/richard-stallman_grad.jpg"/></p>
 <h4 id="richard-m-stallman">Richard M. Stallman</h4>
@@ -555,7 +555,7 @@ International Day Against DRM</p>
 <h4 id="kat-walsh">Kat Walsh</h4>
 <p>Attorney</p>
 </div>
-<div class="staffcolumn float-left">
+<div class="staffcolumn width-70 float-left">
 <h3 id="leadership">Leadership</h3>
 <div class="staff">
 <p><img alt="John Sullivan" src="images/john-sullivan_square_grad.jpg"/></p>
@@ -617,9 +617,6 @@ International Day Against DRM</p>
 <p>Assistant to the President </p>
 </div>
 </div>
-<div style="clear:both"></div>
-<p class="align-right smaller">Leadership and staff lists are up to date as of publication, January 2019.</p>
-</div>
 </div>
 </section>
 </article>
index 9c1b6a04ed4aa9d63966545b146edd2eb3638f62..72c6bd544fbec3db48ffc3b4e72237764c11dece 100644 (file)
@@ -8,7 +8,7 @@
 <link href="./theme/css/b-side-base.css" rel="stylesheet"/><meta charset="utf-8"/>
 <meta content="width=680" name="viewport"><link href="./theme/css/b-side-wide.css" rel="stylesheet"/> </meta></head>
 <body>
-<header class="top-menu">
+<header class="top-menu no-print">
 <nav class="top-menu">
 <ul>
 <li><a class="active" href="">FSF FY2018 Annual Report</a></li>
index 33b9cfb8b735a4290508f4955b50c761f27c2795..9610fdf07405e569a74d2b3ceb6c72647dd11662 100644 (file)
@@ -479,13 +479,18 @@ h1 {
        font-size: 5rem;
        line-height:4rem;
        margin:0;
-       padding:1rem 0 2rem 0
+       padding:1rem 0 2rem 0;
+       max-width:75%
 }
 h2 {
        font-size: 3rem;
+       padding-top:1rem;
+       margin-bottom:1rem;
        line-height: 2.6rem
 }
 h3 {
+       padding-top:0.5rem;
+       margin-bottom:0.5rem;
        font-size: 1.5rem;
        color:var(--lightaccent);
        line-height: 1.5rem
@@ -999,6 +1004,7 @@ header{
 body, html{
   margin:0;
   padding:0;
+  overflow-x:hidden;
 }
 
 body, #head{
@@ -1311,24 +1317,30 @@ max-width:100%!important;
 vertical-align:middle
 }
 
+.donors ul{
+    padding:0;
+}
+
 .donors ul li {
 
     display: inline-block;
-    margin: 0 0.5rem 0.65rem;
+    margin: 0 0.5rem 0.65rem 0;
+    padding:0;
     color: var(--darkaccent);
-    border-bottom: 2px solid var(--lightaccent);
-
+    text-decoration:underline  2px solid var(--lightaccent);
+    text-underline-offset:5px;
+    font-size:0.8rem;
 }
 
 .staff{
 float:left;
 text-align:center;
-padding-right:2rem;
 }
 .staff p{
-width:200px;
+width:180px;
 margin:0;
 padding:0;
+line-height:1.2rem
 }
 
 .staff h4{
@@ -1337,16 +1349,12 @@ padding:0;
 }
 
 .staff img{
-width: initial;
+width: 90px;
 border-radius: 50%;
 }
 
-.staffcolumn{
-padding-left:10%
-}
 
 .staffcolumn h3{
-width:100%;
 border-bottom:1px solid var(--lightaccent)
 }
 
index 52dc1ce573228f0c2482155e1c57d54162d647ce..e5b3ad963c11c7f2557267fe12c34e01734dc85a 100644 (file)
@@ -46,6 +46,57 @@ div.sidebar {
        border-bottom: none;
 }
 
+.col2{
+  column-count: 2;
+}
+
+.col3{
+  column-count: 3;
+}
+
+@media print
+{
+
+       .col2{
+  column-count: 2!important;
+}
+    .pagebreak {page-break-after: always;}
+    .no-print, .no-print *, #toc, .quote-box-top
+    {
+        display: none !important;
+    }
+  html{
+  font-size:15.5px!important}
+
+@page {
+    margin: 0;
+    size:letter;
+}
+
+.grid .column{
+width:22%!important
+}
+
+.column2 {
+width:48%!important
+}
+
+body{
+  -webkit-print-color-adjust:exact !important;
+  print-color-adjust:exact !important;
+}
+.nocollapse .column3{
+width:31%!important
+}
+
+.boardcolumn{
+width:24%!important
+}
+.staffcolumn{
+width:70%!important
+}
+
+}
 
 
 /****************************************************************************/
@@ -87,14 +138,14 @@ width:100%
 }
 
 .column3, .column5 {
-width:47%!important
+width:47%
 }
 
-.staffcolumn{
-padding:0 !important;
-width:100%
+.col2{
+  column-count: 1;
 }
 
+
 html{font-size:22px}
 
 .grid{
@@ -106,6 +157,10 @@ margin-right:2%;
 .grid .column{
 width:49%}
 
+.boardcolumn, .staffcolumn{
+width:100%
+}
+
 }
 
 /*
@@ -145,9 +200,6 @@ position:relative;
 right:10vw;
 }
 
-.staffcolumn{
-width:60%
-}
 
        /*
         * Figures
index 33b9cfb8b735a4290508f4955b50c761f27c2795..9610fdf07405e569a74d2b3ceb6c72647dd11662 100644 (file)
@@ -479,13 +479,18 @@ h1 {
        font-size: 5rem;
        line-height:4rem;
        margin:0;
-       padding:1rem 0 2rem 0
+       padding:1rem 0 2rem 0;
+       max-width:75%
 }
 h2 {
        font-size: 3rem;
+       padding-top:1rem;
+       margin-bottom:1rem;
        line-height: 2.6rem
 }
 h3 {
+       padding-top:0.5rem;
+       margin-bottom:0.5rem;
        font-size: 1.5rem;
        color:var(--lightaccent);
        line-height: 1.5rem
@@ -999,6 +1004,7 @@ header{
 body, html{
   margin:0;
   padding:0;
+  overflow-x:hidden;
 }
 
 body, #head{
@@ -1311,24 +1317,30 @@ max-width:100%!important;
 vertical-align:middle
 }
 
+.donors ul{
+    padding:0;
+}
+
 .donors ul li {
 
     display: inline-block;
-    margin: 0 0.5rem 0.65rem;
+    margin: 0 0.5rem 0.65rem 0;
+    padding:0;
     color: var(--darkaccent);
-    border-bottom: 2px solid var(--lightaccent);
-
+    text-decoration:underline  2px solid var(--lightaccent);
+    text-underline-offset:5px;
+    font-size:0.8rem;
 }
 
 .staff{
 float:left;
 text-align:center;
-padding-right:2rem;
 }
 .staff p{
-width:200px;
+width:180px;
 margin:0;
 padding:0;
+line-height:1.2rem
 }
 
 .staff h4{
@@ -1337,16 +1349,12 @@ padding:0;
 }
 
 .staff img{
-width: initial;
+width: 90px;
 border-radius: 50%;
 }
 
-.staffcolumn{
-padding-left:10%
-}
 
 .staffcolumn h3{
-width:100%;
 border-bottom:1px solid var(--lightaccent)
 }
 
index 52dc1ce573228f0c2482155e1c57d54162d647ce..e5b3ad963c11c7f2557267fe12c34e01734dc85a 100644 (file)
@@ -46,6 +46,57 @@ div.sidebar {
        border-bottom: none;
 }
 
+.col2{
+  column-count: 2;
+}
+
+.col3{
+  column-count: 3;
+}
+
+@media print
+{
+
+       .col2{
+  column-count: 2!important;
+}
+    .pagebreak {page-break-after: always;}
+    .no-print, .no-print *, #toc, .quote-box-top
+    {
+        display: none !important;
+    }
+  html{
+  font-size:15.5px!important}
+
+@page {
+    margin: 0;
+    size:letter;
+}
+
+.grid .column{
+width:22%!important
+}
+
+.column2 {
+width:48%!important
+}
+
+body{
+  -webkit-print-color-adjust:exact !important;
+  print-color-adjust:exact !important;
+}
+.nocollapse .column3{
+width:31%!important
+}
+
+.boardcolumn{
+width:24%!important
+}
+.staffcolumn{
+width:70%!important
+}
+
+}
 
 
 /****************************************************************************/
@@ -87,14 +138,14 @@ width:100%
 }
 
 .column3, .column5 {
-width:47%!important
+width:47%
 }
 
-.staffcolumn{
-padding:0 !important;
-width:100%
+.col2{
+  column-count: 1;
 }
 
+
 html{font-size:22px}
 
 .grid{
@@ -106,6 +157,10 @@ margin-right:2%;
 .grid .column{
 width:49%}
 
+.boardcolumn, .staffcolumn{
+width:100%
+}
+
 }
 
 /*
@@ -145,9 +200,6 @@ position:relative;
 right:10vw;
 }
 
-.staffcolumn{
-width:60%
-}
 
        /*
         * Figures
index 2db0f0586aa8db351d76f48a0a4d0405b969ba99..914b7e221f90369c87544a8ba6b8f95b0fae9b38 100644 (file)
@@ -1,4 +1,4 @@
-<header class="top-menu">
+<header class="top-menu no-print">
   <nav class="top-menu">
     <ul>
       {% if BADGE_IMAGE %}