Skip to content

Instantly share code, notes, and snippets.

@somebehemoth

somebehemoth/test.html

Created August 9, 2012 14:08
Show Gist options
  • Save somebehemoth/3304501 to your computer and use it in GitHub Desktop.
Save somebehemoth/3304501 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap rendering issue
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Make a Gift to Duke
</title>
<meta content="authenticity_token" name="csrf-param" />
<meta content="ktPWJQjY/Mluot9J8g8MRpfQBM22faUg0ydfgPd9hzc=" name="csrf-token" />
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<link href="/favicon.ico" rel="shortcut icon">
<link href="/assets/application-c41796a7ae0cebc625b34a049f5ea49c.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="wrapper container">
<div class="row">
<div class="span12">
<section id="banner">
<img alt="Givingtoduke940" src="/assets/givingToDuke940-47e20406e1aae4a1405035c42861f5b2.png" />
</section>
<section id="greeting">
<h1>Make a Gift to Duke.</h1>
</section>
<section id="introduction">
</section>
<section id="adr_info">
<p>Questions? Contact Alumni and Development Records at (919) 684-2338 or <a href="mailto:gifts2duke@duke.edu">gifts2duke@duke.edu</a>.</p>
<p>For information about other methods of giving, visit <a href="http://giving.duke.edu/waystogive">giving.duke.edu/waystogive</a>.</p>
</section>
<section id="navigation">
<a href="/">1. About Your Gift</a> >
<a href="/">2. About You</a> >
<a href="/">3. Confirm and Make Your Payment</a>
</section>
</div>
</div><!--/row-->
<div class="row">
<!-- Note the span 12 class should not be needed here and the div itself might also be unnecessary. Removing this class with Firebug fixes the issue in Firefox. I didn't test any other browsers.
<div class="span12">
-->
<div>
<section>
<h2>About Your Gift</h2>
<form accept-charset="UTF-8" action="https://gifts-test.oit.duke.edu/default/2" class="new_gift" id="new_gift" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="ktPWJQjY/Mluot9J8g8MRpfQBM22faUg0ydfgPd9hzc=" /></div>
<fieldset class="personal_information">
<legend>Get Started</legend>
<div class="form-row">
<span class="control-group">
<label for="gift_I would like to:">I would like to:</label>
<select id="gift_gift_type" name="gift[gift_type]"><option value="New Gift">New Gift</option>
<option value="New Pledge">New Pledge</option>
<option value="Pledge Payment">Pledge Payment</option>
<option value="Multi-Year Pledge">Multi-Year Pledge</option></select>
<div class="error"></div>
</span>
</div>
<div class="form-row">
<span class="control-group">
<label for="gift_My gift amount is:">My gift amount is:</label>
<input id="gift_payment_amount" name="gift[payment_amount]" size="30" type="text" value="0.0" />
<div class="error"></div>
</span>
</div>
</fieldset>
<fieldset class="matching_gifts">
<legend>Matching Gifts</legend>
<div class="form-row">
<span class="control-group">
<input name="gift[has_matching_company]" type="hidden" value="0" /><input id="gift_has_matching_company" name="gift[has_matching_company]" type="checkbox" value="1" />
<label class="inline" for="gift_has_matching_company">My gift will be matched by a company or organization.</label>
<div class="error"></div>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="/">Check to see if your company matches gifts.</a>
</span>
</div>
<div class="form-row corporate_matching_fields" style="display:none">
<br>
<span class="control-group">
<label for="gift_total_expected_matching_amount">My company's matching gift amount is:</label>
<input id="gift_total_expected_matching_amount" name="gift[total_expected_matching_amount]" size="30" type="text" value="0.0" />
<div class="error"></div>
</span>
</div>
<div class="form-row corporate_matching_fields" style="display:none">
<span class="control-group">
<label for="gift_matching_company_name">My company's name is:</label>
<input id="gift_matching_company_name" name="gift[matching_company_name]" size="30" type="text" />
<div class="error"></div>
</span>
</div>
</fieldset>
<fieldset class="designations">
<legend>Designations</legend>
<div class="error"></div>
<p>I would like to support the following area(s).</p>
<div class="form-row">
<span class="control-group">
<ul class="gift_options_list">
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Variable Featured Designation 1" />
<label class="inline" for="Variable_Featured_Designation_1">Variable Featured Designation 1</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Variable Featured Designation 2" />
<label class="inline" for="Variable_Featured_Designation_2">Variable Featured Designation 2</label>
</li>
</ul>
</span>
</div>
<div class="form-row">
<p>Enter another unlisted designation below:</p>
<ul id="additional_designation_entry_list" class="gift_options_list">
<li class="additional_designation">
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="text" />
<input id="gift_designations_attributes__additional" name="gift[designations_attributes][][additional]" type="hidden" value="1" />
<a href="#" class="remove_additional_designation">remove</a>
</li>
</ul>
<a href="#" class="add_additional_designation">Add another unlisted designation</a>
</div>
<div class="form-row">
<span class="control-group">
<h3>School Annual Funds</h3>
<ul class="gift_options_list">
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Arts &amp; Sciences: Need-based financial aid" />
<label class="inline" for="Arts___Sciences:_Need-based_financial_aid">Arts &amp; Sciences: Need-based Financial Aid</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Arts &amp; Sciences: Teaching and mentoring" />
<label class="inline" for="Arts___Sciences:_Teaching_and_mentoring">Arts &amp; Sciences: Teaching and Mentoring</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Arts &amp; Sciences: DukeEngage, our signature service-learning program" />
<label class="inline" for="Arts___Sciences:_DukeEngage__our_signature_service-learning_program">Arts &amp; Sciences: DukeEngage, Our Signature Service-learning Program</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Arts &amp; Sciences: Flexible operating support" />
<label class="inline" for="Arts___Sciences:_Flexible_operating_support">Arts &amp; Sciences: Flexible Operating Support</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Divinity School" />
<label class="inline" for="Divinity_School">Divinity School</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Fuqua School of Business" />
<label class="inline" for="Fuqua_School_of_Business">Fuqua School of Business</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Graduate School" />
<label class="inline" for="Graduate_School">Graduate School</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Nicholas School of the Environment" />
<label class="inline" for="Nicholas_School_of_the_Environment">Nicholas School of the Environment</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Pratt School of Engineering" />
<label class="inline" for="Pratt_School_of_Engineering">Pratt School of Engineering</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Sanford School of Public Policy" />
<label class="inline" for="Sanford_School_of_Public_Policy">Sanford School of Public Policy</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="School of Law" />
<label class="inline" for="School_of_Law">School of Law</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="School of Nursing" />
<label class="inline" for="School_of_Nursing">School of Nursing</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="School of Medicine" />
<label class="inline" for="School_of_Medicine">School of Medicine</label>
</li>
</ul>
</span>
<span class="control-group">
<h3>Other Annual Funds</h3>
<ul class="gift_options_list">
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Duke Chapel" />
<label class="inline" for="Duke_Chapel">Duke Chapel</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Marine Lab" />
<label class="inline" for="Marine_Lab">Marine Lab</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Nasher Museum of Art" />
<label class="inline" for="Nasher_Museum_of_Art">Nasher Museum of Art</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Sarah P. Duke Gardens" />
<label class="inline" for="Sarah_P._Duke_Gardens">Sarah P. Duke Gardens</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="Scholarship Awards from the Duke Alumni Association" />
<label class="inline" for="Scholarship_Awards_from_the_Duke_Alumni_Association">Scholarship Awards From the Duke Alumni Association</label>
</li>
<li>
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="checkbox" value="University Libraries" />
<label class="inline" for="University_Libraries">University Libraries</label>
</li>
</ul>
</span>
</div>
</fieldset>
<fieldset class="dues">
<legend>Alumni Dues</legend>
<div class="error"></div>
<span class="control-group">
<input name="gift[dues_specified]" type="hidden" value="0" /><input id="gift_dues_specified" name="gift[dues_specified]" type="checkbox" value="1" />
<label class="inline" for="gift_dues_specified">I want to pay my dues.</label>
</span>
<div id = "alumni_dues_form", style="display: none">
<br>
<div>Duke University Alumni Association Dues</div>
<ul class="gift_options_list">
<li>
<input id="gift_dues_payments_attributes__description_Individual___50_" name="gift[dues_payments_attributes][][description]" type="radio" value="Individual ($50)" />
<label class="inline" for="description">Individual ($50)</label>
</li>
<li>
<input id="gift_dues_payments_attributes__description_Duke_couple_at_same_address___80.00_" name="gift[dues_payments_attributes][][description]" type="radio" value="Duke couple at same address ($80.00)" />
<label class="inline" for="description">Duke couple at same address ($80.00)</label>
</li>
<li>
<input id="gift_dues_payments_attributes__description_Half_century_club_member___30.00_" name="gift[dues_payments_attributes][][description]" type="radio" value="Half century club member ($30.00)" />
<label class="inline" for="description">Half century club member ($30.00)</label>
</li>
<li>
<input id="gift_dues_payments_attributes__description_Lifetime_Individual___1250.00_" name="gift[dues_payments_attributes][][description]" type="radio" value="Lifetime Individual ($1250.00)" />
<label class="inline" for="description">Lifetime Individual ($1250.00)</label>
</li>
<li>
<input id="gift_dues_payments_attributes__description_Lifetime_Duke_couple_at_same_address___2000.00_" name="gift[dues_payments_attributes][][description]" type="radio" value="Lifetime Duke couple at same address ($2000.00)" />
<label class="inline" for="description">Lifetime Duke couple at same address ($2000.00)</label>
</li>
</ul>
<div>Engineering Alumni Association Dues</div>
<ul class="gift_options_list">
<li>
<input id="gift_dues_payments_attributes__description" name="gift[dues_payments_attributes][][description]" type="checkbox" value="Individual ($35.00)" />
<label class="inline" for="description">Individual ($35.00)</label>
</li>
</ul>
<div>Support Duke Magazine</div>
<ul class="gift_options_list">
<li>
<input id="magazine_specified" name="gift[dues_payments_attributes][][description]" type="checkbox" value="Duke Magazine Support" />
<span class="blue">Include my contribution of
<input id="magazine_contribution" name="gift[dues_payments_attributes][][amount]" type="text" value="0" />
in support of Duke Magazine.</span>
</li>
</ul>
</div>
</fieldset>
<fieldset class="gift_totals">
<legend>Gift Totals</legend>
My total gift commitment:
<div id="total_gift_commitment">$0.00 USD</div>
</fieldset>
<fieldset class="gift_options">
<legend>Gift Options</legend>
<div class="form-row">
<span class="control-group">
<input name="gift[dedication_specified]" type="hidden" value="0" /><input id="gift_dedication_specified" name="gift[dedication_specified]" type="checkbox" value="1" />
<label class="inline" for="gift_dedication_specified">I'm making this gift in memory or honor of someone.</label>
<div class="error"></div>
</span>
</div>
<div class="dedication_fields" style="display:none">
<br>
<div class="form-row">
<span class="control-group">
<input id="gift_dedication_attributes_dedication_type_in_memory_of" name="gift[dedication_attributes][dedication_type]" type="radio" value="In Memory Of" />
<label class="inline" for="gift_dedication_attributes_dedication_type"><span class="translation_missing" title="translation missing: en.in_memory_of">In Memory Of</span></label>
<br>
<input id="gift_dedication_attributes_dedication_type_in_honor_of" name="gift[dedication_attributes][dedication_type]" type="radio" value="In Honor Of" />
<label class="inline" for="gift_dedication_attributes_dedication_type"><span class="translation_missing" title="translation missing: en.in_honor_of">In Honor Of</span></label>
<div class="error"></div>
</span>
</div>
<div class="form-row">
<span class="control-group">
<label for="gift_dedication_attributes_name">Name</label>
<input id="gift_dedication_attributes_name" name="gift[dedication_attributes][name]" size="30" type="text" />
<div class="error"></div>
</span>
</div>
<div class="form-row">
<span class="control-group">
<input name="gift[dedication_attributes][has_notification]" type="hidden" value="0" /><input id="gift_dedication_attributes_has_notification" name="gift[dedication_attributes][has_notification]" type="checkbox" value="1" />
<label class="inline" for="gift_dedication_attributes_has_notification">Please notify the person below via email about this gift.</label>
<div class="error"></div>
</span>
</div>
<div class="dedication_notification_fields" style="display:none">
<div class="form-row">
<span class="control-group">
<label for="gift_dedication_attributes_notification_salutation">Recipient Salutation</label>
<input id="gift_dedication_attributes_notification_salutation" name="gift[dedication_attributes][notification_salutation]" size="30" style="width:52px;" type="text" />
<div class="error"></div>
</span>
<span class="control-group">
<label for="gift_dedication_attributes_notification_first_name">Recipient First Name</label>
<input id="gift_dedication_attributes_notification_first_name" name="gift[dedication_attributes][notification_first_name]" size="30" type="text" />
<div class="error"></div>
</span>
<span class="control-group">
<label for="gift_dedication_attributes_notification_last_name">Recipient Last Name</label>
<input id="gift_dedication_attributes_notification_last_name" name="gift[dedication_attributes][notification_last_name]" size="30" type="text" />
<div class="error"></div>
</span>
</div>
<div class="form-row">
<span class="control-group">
<label for="gift_dedication_attributes_notification_email">Recipient Email</label>
<input id="gift_dedication_attributes_notification_email" name="gift[dedication_attributes][notification_email]" size="30" type="text" />
<div class="error"></div>
</span>
</div>
<div class="form-row">
<span class="control-group">
<label for="gift_dedication_attributes_gift_from">Please list the donor as:</label>
<input id="gift_dedication_attributes_gift_from" name="gift[dedication_attributes][gift_from]" size="30" type="text" />
<div class="error"></div>
</span>
</div>
<div class="form-row">
<p>QUESTIONS:</p>
<ul>
<li>New version omits mailing address and language indications email only notifications. This is no problem but will this app send something or will that email come from CRM?</li>
<li>We currently store the recipient name in split fields. We can change this to one name field but that will require CRM changes and changes to the current webapp.</li>
<li>We are hiding instead of disabling the notification fields - this seems more consistent with other parts of the form. Is this OK? Would need to change the language of the checkbox.</li>
</ul>
</div>
</div>
</div>
</fieldset>
<input name="commit" type="submit" value="Continue to Step 2: About You" />
</form>
</section>
</div>
</div><!--/row-->
<footer>
<p>&copy; Duke University 2012</p>
</footer>
</div> <!-- /container -->
<!-- Javascripts
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/assets/application-6cbb522261bf443c8317b62733b965c7.js" type="text/javascript"></script>
<script id="additional_designation_template" type="template">
<li class="additional_designation">
<input id="gift_designations_attributes__description" name="gift[designations_attributes][][description]" type="text" />
<input id="gift_designations_attributes__additional" name="gift[designations_attributes][][additional]" type="hidden" value="1" />
<a href="#" class="remove_additional_designation">remove</a>
</li>
</script>
<script type="text/javascript">
$('.remove_additional_designation').live('click',function(){
$(this).parent('.additional_designation').remove();
return false;
});
$('.add_additional_designation').live('click',function(){
var template = $('#additional_designation_template').html();
$(template).clone().appendTo('#additional_designation_entry_list');
return false;
});
</script>
<script type="text/javascript">
toggleSection($('#gift_has_matching_company').prop('checked'),'.corporate_matching_fields');
$('#gift_has_matching_company').click(function(){
toggleSection(this.checked,'.corporate_matching_fields');
});
toggleSection($('#gift_dedication_specified').prop('checked'),'.dedication_fields');
$('#gift_dedication_specified').click(function(){
toggleSection(this.checked, '.dedication_fields');
});
toggleSection($('#gift_dues_specified').prop('checked'), '#alumni_dues_form');
$('#gift_dues_specified').click(function(){
toggleSection(this.checked, '#alumni_dues_form');
$('#magazine_contribution').attr("disabled", true)
});
$('#magazine_specified').click(function(){
toggleField('#magazine_specified', '#magazine_contribution');
});
toggleSection($('#gift_dedication_attributes_has_notification').prop('checked'),'.dedication_notification_fields');
$('#gift_dedication_attributes_has_notification').click(function(){
toggleSection(this.checked,'.dedication_notification_fields');
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment