Changeset - 204ca5e9de9a
[Not reviewed]
0 4 0
Ben Sturmfels (bsturmfels) - 2 years ago 2021-10-19 13:47:58
ben@sturm.com.au
Move donation sidebar to pop out at bottom.
4 files changed with 79 insertions and 94 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
Show inline comments
...
 
@@ -110,59 +110,56 @@ a.read-more {
 
  background: #eee;
 
  text-decoration: none;
 
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 
}
 
.btn-white:focus {
 
  box-shadow: 0 0 0 .25rem #ddd;
 
}
 

	
 
a svg {
 
  transition: all .2s ease;
 
}
 
a:hover svg {
 
  transform: scale(1.1);
 
}
 

	
 
.toggle-control  {
 
cursor: pointer;
 
text-decoration: none; color: #557733;
 
}
 
.toggle-control:hover { text-decoration: underline; color: #577632; }
 

	
 
/* FIXME: We should do this:          */
 
/* http://www.waypointarts.com/blog/2013/06/29/fixing-a-side-bar-while-scrolling-until-bottom */
 
.donate-sidebar {
 
    position: fixed;
 
    top: 180px;
 
    right: 2%;
 
    width: 18%;
 
}
 
@media all and (max-width: 725px) {
 
    .donate-sidebar { display: none; }
 
    .content-with-donate-sidebar {
 
        align: center;
 
        width: 100%;
 
    }
 
  background: var(--light-green) no-repeat;
 
  position: sticky;
 
  bottom: 0;
 
  width: auto;
 
  padding: 0.5rem 1rem;
 
  margin: 2rem -1rem 0;
 
  border-radius: 8px 8px 0 0;
 
  border: 1px solid #90d468;
 
}
 

	
 
p.footnote {
 
    font-size: 85%;
 
}
 

	
 
h1 { margin-top: .75em; margin-bottom: .5em; }
 
h2 { margin-top: .75em; margin-bottom: .5em; }
 
h3 { margin-top: .6em; margin-bottom: .4em; }
 

	
 
#mainContent ul, #mainContent ol { padding-left: 1.5em; }
 

	
 

	
 
.internalNavigate { width: 19%; float: right; }
 
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
 
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }
 

	
 
/* Header */
 

	
 
body > header {
 
  /* background: linear-gradient(to top right, white, white, var(--washed-blue) 80%); */
 
  overflow: auto; /* Prevent logo top margin popping out. */
 
}
 

	
...
 
@@ -258,102 +255,93 @@ body > header {
 
#navbar.mobile li {
 
  display: block;
 
}
 
#navbar.mobile ul {
 
  padding-left: .5rem;
 
  padding-right: .5rem;
 
  display: block !important;
 
  position: relative !important;
 
  top: auto !important;
 
  left: 0 !important;
 
  right: auto !important;
 
  text-align: left !important;
 
}
 
#navbar.mobile > ul > li {
 
  padding-top: .5rem;
 
  padding-bottom: .5rem;
 
}
 
#navbar.mobile > ul > li {
 
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 
}
 
#navbar.mobile li ul {
 
  margin-left: .5rem;
 
}
 

	
 

	
 
#mainContent {
 
  overflow: auto;
 
}
 
#sidebar + #mainContent {
 
    float: left;
 
}
 

	
 
#progressbar {
 
    height: 1.8em;
 
}
 

	
 
#progressbar .ui-widget-header {
 
    background: rgb(206, 31, 31);
 
}
 

	
 
#siteprogressbar .goalText {
 
    color: #557733;
 
    font-size: 10pt;
 
}
 
#siteprogressbar .soFarText {
 
    font-size: 10pt;
 
}
 
#siteprogressbar .progress {
 
    background: #577632;
 
}
 
@media all and (max-width: 600px) {
 
  .goalText {
 
      font-size: 8pt;
 
  }
 
  .soFarText {
 
      font-size: 8pt;
 
  }
 
}
 
#siteprogressbar .progress {
 
    background: #577632;
 
}
 
#siteprogressbar .middle-goal {
 
    background: #d0d0d0;
 
}
 

	
 
#siteprogressbar .final-goal {
 
    background: #eeeeee;
 
}
 

	
 
#fundraiser-percentage {
 
    text-align: center;
 
}
 

	
 
.content-with-donate-sidebar {
 
    align: left;
 
    width: 80%;
 
}
 

	
 
#container #mainContent {
 
    max-width: 50em;
 
    margin: 0;
 
    padding: 0;
 
    background: #ffffff;
 
    flex: 1 1 auto;
 
}
 
