Files @ 21ee13ee7ecc
Branch filter:

Location: website/www/conservancy/templates/supporter/banners.html

Bradley M. Kuhn
Supporter: pictures: get picture-small working & apply throughout.

I pulled this from the `blog-left` style I used to use in blog posts
and created a new style called picture-small. On smaller screen
real estate, Tony's picture was ultimately too big.
{% extends "base_conservancy.html" %}
{% block subtitle %}Supporter Banners - {% endblock %}
{% block category %}supporter{% endblock %}

{% block content %}
<div class="singleColumn">
<h2>Conservancy Supporter Banners</h2>

<p>Help support Conservancy even more by sharing a banner on your own page and encourage other people to join you!  We have banners for individuals and member projects below; just copy the code for the version you want into your own site.</p>

<h3>Individual Supporter Banner</h3>

<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;
    &lt;a href="https://sfconservancy.org/supporter"&gt;
      &lt;img style="width: 100%;"
           src="https://sfconservancy.org/img/banners/2019-individuals-banner.png"
           alt="Conservancy is a proponent for community driven free software projects.
                Will you join me in supporting them? Donate today!"&gt;
    &lt;/a&gt;
  &lt;/div&gt;
</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">
  <a href="https://sfconservancy.org/supporter">
    <img style="width: 100%;"
         src="/img/banners/2019-individuals-banner.png"
         alt="Conservancy is a proponent for community driven free software projects.
              Will you join me in supporting them? Donate today!">
  </a>
</div>

<h3>Member Project Banner</h3>

<pre><code>  &lt;div style="margin: 0 auto; max-width: 1200px;"&gt;
    &lt;a href="https://sfconservancy.org/supporter"&gt;
      &lt;img style="width: 100%;"
           src="https://sfconservancy.org/img/banners/2019-member-projects-banner.png"
           alt="Conservancy helps make our work possible.
                Please donate to them today to support community-driven free software projects!"
    &lt;/a&gt;
  &lt;/div&gt;
</code></pre>

<div style="margin: 0 auto; max-width: 1200px;">
  <a href="https://sfconservancy.org/supporter">
    <img style="width: 100%;"
         src="/img/banners/2019-member-projects-banner.png"
         alt="Conservancy helps make our work possible.
              Please donate to them today to support community-driven free software projects!"
  </a>
</div>

</div>
{% endblock %}