website Files · www/conservancy/static/supporter/thank-you.html

Files @ af5d12f7a1d6

Branch filter:

Location: website/www/conservancy/static/supporter/thank-you.html

af5d12f7a1d6 1.5 KiB text/html Show Annotation Show as Raw Download as Raw

bkuhn

Rework CSS for "Big News" & add image.

This image now is displayed with the same background and to the left of
the "Big News". I spent extensive time researching how best to present
a larger <div> with the grey background and have the image properly
scale beside it. Ultimately, I couldn't find a better way than this,
and this is hardly optimal.

For example, I looked into wrapping the whole thing in a div, with two
div's inside, and applying various CSS to each to get the image to
properly stay right next to the text and scale in size when resizing of
media made paragraph longer. This generated even more problems, so I
went with the simpler solution herein, which probably isn't correct and
may well do odd things on different types of media.

{% extends "base_conservancy.html" %}
{% block subtitle %}Thanks for Your Support - {% endblock %}
{% block category %}supporter{% endblock %}

{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="/supporter-page.js"></script>
{% endblock %}
{% block content %}
<h1>Thanks!</h1>

<p>Thank you for being a Supporter of Software Freedom Conservancy!</p>

<p>Spread the word about supporting Conservancy with a &ldquo;Supporter
  Badge&rdquo; on your website, Twitter account, or other locations where
  people view information about you:</p>

<p><a href="https://sfconservancy.org/supporter/"><img src="https://sfconservancy.org/img/supporter-badge.png" width="194" height="90" alt="Become a Conservancy Supporter!" border="0"/></a></p>

<p><strong>Copy and paste this HTML for the image above:</strong></p>
<p><textarea rows="2"
             cols="65">
<a href="https://sfconservancy.org/supporter/"><img src="https://sfconservancy.org/img/supporter-badge.png" width="194" height="90" alt="Become a Conservancy Supporter!" border="0"/></a>
 </textarea></p>

<p>Also, please enjoy these &ldquo;Supporter Cards&rdquo;, which you print out and
  carry with you.  You've earned it! The cards are available in two different
  styles: <a href="/img/supporter-card-1.svg">Style 1
  (SVG)</a>, <a href="/img/supporter-card-2.svg">Style 2
  (SVG)</a>.</p>

{% endblock %}