#container #sidebar {
 
  background-color: #ccd4a3;
 
  padding: 1px 0.5rem 0.25rem;
 
  flex: 1 0 15em;
 
  margin-bottom: 1rem;
 
}
 

	
 
@media screen and (min-width: 30em) {
 
  #container {
 
    display: flex;
 
  }
 
  #container #sidebar {
 
    margin-right: 1rem;
 
  }
 
}
 

	
 
#container #sidebar li {
www/conservancy/templates/base_compliance.html
Show inline comments
 
{% extends "base_conservancy.html" %}
 
{% load cache %}
 
{% load humanize %}
 
{% block head %}
 
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
<link href="/forms.css" rel="stylesheet" type="text/css"/>
 

	
 
{% endblock %}
 

	
 
{% block outercontent %}
 
<div class="donate-sidebar">
 
<table style="background-color:#afe478;width:100%;">
 
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
 
    Now!</h1></div>
 

	
 
<h3>Support Copyleft Enforcement Now!</h3>
 

	
 
<p>
 
  To support our copyleft compliance &amp; enforcement work,
 
  please <a href="/sustainer/#annual"><span class="donate-box-highlight">become a Conservancy
 
      Sustainer <strong>right now</strong></span></a>.  We can't sustain
 
  this work without ongoing support from donors like you!</p>
 
</td></tr></table>
 
</div>
 
<div class="content-with-donate-sidebar">
 
    <div id="container">
 
         <div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
 
            <h2>What We Do</h2>
 
            {% include 'submenus/what_we_do_partial.html' %}
 
            <h2>Our Copyleft {% block category %}Compliance{% endblock %} Projects</h2>
 
            <ul>
 
            <li class="AboutCompliance"><a href="/copyleft-compliance/about.html">About</a></li>
 
            <li class="EnforcementStrategy"><a href="/copyleft-compliance/enforcement-strategy.html">Strategic GPL Enforcement Initiative</a></li>
 
            <li class="CopyleftPrinciples"><a href="/copyleft-compliance/principles.html">Principles of Community-Oriented GPL Enforcement</a></li>
 
            <li class="LiberateFirmware"><a href="/copyleft-compliance/firmware-liberation.html">Liberate IoT Firmware via GPL Enforcement</a></li>
 
            <li class="VMwareLawsuitLinks"><a href="/copyleft-compliance/vmware-lawsuit-links.html">VMware Lawsuit: Summary and Resources</a></li>
 
            <li class="CopyleftOrg"><a href="https://copyleft.org/">copyleft.org</a></li>
 
            </ul>
 
         </div>
 
               <div id="mainContent">{% block content %}{% endblock %}
 
               </div>
 
</div></div>
 
    </div>
 
    <div class="donate-sidebar">
 
  <details>
 
    <summary>Support Now!</summary>
 

	
 
    <h3>Support Copyleft Enforcement Now!</h3>
 

	
 
    <p>
 
      To support our copyleft compliance &amp; enforcement work,
 
      please <a href="/sustainer/#annual"><span class="donate-box-highlight">become a Conservancy
 
      Sustainer <strong>right now</strong></span></a>.  We can't sustain
 
      this work without ongoing support from donors like you!</p>
 
  </details>
 
</div>
 
{% endblock %}
www/conservancy/templates/base_press.html
Show inline comments
 
{% extends "base_conservancy.html" %}
 
{% load cache %}
 
{% load humanize %}
 
{% block head %}
 
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
<link href="/forms.css" rel="stylesheet" type="text/css"/>
 

	
 
{% endblock %}
 

	
 
{% block outercontent %}
 
<div class="donate-sidebar">
 
<table style="background-color:#afe478;width:100%;">
 
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
 
    Now!</h1></div>
 

	
 
<h3>Support Copyleft Enforcement Now!</h3>
 

	
 
<p>
 
  To support our copyleft compliance &amp; enforcement work,
 
  please <a href="/sustainer/#annual"><span class="donate-box-highlight">become a Conservancy
 
      Sustainer <strong>right now</strong></span></a>.  We can't sustain
 
  this work without ongoing support from donors like you!</p>
 
</td></tr></table>
 
</div>
 
<div class="content-with-donate-sidebar">
 
    <div id="container">
 
         <div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
 
            <h2>What We Do</h2>
 
            {% include 'submenus/what_we_do_partial.html' %}
 
            <h2>Resources for Journalists</h2>
 
            <ul>
 
            <li class="Vizio"><a href="/vizio">Vizio</a></li>
 
            <li class="News"><a href="/news/">News</a></li>
 
            <li class="PressKit"><a href="/press/kit.html">Press Kit</a></li>
 
            <li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
 
            </ul>
 
         </div>
 
               <div id="mainContent">{% block content %}{% endblock %}
 
               </div>
 
