CINXE.COM
Brown Daily Herald · Donate to the Brown Daily Herald. Support student journalism.
<!DOCTYPE html> <html lang="en"> <head> <title>Brown Daily Herald · Donate to the Brown Daily Herald. Support student journalism. </title> <link rel="stylesheet" media="all" href="/assets/form_engine/v1/application-9aca6acf21defecea8efbd8a85e1d3c7c29a900331ccfae8c6d89e81f25e5d10.css" /> <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700' rel='stylesheet' type='text/css'> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="/assets/form_engine/application-23f8ae18b4776042ead6fc0652eed2ca618b700d2cf042c305bc7ca2e3efbb58.js"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="MRZLHL8U5xIwcX2bV0JCZ15TT9ntsPKyJ96T/NdsPeZX1bgS9Kn4FaTBqOrYUa3kxi6en4x+pm6AKvPz+5YAqg==" /> <style> .thank-you-content { padding-top: 20px; padding-left: 10px; } img.lgl-header-logo { margin-top: 20px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } </style> <style type="text/css"> body { background: #ffffff; font-size: 15px; } #page { padding-top: 10px; padding-bottom: 10px; } #lgl-form { padding-bottom: 10px; } .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rounded .lglform-header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .lgl-form-header { margin-left: -15px; margin-right: -15px; padding-left: 10px; } .lgld-form-header-text { color: #444444; } .lgld-form-header-text { font-size: 1.25rem; } .lgld-form-header-contents { text-align: center; } .lgld-submit { background: #940b0b; } .lgld-submit { color: #ffffff; } .lgld-submit:hover { color: #006487; } label { color: #444444; } .lgld-input-sublabel { color: #444444; } .lgld-checkbox-label { color: #000000; } #lgl-form { background: #ffffff; } .lgld-form-title { color: #000000; } .lgld-form-desc { color: #444444; } .lgl-form-header { background: #ffffff; } .lgld-field-input-note { color: #444444; } #page { background: #ffffff; } .lgld-radio-label { color: #4d3629; } .lgld-checkbox-label { color: #444444; } .lgld-section-heading-desc { color: #999; } .lgld-section-heading-name { color: #4d3629; } .lgld-rich-text-name { color: #444444; } .lgld-rich-text-desc { color: #444444; } </style> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body> <div id="page" class="default"> <div class="container" > <div class="row"> <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1 rounded " id="lgl-form"> <div class="lgl-form-header"> <div class="row"> <div class="col-md-12 lgld-form-header-contents"> <img alt="logo image" src="https://s3-us-west-2.amazonaws.com/lglformsimg/cmtdQWfYEwk/logo-black.png-logo-black.png" height="70" class="lgl-header-logo" /> </div> </div> </div> <script> var rec_map = { 'onetime': '0', 'monthly': '1m', 'quarterly': '3m', 'annually': '12m', 'weekly': '1w', 'biweekly': '2w', 'bimonthly': '2m' }; var formViewModel = {}; formViewModel.available_quantities_calls = []; formViewModel.get_available_quantities = function() { var i, s, len = formViewModel.available_quantities_calls.length; for (i=0; i<len; ++i) { if (i in formViewModel.available_quantities_calls) { formViewModel.available_quantities_calls[i](); } } }; formViewModel.add_available_quantities_call = function(call) { formViewModel.available_quantities_calls.push(call) } get_available_quantity = function(field_id, callback) { $.ajax({ type: "GET", url: "/form_engine/get_available_item_batches", data: "field_id=" + field_id + "&form_id=JydyLYLlWAfeK0wrZwuLgg", dataType: 'json', success : function(result){ callback(result.available,result.units) } }); } </script> <style> div.form-error { margin-top: 5px; } @media only screen and (max-width: 500px) { #rc-imageselect, .g-recaptcha { transform:scale(0.77); transform-origin:0 0; } } </style> <script type="text/javascript"> formViewModel.show_form = ko.observable(true) </script> <div class="lgld-form" data-bind="visible: !show_form()"> <div class="lgld-field-input-note"> One moment please... </div> </div> <div class="lgl-form" data-bind="visible: show_form"> <!-- false --> <div id="lgl-form-submission-wrapper"> <form autocomplete="on" accept-charset="UTF-8" action="/form_engine/JydyLYLlWAfeK0wrZwuLgg" class="new_submission" id="new_submission" method="post" enctype="multipart/form-data"> <input type="hidden" name="not_secure" value="" /> <input name="authenticity_token" value="SejV05yOgvsj9kMtcavteKedSCFdgDi4RCFQH3A/dK0vKybd1zOd/LdGllz+uAL7P+CZZzxObGTj1TAQXMVJ4Q==" type="hidden" /> <div class="lgld-main"> <div class="lgld-field-display"> <div class="lgld-form-title"><h1 class="none">Donate to the Brown Daily Herald. Support student journalism. </h1></div> <div class="lgld-form-desc"></div> </div> <input type="hidden" name="submission[origin]" value="" /> <div class="lgld-field lgl-input-rich-text full-width" id="field_29" data-bind="visible: field_29_visible"> <div class="lgld-field-display" data-bind="visible: field_29_visible" > <div class="lgld-rich-text-name" >Giving to the Brown Daily Herald</div> <div class="lgld-rich-text-desc" ><p><span style="color: #000000;">Making a donation to the <em>Brown Daily Herald</em> is easy. We accept all major credit cards online, checks by mail and Zelle. If you have any questions, please email</span><span style="color: #000000;"> us at gm@browndailyherald.com</span><span style="color: #000000;">.<br /><br /></span></p> <table style="height: 174px; width: 100%; border-collapse: collapse; margin-left: auto; margin-right: auto;" border="0" cellpadding="5px"> <tbody> <tr style="height: 174px;"> <td style="width: 50%; height: 174px;"> <p><span style="color: #000000;">If you would like to give <strong>via check</strong>, please send it to:</span></p> <p><span style="color: #000000;">The Brown Daily Herald Inc.</span></p> <p><span style="color: #000000;">Attn: Alumni Relations</span></p> <p><span style="color: #000000;">PO Box 2538</span></p> <p><span style="color: #000000;">Providence, RI 02906</span></p> </td> <td style="width: 50%; height: 174px;"> <p><span style="color: #000000;">If you would like to give <strong>via</strong> <strong>Zelle</strong>, please send it to:</span></p> <p><span style="color: #000000;"><a href="mailto:gm@browndailyherald.com">gm@browndailyherald.com</a></span></p> <p><em><span style="color: #000000;">and please include "BDH Donation" in the memo.</span></em></p> <p> </p> <p> </p> </td> </tr> </tbody> </table> <p><span style="color: #000000;"> <br />The Brown Daily Herald, Inc. is a 501(c)(3) non-profit organization registered in the state of Rhode Island. All gifts to the <em>Brown Daily Herald</em> are tax-deductible.</span></p></div> </div> <script type="text/javascript"> formViewModel.field_29_visible = true; formViewModel.field_29_value = ko.observable(''); </script> </div> <div class="lgld-field lgl-input-section-heading full-width" id="field_3" data-bind="visible: field_3_visible"> <div class="lgld-field-display" data-bind="visible: field_3_visible" > <div class="lgld-section-heading-name" ><h2 class="none">Contact Information</h2></div> <div class="lgld-section-heading-desc" ></div> </div> <script type="text/javascript"> formViewModel.field_3_visible = true; formViewModel.field_3_value = ko.observable(''); </script> </div> <div class="lgld-field lgl-input-name full-width" id="field_4" data-bind="visible: field_4_visible"> <div class="lgld-field-display" data-bind="visible: field_4_visible" > <fieldset class="none"> <legend class="none"> <label><span >Name</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> </legend> <div class="lgld-field-name-elements"> <!-- field_5 --> <!-- field_6 --> <div class="lgld-field-names-input lgld-name-first-name" > <input aria-required="true" autocomplete = "off" type="text" class="lgld-input-text" data-bind="value: field_6_value" name="submission[args][field_6]" id="submission[args][field_6]" data-validation="required" data-validation-error-msg="First Name required for Name" /> <div class="lgld-input-sublabel"><label for="submission[args][field_6]" class="none lgld-input-sublabel">First Name</label></div> </div> <!-- field_7 --> <div class="lgld-field-names-input lgld-name-last-name" > <input aria-required="true" autocomplete = "off" type="text" class="lgld-input-text" data-bind="value: field_7_value" name="submission[args][field_7]" id="submission[args][field_7]" data-validation="required" data-validation-error-msg="Last Name required for Name" /> <div class="lgld-input-sublabel"><label for="submission[args][field_7]" class="none lgld-input-sublabel">Last Name</label></div> </div> <!-- field_8 --> <div style="clear: both;"><!-- --></div> </div> </fieldset> </div> <script type="text/javascript"> formViewModel.field_4_visible = true; formViewModel.field_5_value = ko.observable(""); formViewModel.field_6_value = ko.observable(""); formViewModel.field_7_value = ko.observable(""); formViewModel.field_8_value = ko.observable(""); formViewModel.field_4_value = ko.computed(function(){ var name = [] if (formViewModel.field_5_value() != "") { name.push(formViewModel.field_5_value()); } if (formViewModel.field_6_value() != "") { name.push(formViewModel.field_6_value()); } if (formViewModel.field_7_value() != "") { name.push(formViewModel.field_7_value()); } if (formViewModel.field_8_value() != "") { name.push(formViewModel.field_8_value()); } return name.join(" "); }); reset_field_4 = function(){ formViewModel.field_5_value(""); formViewModel.field_6_value(""); formViewModel.field_7_value(""); formViewModel.field_8_value(""); }; </script> </div> <div class="lgld-field lgl-input-amounts full-width" id="field_26" data-bind="visible: field_26_visible"> <div class="lgld-field-display" data-bind="visible: field_26_visible" > <input id="field_26_desc" type="hidden" name="submission[args][field_26][description]" data-bind="value: field_26_description" value="" /> <div> </div> <div class="lgld-list-amounts" > <table style="width: 100%;"> <tr> <td style="padding-right: 20px;"> <fieldset class="none"> <legend class="none"><label><span >Amount</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> </legend> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="1000" id="f75yg46u_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('1000')" /> <span>$1,000</span> </label> </div> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="500" id="7tmivlin_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('500')" /> <span>$500</span> </label> </div> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="250" id="poh7vap3_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('250')" /> <span>$250</span> </label> </div> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="100" id="un5c4907_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('100')" /> <span>$100</span> </label> </div> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="50" id="qqwn7t2u_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('50')" /> <span>$50</span> </label> </div> </td> </tr> <tr> <td style="width: 80%; vertical-align: top;"> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" name="submission[args][field_26][suggested]" value="20" id="g2ayfwso_amt" data-validation="lgld_radio_group" data-validation-error-msg="Please select an amount" onclick="set_field_26_val_description('field_26',""); set_field_26_val_deductible('field_26',); formViewModel.field_26_other(''); formViewModel.field_26_suggested('20')" /> <span>$20</span> </label> </div> </td> </tr> </fieldset> </table> </div> <div > <!-- --> <!-- --> <input aria-label="custom amount" type="radio" class="lgld-radio" value="" name="submission[args][field_26][suggested]" id="field_26_other" onclick="set_field_26_val_description('field_26',{})"; data-bind="checked: field_26_suggested" /> <span class="lgld-checkbox-label">$</span> <input aria-label="custom amount" type="text" class="lgld-input-text" data-bind="value: field_26_other" onfocus="$('#field_26_other').prop('checked', true);" name="submission[args][field_26][other]" data-validation="lgld_amount" data-validation-error-msg="Amount is required and must be a valid number" data-validation-check-id="field_26_other"/> </div> <div class="lgld-recurring-label"> <label for="submission[args][field_26][recurring_schedule]">Would you like to make your donation recurring? Recurring donations provide us with consistent, predictable income.</label> <div class="lgld-recurring-menu"> <select name="submission[args][field_26][recurring_schedule]" id="submission[args][field_26][recurring_schedule]" data-bind="value: field_26_selected_recurring_schedule"> <option value="0">One Time</option> <option value="1m">Monthly</option> <option value="3m">Quarterly</option> <option value="12m">Yearly</option> </select> </div> </div> </div> <script> var form_amt_map = []; formViewModel.field_26_other = ko.observable(""); formViewModel.field_26_suggested = ko.observable(""); formViewModel.field_26_show_amount = ko.observable("both"); formViewModel.field_26_description = ko.observable(""); if ("" != "") { formViewModel.field_26_description_array = ko.observableArray([""]); } else { formViewModel.field_26_description_array = ko.observableArray(); } formViewModel.field_26_deductible = ko.observable(""); formViewModel.field_26_value = ko.computed(function(){ var value = formViewModel.field_26_suggested(); if (value == "") { value = formViewModel.field_26_other(); } return value }); formViewModel.field_26_qty_amt = ko.observable(0); formViewModel.field_26_visible = ko.observable(true); formViewModel.field_26_enable = ko.observable(true); reset_field_26 = function(){ formViewModel.field_26_other(""); formViewModel.field_26_suggested(""); formViewModel.field_26_show_amount("both"); }; function zero_field_26(fid) { $("input[name='submission[args][field_26][suggested]']").prop('checked',false); $("input[id='field_26_other']").prop('checked',false); formViewModel.field_26_other(''); }; function reset_to_default_field_26(fid) { var default_matched = false; var selects = $("[name='submission[args][field_26][suggested]']"); $.each( selects, function( i, select ) { if (selects[i].value == '') { $('#'+selects[i].id).click(); default_matched = true; } }); if (!default_matched) { $("input[id='field_26_other']").prop('checked',true); formViewModel.field_26_other(''); } }; function set_field_26_val_description(fid,val) { formViewModel.field_26_description(val); }; function set_field_26_val_deductible(fid,val) { formViewModel.field_26_deductible(val); }; formViewModel.field_26_allow_enddate = ko.observable(false) formViewModel.field_26_selected_recurring_schedule = ko.observable(""); formViewModel.field_26_recurring_end_date = ko.observable("") formViewModel.field_26_is_it_recurring = ko.computed(function() { if(formViewModel.field_26_selected_recurring_schedule() == null || formViewModel.field_26_selected_recurring_schedule().match(/0/)) { return false; } else { return true; } }); formViewModel.field_19_value = ko.computed(function() { if (formViewModel.field_26_selected_recurring_schedule() == '0') { return "One Time"; } else if (formViewModel.field_26_selected_recurring_schedule() == '1m') { return "Monthly"; } else if (formViewModel.field_26_selected_recurring_schedule() == '3m') { return "Quarterly"; } else if (formViewModel.field_26_selected_recurring_schedule() == '12m') { return "Yearly"; } else if (formViewModel.field_26_selected_recurring_schedule() == '1w') { return "Weekly"; } else if (formViewModel.field_26_selected_recurring_schedule() == '2w') { return "Bi-Weekly"; } else if (formViewModel.field_26_selected_recurring_schedule() == '2m') { return "Bi-Monthly"; } }); formViewModel.field_27_value = formViewModel.field_26_description; formViewModel.field_28_value = ko.observable(0); function set_field_26_quantity() { qsum = 0; amsum = 0; $('*[tag="field_26_q"]').each(function() { _qty = Number($(this).val()); _amt = parseFloat($('#' + $(this).attr('id') + '_amt').val()); amsum += _qty * _amt; qsum += _qty; }); formViewModel.field_26_qty_amt(amsum); formViewModel.field_28_value(qsum); } function add_field_26_qty_description(fid,val) { formViewModel.field_26_description_array.push(val); set_field_26_qty_description(fid); } function remove_field_26_qty_description(fid,val) { formViewModel.field_26_description_array.remove(val); set_field_26_qty_description(fid); } function set_field_26_qty_description(fid) { qty_description = ""; if (formViewModel.field_26_description_array().length == 1) { qty_description = formViewModel.field_26_description_array()[0]; } else { formViewModel.field_26_description_array().forEach(function (item, index) { qty_description = qty_description + item + ';'; }); } formViewModel.field_26_description(qty_description); } </script> </div> <div class="lgld-field lgl-input-email full-width" id="field_9" data-bind="visible: field_9_visible"> <div class="lgld-field-display" data-bind="visible: field_9_visible" > <label for="submission[args][field_9]"><span >Email</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> <br /> <input aria-required="true" maxlength="100" autocomplete="off" type="text" class="lgld-input-text" data-bind="value: field_9_value" placeholder="email@example.com" name="submission[args][field_9]" id="submission[args][field_9]" data-validation="email" /> <div class="lgld-field-input-note" ></div> </div> <div class="lgld-field-display" data-bind="visible: " > <label for="field_9_verification">Verify Email</label> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> <br /> <input aria-required="true" maxlength="100" autocomplete="off" type="text" class="lgld-input-text" data-bind="attr: { email: field_9_value, value: field_9_verification }"placeholder="email@example.com" name="field_9_verification" id="field_9_verification" data-validation="email_verification" /> </div> <script type="text/javascript"> formViewModel.field_9_visible = true; formViewModel.field_9_value = ko.observable(""); formViewModel.field_9_verification = ko.observable(""); reset_field_9 = function(){ formViewModel.field_9_value(""); }; </script> </div> <div class="lgld-field lgl-input-radio full-width" id="field_32" data-bind="visible: field_32_visible"> <div class="lgld-field-display" data-bind="visible: field_32_visible" > <fieldset class="none"> <legend class="none"><label><span >Do you want to receive occasional email updates from the Herald?</span> <!-- is_required: display: true --> </label> </legend> <div class="lgld-field-input-note" ></div> <div> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" value="Yes" name="submission[args][field_32]" data-bind="checked: field_32_value" data-validation-error-msg="Please select an option for Do you want to receive occasional email updates from the Herald?"/> <span>Yes</span> </label> </div> <div> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" value="No" name="submission[args][field_32]" data-bind="checked: field_32_value" data-validation-error-msg="Please select an option for Do you want to receive occasional email updates from the Herald?"/> <span>No</span> </label> </div> </fieldset> </div> <script type="text/javascript"> formViewModel.field_32_visible = true; formViewModel.field_32_value = ko.observable("") reset_field_32 = function(){ formViewModel.field_32_value(""); }; </script> </div> <div class="lgld-field lgl-input-phone full-width" id="field_30" data-bind="visible: field_30_visible"> <div class="lgld-field-display" data-bind="visible: field_30_visible" > <label for="submission[args][field_30]"><span >Phone</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> <br /> <input aria-required="true" autocomplete="off" type="text" class="lgld-input-text" data-bind="value: field_30_value" placeholder="212-555-1212" name="submission[args][field_30]" id="submission[args][field_30]" data-validation="custom" data-validation-regexp="^((\+)?[1-9]{1,2})?([-\s\.])?((\(\d{1,4}\))|\d{1,4})(([-\s\.])?[0-9]{1,12}){1,3}(\s*(ext|x)\s*\.?:?\s*([0-9]+))?$" data-validation-error-msg="Please provide a valid phone number"/> <div class="lgld-field-input-note" ></div> </div> <script type="text/javascript"> formViewModel.field_30_visible = true; formViewModel.field_30_value = ko.observable(""); reset_field_30 = function(){ formViewModel.field_30_value(""); }; </script> </div> <div class="lgld-field lgl-input-address full-width" id="field_10" data-bind="visible: field_10_visible"> <div class="lgld-field-display" data-bind="visible: field_10_visible" > <fieldset class="none"> <legend class="none"><label><span >Address</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> </legend> <div class="lgld-field-name-elements"> <div class="lgld-address-row"> <div class="lgld-address-addr-1"> <input aria-required="true" autocomplete="off" type="text" data-bind="value: field_11_value" name="submission[args][field_11]" id="submission[args][field_11]" data-validation="required" data-validation-error-msg="Address Line 1 required"/> <div class="lgld-input-sublabel"><label for="submission[args][field_11]" class="none lgld-input-sublabel">Address Line 1</label></div> </div> </div> <div class="lgld-address-row"> <div class="lgld-address-addr-2"> <input autocomplete="off" type="text" data-bind="value: field_12_value" name="submission[args][field_12]" id="submission[args][field_12]" /> <div class="lgld-input-sublabel"><label for="submission[args][field_12]" class="none lgld-input-sublabel">Address Line 2</label></div> </div> </div> <div class="lgld-address-row"> <div class="lgld-field-names-input lgld-address-city"> <label style="display: none">City</label> <input aria-required="true" autocomplete="off" type="text" class="lgld-input-text" data-bind="value: field_13_value" name="submission[args][field_13]" id="submission[args][field_13]" data-validation="required" data-validation-error-msg="City required"/> <div class="lgld-input-sublabel"><label for="submission[args][field_13]" class="none lgld-input-sublabel">City</label></div> </div> <div class="lgld-field-names-input lgld-address-state"> <label style="display: none">State</label> <input aria-required="true" autocomplete="off" type="text" class="lgld-input-text" data-bind="value: field_14_value" name="submission[args][field_14]" id="submission[args][field_14]" data-validation="required" data-validation-error-msg="State/Province required"/> <div class="lgld-input-sublabel"><label for="submission[args][field_14]" class="none lgld-input-sublabel">State/Province</label></div> </div> <div class="lgld-field-names-input lgld-address-postal"> <input aria-required="true" autocomplete="off" type="text" class="lgld-input-text" data-bind="value: field_15_value" name="submission[args][field_15]" id="submission[args][field_15]" data-validation="alphanumeric" data-validation-allowing=" -" data-validation-error-msg="Please enter a valid Zip/Postal Code for Address containing only letters, numbers, spaces and hyphens."/> <div class="lgld-input-sublabel"><label for="submission[args][field_15]" class="none lgld-input-sublabel">ZIP/Postal Code</label></div> </div> <div class="clear: both;"><!-- --></div> </div> <div class="lgld-address-row"> <div class="lgld-address-country"> <input autocomplete="off" type="text" data-bind="value: field_16_value" name="submission[args][field_16]" id="submission[args][field_16]" /> <div class="lgld-input-sublabel"><label for="submission[args][field_16]" class="none lgld-input-sublabel">Country</label></div> </div> </div> </div> </fieldset> </div> <script type="text/javascript"> formViewModel.field_10_visible = true; formViewModel.field_11_value = ko.observable(''); formViewModel.field_12_value = ko.observable(''); formViewModel.field_13_value = ko.observable(''); formViewModel.field_14_value = ko.observable(''); formViewModel.field_15_value = ko.observable(''); formViewModel.field_16_value = ko.observable(''); formViewModel.field_10_value = ko.computed(function(){ var fields = [ formViewModel.field_11_value, formViewModel.field_12_value, formViewModel.field_13_value, formViewModel.field_14_value, formViewModel.field_15_value, formViewModel.field_16_value ] var address = [] $(fields).each(function(i,f) { var val = f() if (val != "") { address.push(val) } }); return address.join(" "); }); reset_field_10 = function(){ formViewModel.field_11_value(''); formViewModel.field_12_value(''); formViewModel.field_13_value(''); formViewModel.field_14_value(''); formViewModel.field_15_value(''); formViewModel.field_16_value(''); }; </script> </div> <div class="lgld-field lgl-input-dropdown full-width" id="field_33" data-bind="visible: field_33_visible"> <div class="lgld-field-display" data-bind="visible: field_33_visible" > <fieldset class="none"> <legend class="none"><label><span >Industry</span> <!-- is_required: display: true --> </label> </legend> <div class="lgld-field-input-note" ></div> <select name="submission[args][field_33]" data-bind="value: field_33_value" data-validation-error-msg="Please select an option for Industry" > <option value="">select one</option> <option value="Journalism/Media" >Journalism/Media</option> <option value="Finance" >Finance</option> <option value="Consulting" >Consulting</option> <option value="Law" >Law</option> <option value="Medicine/Biotech/Pharma" >Medicine/Biotech/Pharma</option> <option value="Non-profit" >Non-profit</option> <option value="Government" >Government</option> <option value="Tech" >Tech</option> <option value="Education" >Education</option> <option value="Entertainment/Arts" >Entertainment/Arts</option> <option value="Advertising/PR/Communications" >Advertising/PR/Communications</option> <option value="Consumer Goods/Retail" >Consumer Goods/Retail</option> <option value="Energy and Environment" >Energy and Environment</option> <option value="Real Estate" >Real Estate</option> <option value="Other" >Other</option> </select> </fieldset> </div> <script type="text/javascript"> formViewModel.field_33_visible = true; formViewModel.field_33_value = ko.observable("select one"); reset_field_33 = function(){ formViewModel.field_33_value(""); }; </script> </div> <div class="lgld-field lgl-input-dropdown full-width" id="field_42" data-bind="visible: field_42_visible"> <div class="lgld-field-display" data-bind="visible: field_42_visible" > <fieldset class="none"> <legend class="none"><label><span >What's your relationship to the BDH?</span> <!-- is_required: display: true --> </label> </legend> <div class="lgld-field-input-note" ></div> <select name="submission[args][field_42]" data-bind="value: field_42_value" data-validation-error-msg="Please select an option for What's your relationship to the BDH?" > <option value="">select one</option> <option value="BDH Alum" >BDH Alum</option> <option value="Brown Alum" >Brown Alum</option> <option value="Current Parent" >Current Parent</option> <option value="Alum Parent" >Alum Parent</option> <option value="Faculty" >Faculty</option> <option value="Student" >Student</option> <option value="Other" >Other</option> </select> </fieldset> </div> <script type="text/javascript"> formViewModel.field_42_visible = true; formViewModel.field_42_value = ko.observable("select one"); reset_field_42 = function(){ formViewModel.field_42_value(""); }; </script> </div> <div class="lgld-field lgl-input-text full-width" id="field_34" data-bind="visible: field_34_visible"> <div class="lgld-field-display" data-bind="visible: field_34_visible" > <label for="submission[args][field_34]"><span >Brown Graduating Class (if applicable)</span> <!-- is_required: display: true --> </label> <br /> <input type="text" class="lgld-input-text" data-bind="value: field_34_value" name="submission[args][field_34]" id="submission[args][field_34]" data-validation-error-msg="Brown Graduating Class (if applicable) is required"/> <div class="lgld-field-input-note" ></div> </div> <script type="text/javascript"> formViewModel.field_34_visible = true; formViewModel.field_34_value = ko.observable(""); reset_field_34 = function(){ formViewModel.field_34_value(""); }; </script> </div> <div class="lgld-field lgl-input-text full-width" id="field_47" data-bind="visible: field_47_visible"> <div class="lgld-field-display" data-bind="visible: field_47_visible" > <label for="submission[args][field_47]"><span >Would you like to honor a family member, alum or current student with this gift? If so, please write their name here.</span> <!-- is_required: display: true --> </label> <br /> <input type="text" class="lgld-input-text" data-bind="value: field_47_value" name="submission[args][field_47]" id="submission[args][field_47]" data-validation-error-msg="Would you like to honor a family member, alum or current student with this gift? If so, please write their name here. is required"/> <div class="lgld-field-input-note" ></div> </div> <script type="text/javascript"> formViewModel.field_47_visible = true; formViewModel.field_47_value = ko.observable(""); reset_field_47 = function(){ formViewModel.field_47_value(""); }; </script> </div> <div class="lgld-field lgl-input-radio full-width" id="field_41" data-bind="visible: field_41_visible"> <div class="lgld-field-display" data-bind="visible: field_41_visible" > <fieldset class="none"> <legend class="none"><label><span >Would you like to earmark your donation specifically for the Financial Assistance Program?</span> <!-- is_required: 0 display: true --> <span title="required" id="" class="lgld-required"> *</span> </label> </legend> <div class="lgld-field-input-note" ></div> <div> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" value="Yes" name="submission[args][field_41]" data-bind="checked: field_41_value" data-validation="lgld_radio_group" data-validation-error-msg="Please select an option for Would you like to earmark your donation specifically for the Financial Assistance Program?"/> <span>Yes</span> </label> </div> <div> <label class="lgld-radio-label"> <input type="radio" class="lgld-radio" value="No" name="submission[args][field_41]" data-bind="checked: field_41_value" data-validation="lgld_radio_group" data-validation-error-msg="Please select an option for Would you like to earmark your donation specifically for the Financial Assistance Program?"/> <span>No</span> </label> </div> </fieldset> </div> <script type="text/javascript"> formViewModel.field_41_visible = true; formViewModel.field_41_value = ko.observable("") reset_field_41 = function(){ formViewModel.field_41_value(""); }; </script> </div> <div class="lgld-field lgl-input-rich-text full-width" id="field_45" data-bind="visible: field_45_visible"> <div class="lgld-field-display" data-bind="visible: field_45_visible" > <div class="lgld-rich-text-name" ></div> <div class="lgld-rich-text-desc" ><p>The Brown Daily Herald's Financial Assistance Program supports students whose financial obligations, especially through work-study or other jobs, prevent or hinder their participation in Herald activities. The Financial Assistance Program was established by a generous Herald supporter and continues to be funded 100% by donations. More information is available at tinyurl.com/BDHfinaid.</p> <p><strong>PROGRAM HIGHLIGHTS</strong></p> <ul> <li><strong>$130,000+ awarded to date </strong></li> <li><strong>130+ students supported, most for multiple semesters</strong></li> <li><strong>Open to all current staffers with at least one semester of Herald experience</strong></li> <li><strong>Supported 100% by donations</strong></li> <li><strong>Includes Rattner-Stewart Scholarship, generously established in 2016 by Steven Rattner '74 in honor of his friend and fellow Herald editor Bob Stewart '74</strong></li> </ul> <p><em>"It's simple: without my time at The Herald, and the help of the assistance program, I never would have pursued a career in journalism." - Justin Elliott '07</em></p> <p><em>"I know how important this kind of aid is in keeping both college and professional newsrooms diverse. ... With the generous spirit of alumni, I hope we can continue affording students like myself the opportunities to pursure their passion for college journalism." - Tonya Riley '15</em></p></div> </div> <script type="text/javascript"> formViewModel.field_45_visible = true; formViewModel.field_45_value = ko.observable(''); </script> </div> </div> <div style="padding-bottom: 5px; padding-top: 5px; clear: both; width: 90%"> <div class="g-recaptcha" data-size="normal" data-sitekey="6Lde-woTAAAAAETrtMGt7P5wVUM682BTjycrmkxD"></div> </div> <div class="full-width form-action"> <div style="margin-bottom: 10px; text-align: left;" data-bind="visible: cover_costs_visible"> <label class="normal"> <input type="checkbox" name="submission[cover_costs]" class="lgld-checkbox" value="1" /> <span>Add 3% to my total amount to help cover the payment processing fees</span> </label> </div> <input type="text" style="visibility: hidden; position: absolute;" name="total_amt" data-bind="value: total_amount" data-validation="total_min_amount total_max_amount"/> <input id="form-submit" type="submit" class="btn lgld-submit" value="Enter payment information" name="submit" /> </div> <div data-bind="visible: submissions_available" style="margin-top: 10px; text-align: left;"> <label class="normal"> <span data-bind="text: submission_cap_text_rendered"></span> </label> <div class="clear: both;"><!-- --></div> </div> </form> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $('.datepicker').datepicker({ autoclose: true, changeMonth: true, changeYear: true, yearRange: "1910:2034", dateFormat: 'mm/dd/yy' }); $.formUtils.loadModules('validators-9f68c11ffca6583dd11a50d1b8df2fd0855e1af4d5a1d403d68a0654ed93a8cd', '/assets/form_engine/') formViewModel.minimum_amount = 5; formViewModel.total_amount = ko.computed(function(){ var total_amt = 0.0; total_amt += parseFloat((formViewModel.field_26_value() || '0').replace(',','')); total_amt += parseFloat(formViewModel.field_26_qty_amt()); return total_amt || 0; }); $.formUtils.addValidator({ name : 'total_min_amount', validatorFunction : function(total_amount) { return total_amount >= 5; }, errorMessage : 'The minimum amount is $5.00.', }); $.formUtils.addValidator({ name : 'total_max_amount', validatorFunction : function(total_amount) { return total_amount <= 250000; }, errorMessage : 'Total amount is too large.', }); formViewModel.submission_cap_text = ko.observable('Hurry, only [[ available ]] remaining.') formViewModel.submissions_available = ko.observable(null) formViewModel.submission_cap_text_rendered = ko.computed( function(){ var available = formViewModel.submissions_available(); return formViewModel.submission_cap_text().replace("[[ available ]]", available == null ? '' : available); }); $.validate({ modules : 'location, file', errorMessagePosition : 'top', // Instead of 'element' which is default validateOnBlur : false, ignoreInvisible : true, language: { errorTitle: "We're sorry, but the form could not be submitted for the following reason(s):", }, onValidate : function() { message : 'You have not completed all required fields' } }); $('#new_submission').preventDoubleSubmission(); formViewModel.cover_costs_visible = ko.computed(function(){ return true }); ko.applyBindings(formViewModel); formViewModel.get_available_quantities(); </script> </body> </html>