Changeset - 204ca5e9de9a
[Not reviewed]
0 4 0
Ben Sturmfels (bsturmfels) - 13 months 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
...
 
@@ -128,23 +128,20 @@ 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%;
 
}
 

	
...
 
@@ -276,16 +273,12 @@ body > header {
 
  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;
...
 
@@ -325,17 +318,12 @@ body > header {
 
}
 

	
 
#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;
www/conservancy/templates/base_compliance.html
Show inline comments
...
 
@@ -5,27 +5,12 @@
 
<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>
...
 
@@ -37,8 +22,21 @@
 
            <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
...
 
@@ -5,27 +5,12 @@
 
<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>
...
 
@@ -36,7 +21,20 @@
 
            <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"/>
...
 
@@ -11,57 +12,15 @@
 

	
 
{% 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>
...
 
@@ -211,12 +170,13 @@ 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>
...
 
@@ -267,13 +227,54 @@ $256 or more between 2020-01-15 and 2021-01-15 can receive one of these vintage
 
  <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)