</div></div>
 
<div class="donate-sidebar">
 
  <details>
 
    <summary>Support Now!</summary>
 

	
 
    <h3>Support Copyleft Enforcement Now!</h3>
 

	
 
    <p>
 
      To support our copyleft compliance &amp; enforcement work,
 
      please <a href="/sustainer/#annual"><span class="donate-box-highlight">become a Conservancy
 
      Sustainer <strong>right now</strong></span></a>.  We can't sustain
 
      this work without ongoing support from donors like you!</p>
 
  </details>
 
</div>
 
{% endblock %}
www/conservancy/templates/supporter/index.html
Show inline comments
 
{% extends "base_conservancy.html" %}
 
{% load static %}
 
{% block subtitle %}Support Conservancy - {% endblock %}
 
{% block category %}sustainer{% endblock %}
 

	
 
{% block head %}
 
<script type="text/javascript" src="/js/supporter-page.js"></script>
 
<link href="/css/forms.css" rel="stylesheet" type="text/css"/>
 
{% include "opengraph_partial.html" with url="/sustainer/" title="Support Conservancy!" description="Software freedom is critical to many of today&rsquo;s most pressing social issues, but it&rsquo;s only effective when FOSS is for everyone. Support Conservancy today to help make that happen!" %}
 
{% include "opengraph_urllist_partial.html" with property='image' urls='' fallback='/img/conservancy-logo.png' %}
 
{% endblock %}
 

	
 
{% block content %}
 
<div class="breadcrumbs">
 
  <p><a href="/">Home</a> / <a href="#fixme">Who We Are</a></p>
 
</div>
 

	
 
<div class="donate-sidebar">
 
<table style="background-color:#afe478;width:100%;">
 
<tr><td style="text-align:center;padding:10px;padding-bottom:10px;">
 
<div id="donate-box" class="toggle-unit"><h1 class="toggle-content">Support
 
    Now!</h1></div>
 

	
 
<h3 class="donate-box-highlight">Become a Sustainer Now:</h3>
 

	
 
<p>Support us now!</p>
 

	
 
<h4><a href="#annual"><span class="donate-box-highlight">Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 
<h4><a href="#monthly"><span class="donate-box-highlight">Monthly sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 
<h4><a href="#renewal"><span class="donate-box-highlight">Renewing Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 

	
 
<span class="donate-box-highlight">Other annual sustainers methods:</span>
 
<div class="toggle-unit">
 
    <h4 class="toggle-control" data-text="Wire Transfer"
 
    data-expanded-text="Wire Transfer:">Wire Transfer</h4>
 
    <div class="toggle-content">
 
       Contact <a href="mailto:donate@sfconservancy.org">Conservancy
 
            by email</a><br/> for wire transfer instructions.<br/>
 
            Include  currency &amp; country.<br/>
 
    </div><!-- /.toggle-content -->
 
</div><!-- /.toggle.unit -->
 

	
 
<div class="toggle-unit">
 
    <h4 class="toggle-control" data-text="Paper Check"
 
    data-expanded-text="Paper Check:">Paper Check</h4>
 
    <div class="toggle-content">
 
    Send paper check for $120 to:<br/>
 
    Software Freedom Conservancy, Inc.<br/>
 
    137 MONTAGUE ST  STE 380<br/>
 
    BROOKLYN, NY 11201-3548 &nbsp; USA<br/>
 
    Please write <q>SUSTAINER</q>, t-shirt size, if you are renewing, and if
 
    you want public acknowledgment in memo line.
 
    </div><!-- /.toggle-content -->
 
</div><!-- /.toggle.unit -->
 

	
 
<p><a href="/donate">Even More Ways to Donate</a></p>
 
<!-- Flattr end -->
 
</td></tr></table>
 
</div>
 
<div class="content-with-donate-sidebar" id="formStart">
 

	
 
  
 

 
{% if partial_amount > 0 %}
 
  {% include "supporter/form_partial.html" with form_id="annual" min_amt=minimum_amount partial_amt=partial_amount article="an" only %}
 
{% else %}
 
  <div class="supporter-type-selector">
 
    <strong>Become a Sustainer Now:</strong>
 
    <a id="annualSelector" href="#annual">Annual</a>
 
    | <a id="monthlySelector" href="#monthly">Monthly</a>
 
    | <a id="renewalSelector" href="#renewal">Annual Renew</a>
 
  </div>
 

	
 
  {% include "supporter/form_partial.html" with form_id="annual" min_amt=120 article="an" only %}
 

	
 
  {% include "supporter/form_partial.html" with form_id="monthly" min_amt=10 only %}
 

	
 
  <a name="renew" class="hidden"></a>
 
  {% include "supporter/form_partial.html" with form_id="renewal" min_amt=120 verb="renew" article="an" supptype="annual" only %}
 
