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
...
 
@@ -122,35 +122,32 @@ 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; }
 

	
...
 
@@ -270,28 +267,24 @@ body > header {
 
}
 
#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);
 
}
 

	
...
 
@@ -319,29 +312,24 @@ body > header {
 
#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;
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 %}
 

	
...
 
@@ -205,24 +164,25 @@ for how to keep FOSS engaged without these essential in-person events.</p>
 
<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>
...
 
@@ -261,19 +221,60 @@ $256 or more between 2020-01-15 and 2021-01-15 can receive one of these vintage
 
      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)