Changeset - 86e780340a2b
[Not reviewed]
0 2 1
Bradley Kuhn (bkuhn) - 8 years ago 2015-01-20 21:07:19
First pass at Supporter Night form.

This is my first pass of the supporter night form with necessary
Javascript and CSS.
3 files changed with 142 insertions and 0 deletions:
0 comments (0 inline, 0 general)
Show inline comments
@@ -3,19 +3,36 @@
    width: 200px;
    text-align: right;
.dinner-form label {
    display: inline-block;
    width: 200px;
    text-align: right;
.supporter-form-inputs {
    float: left;
.dinner-form-inputs {
    float: left;
.supporter-form-submit {
    padding-left: 20em;
    padding-top: 40px;
    float: center;
.dinner-form-submit {
    padding-left: 20em;
    padding-top: 40px;
    float: center;

.supporter-form div {
    margin-top: 1em;

.dinner-form div {
    margin-top: 1em;

.form-error {
    display: none;
    margin-left: 10px;
Show inline comments
@@ -60,6 +60,8 @@ $(document).ready(function() {
    $('.supporter-form-inputs .form-error-show')
    $('.dinner-form-inputs .form-error-show')

    $('*#amount').on('input', function() {
        var input=$(this);
@@ -96,6 +98,9 @@ $(document).ready(function() {
    $(".supporter-form-submit#annual").click(function (event) {
        validateFormAtSubmission($(".supporter-form#annual input#amount"), event);
    $(".dinner-form-submit").click(function (event) {
        validateFormAtSubmission($(".dinner-form input#amount"), event);
    /* Handle toggling of annual/monthly form selections */
    $('#annualSelector').css("font-weight", "bold").css("font-size", "127%");
Show inline comments
new file 100644
{% extends "base_conservancy.html" %}
{% block subtitle %}Support Conservancy - {% endblock %}
{% block category %}supporter{% endblock %}

{% block head %}
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="/forms.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 %}
<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">Supporter Night!</h1></div>

<h3>Supporter Night 2015</h3>

<p>The easiest way to attend Conservancy's Annual Supporter Night &mdash;
  hosted this year on the evening of 30 January 2015 in Brussels, Belgium
  &mdash; is to <a href="/supporter/">become an annual
  supporter <strong>now</strong></a>, and chose &ldquo;Yes&Rdquo; to the
  related question during signup.</p>

<p>Annual supporters are all invited!</p>
<div style="align:left;width:80%;">
  <h1><a href="/supporter"><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></a></h1>
    <dt>When:</dt> <dd>Friday 30 January 2015 at 18:30 (6:30PM)</dd>
    <dt>Where:</dt> <dd><a href="">Drug Opera</a>
    Restaurant at Rue Gr&egrave;try 51, 1000 Brussels (aka Bruxelles),
    (<a href="">map</a>)</dd>
    <dt>Who:</dt> <dd>Conservancy Supporters and/or those who sign up to attend (see below)</dd>
    <dt>What:</dt> <dd>Full prix fixe dinner (one drink included)</dd>
    <dt>Why:</dt> <dd>Enjoy a meal while meeting and discussing Free Software
    with fellow Conservancy supporters
    and <a href="/about/staff/#bkuhn">Bradley</a> and
    <a href="/about/staff/#karen">Karen</a> from
    Conservancy's executive team (and the <a href=""><cite>Free
        as in Freedom</cite> audcast</a>).</dd>

  <p>Conservancy's Annual Supporter Night will be held this year on the
  evening of Friday 30 January 2015 in Brussels, Belgium (which is the night
    before <a href="">FOSDEM 2015</a> begins).</p>

<p>Space this exclusive dinner is limited so you must reserve your slot via
  one of the following means:
       <li><a href="/supporter/#annual">Become an annual supporter of
           Conservancy now</a>, and choose &ldquo;Yes&rdquo; to attend.</li>
       <li>If you are already an annual supporter,
         email <a href="">&lt;;</a></li>
       <li><a href="#dinnerpay">Pay US$40</a> (or more, if you want to support
       Conservancy further) below.</li>
       <li>Pay &euro;40 at the door on 30 January 2015. (However, We strongly
       encourage you to use one of the other options above.  We may have to
       turn at-the-door attendees away, since space is limited!)</li>
  <p>The menu for this special evening is as follows:

      <li>1 drink (soft drink, mineral water or standard beer)</li>
      <li>Cream soup of the day (likely vegetarian </li>
      <li>Choice of:
        <li><a href="">Beef
            stew</a> with french fries, or:</li>
        <li>Spaghetti with tomato sauce (Vegetarian)</li> 
      <li>   <a href="">Ice
          cream with chocolate sauce</a> (Vegetarian)</li>
We have discussed other dietary needs with the venue, and they have committed
to do their best to accommodate other dietary needs.  If you'd like, please
contact us at <a href="">&lt;;</a>
to discuss your dietary needs.

<div id="dinnerpay">
<h3>Attend the Annual Supporter Night</h3>
<a id="dinnerpay"></a>
<form id="annual" class="dinner-form" action="" method="post" name="supporter">
<div class="dinner-form-inputs">
            <input type="hidden" name="cmd" value="_xclick" />
            <input type="hidden" name="business" value="" />
            <input type="hidden" name="item_name" value="Conservancy Supporter Night, FOSDEM 2015" />
            <input id="no_shipping" type="hidden" name="no_shipping" value="0" />
  <label for="amount"><strong>Amount:</strong> $</label>
  <input id="amount" type="text" name="amount" size="7" minimum="40" value="40" />
  <span id="error" class="form-error-show">$40 is a minimum donation to
  attend  the dinner.</span><br/>
  <br /></div>
                      <div id="annual" class="dinner-form-submit">
                      <input type="image"
                             height="81" width="188"
                             border="0" name="submit" alt="Attend the 2015 Conservancy Supporter Night!">
                      <img alt="" border="0" src="" width="1" height="1">
<br/><br/><small>Button above redirects to PayPal's site for credit
        card, bank account or PayPal balance payment methods.  Select options first.</small>
<span id="form-correction-needed" class="form-error">Please ensure all form data above is correct.</span>

{% endblock %}
0 comments (0 inline, 0 general)