{% endif %}
 

	
 
<span id="form-correction-needed" class="form-error">Please ensure all form data above is correct.</span>
 

	
 
<hr style="clear: both;"/>
 
<div class="expandable-section" id="2020-summary">
 

	
 
<div class="picture-small right">
...
 
@@ -193,48 +152,49 @@ as we look hopefully forward to an in-person Copyleft Conf 2022.</p>
 
<div class="picture-small left">
 
  <img src="/img/2020-01-17_bkuhn_lca-2020.png" alt="Bradley on stage at LinuxConf Australia 2020" />
 
  <p><a href="/about/staff/#bkuhn">Bradley M. Kuhn</a>, delivering
 
  a <a href="https://lca2020.linux.org.au/schedule/presentation/91/">talk with Karen</a> at LCA 2020.<br/>Photo &copy; by Linux Australia, licensed <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></p>
 
</div>
 

	
 
<p>We participated in many exciting events organized by others. Before travel was canceled, we  presented multiple talks at LCA and on the FOSDEM main stage, helped organize the Legal &amp; Policy DevRoom at FOSDEM, spoke to students and faculty at Oxford University, ran a workshop at Open Source 101 and delivered keynotes at CHAOSScon, Git Merge and the OpenUK Healthcare event. Once in-person events were no longer possible, we participated in many virtual events, including GUADEC, DebConf, ÖzgürKon and State of the Source. Our Executive Director was a featured speaker at VentCon, a conference urgently organized in May for folks working on FOSS projects for ventilators at a time when making sure that hospitals had enough access to ventilators to treat the surge in COVID-19 patients was a top concern.</p>
 
<p>We also remain ready to continue our work of helping to sponsor travel for our member projects and their events when travel becomes safe again. Before we ceased our conferences and travel, we funded over $60,000 worth of travel to important events, on pace for what could have been one of our biggest travel sponsorship years.  We invested remaining travel funds into improving online infrastructure and planning
 
for how to keep FOSS engaged without these essential in-person events.</p>
 
</div>
 

	
 
<h3 id="HelpUs">Help Us Continue our Mission</h3>
 
<p>We know this year brought unforeseen financial challenges.  Some of you have
 
faced unemployment, and many others are underemployed right now due to the
 
pandemic.  As you think about where to route your limited charitable
 
dollars this year, we ask that you think about how far your donation goes with Conservancy.  We&rsquo;ve remained a small, agile organization (some
 
even have called us scrappy) precisely because we have the most experienced
 
non-profit management team in FOSS.  We couldn&rsquo;t have predicted the
 
pandemic, but we did plan for the worst.  We&rsquo;re frugal, careful, and we plan ahead, so you can know that every
 
dollar you give to Conservancy is used to support critical work.  While companies sell
 
you products this end of year season, we offer you a chance to donate to something much bigger. By becoming a Conservancy Sustainer, you can put
 
your money to work fighting for the freedom and rights of all software
 
users.</p>
 

	
 
<div style="overflow: auto">
 
<div class="picture-small right">
 
  <img src="/img/scaled-LLW-2015-Conservancy-Supporters-by-Carlo-Piana-CC-0.jpg" alt="Zack, Karen, John and Jim pose, mostly wearing the vintage t-shirt!" />
 
  <p>Vintage-shirt-wearing Sustainers pose with Karen! <br/>From left: Stefano &ldquo;Zack&rdquo; Zacchiroli, Karen M. Sandler, John Sullivan, and Jim Wright</p>
 
</div>
 

	
 
<h3 id="VintageT">Vintage T-Shirt Promotion</h3>
 
<div data-read-more="Would you like a last chance to receive a vintage Conservancy t-shirt?  Find out how&hellip;">
 

	
 
<p>If you're a Sustainer, you've already received or will soon receive a
 
  t-shirt in our 2018 design shown here.   But,
 
would you like to take advantage of a last chance to get our vintage design &mdash; seen sported so often
 
by <a href="https://twitter.com/bensturmfels/status/599118574641262592">our earliest Sustainers</a> at <a href="https://twitter.com/conservancy/status/786480068512002048">conferences and events</a>?  If so, read on!</p>
 

	
 
<div class="picture-tiny left">
 
<img src="/img/brett-in-2018-shirt.jpg" alt="Brett wears the 2018 t-shirt!" />
 
<p><a href="/about/staff/#brett">Brett Smith</a> wears the current t-shirt design.</p>
 
</div>
 

	
 
<p><strong>UPDATE: Just give $256 total for this year's fundraiser and
 
    receive an additional vintage T-shirt!</strong></p>
 

	
 
<p>But first, as a note to how difficult this year has been, we know that many of our 2019 Sustainers are still
 
awaiting their t-shirts, which have the wonderful 2018 design.   We've had difficulty working through
 
keeping our staff safe during the pandemic lock downs and making trips to the post office &mdash; historically,
...
 
@@ -249,31 +209,72 @@ $256 or more between 2020-01-15 and 2021-01-15 can receive one of these vintage
 

	
 
<div class="picture-tiny right">
 
  <img src="/img/2019-08-26_Neil-alone_GUADECSupporterNight.jpg" alt="Neil McGovern, Executive Director of the GNOME Foundation, wears the vintage t-shirt!" />
 
  <p>Neil McGovern wearing that stylish vintage shirt!</p>
 
</div>
 

	
 
    <ul>
 
    <li>Renew as a <a href="/sustainer/#annual">an annual sustainer</a> for $256 or more. (Alternatively, if
 
      you already gave this year, make a <a href="/donate/">separate donation</a> so that your 2020 total is $256.)</li>
 
      <li> <a href="mailto:vintaget@sfconservancy.org">Email &lt;vintaget@sfconservancy.org&gt;</a> and include the email
 
      address and date(s) of your donation(s) that total $256 and your
 
        desired size.  (We have all sizes <strong>except MenM</strong> in
 
      stock.   Supplies <em>are</em> limited; we cannot necessarily guarantee
 
      your size selection, and we'll continue to update here as sizes run out.)</li>
 
      </ul></p>
 

	
 
<div class="picture-small left">
 
  <img src="/img/2020-12-04_lots-vintage-shirts.jpg" alt="A big stack of vintage Conservancy t-shirts!" />
 
  <p>Supplies won't last; give $256 and make one of these vintage shirts yours today!</p>
 
</div>
 

	
 
<p>You too can look cool in the vintage design.  Or maybe your original has faded and you're ready to spruce up with a new one?  As we said,
 
supplies are limited so make a big donation today, support Conservancy, and show you've always been old-school &mdash; or just
 
want to look that way!</p>
 
</div>
 

	
 
</div>
 
<a class="expander" data-expand-link-text="(Expand All Sections)"></a>
 
</div>
 
</div>
 

	
 
<div class="donate-sidebar">
 
  <details>
 
    <summary>Support Now!</summary>
 

	
 
    <h3 class="donate-box-highlight">Become a Sustainer Now:</h3>
 

	
 
    <p>Support us now!</p>
 

	
 
    <h4><a href="#annual"><span class="donate-box-highlight">Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 
    <h4><a href="#monthly"><span class="donate-box-highlight">Monthly sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 
    <h4><a href="#renewal"><span class="donate-box-highlight">Renewing Annual sustainer</span> via PayPal, ACH, or credit card.</a></h4>
 

	
 
    <span class="donate-box-highlight">Other annual sustainers methods:</span>
 
    <div class="toggle-unit">
 
      <h4 class="toggle-control" data-text="Wire Transfer"
 
          data-expanded-text="Wire Transfer:">Wire Transfer</h4>
 
      <div class="toggle-content">
 
        Contact <a href="mailto:donate@sfconservancy.org">Conservancy
 
        by email</a><br/> for wire transfer instructions.<br/>
 
        Include  currency &amp; country.<br/>
 
      </div><!-- /.toggle-content -->
 
    </div><!-- /.toggle.unit -->
 

	
 
    <div class="toggle-unit">
 
      <h4 class="toggle-control" data-text="Paper Check"
 
          data-expanded-text="Paper Check:">Paper Check</h4>
 
      <div class="toggle-content">
 
        Send paper check for $120 to:<br/>
 
        Software Freedom Conservancy, Inc.<br/>
 
        137 MONTAGUE ST  STE 380<br/>
 
        BROOKLYN, NY 11201-3548 &nbsp; USA<br/>
 
        Please write <q>SUSTAINER</q>, t-shirt size, if you are renewing, and if
 
        you want public acknowledgment in memo line.
 
      </div><!-- /.toggle-content -->
 
    </div><!-- /.toggle.unit -->
 

	
 
    <p><a href="/donate">Even More Ways to Donate</a></p>
 
    <!-- Flattr end -->
 
  </details>
 
</div>
 
{% endblock %}
0 comments (0 inline, 0 general)