Merge pull request #3666 from FreeCodeCamp/fix/commit
update look of commit
This commit is contained in:
@ -491,7 +491,7 @@ thead {
|
||||
}
|
||||
|
||||
.story-section {
|
||||
min-height: 500px;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.testimonial-copy {
|
||||
|
@ -22,7 +22,7 @@ block content
|
||||
input(type='text' value='#{name}' name='nonprofit')
|
||||
.row
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||
h3 Choose your goal:
|
||||
h3 Step 1: Choose your goal
|
||||
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
||||
label.btn.btn-primary.btn-lg.active
|
||||
input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked")
|
||||
@ -33,7 +33,7 @@ block content
|
||||
.spacer
|
||||
.row
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||
h3 Choose your monthly pledge:
|
||||
h3 Step 2: Choose your monthly pledge
|
||||
.btn-group.btn-group-justified(data-toggle='buttons' role='group')
|
||||
label.btn.btn-success
|
||||
input(type='radio' id='5-dollar-pledge' value='5' name='amount')
|
||||
@ -48,23 +48,42 @@ block content
|
||||
input(type='radio' id='50-dollar-pledge' value='50' name='amount')
|
||||
| $50 per month
|
||||
.spacer
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||
h3 Step 3: Set up your monthly donation
|
||||
.row
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||
a#commit-btn-submit.btn.btn-block.btn-lg.signup-btn(href=donateUrl target='_blank') Commit (and open donate page)
|
||||
a#commit-btn-donate.btn.btn-block.btn-lg.btn-primary(href=donateUrl target='_blank') Open the #{displayName} donation page
|
||||
|
||||
.spacer
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3
|
||||
h3#commit-step4-text.disabled
|
||||
Step 4: Confirm
|
||||
span#commit-step4-hidden.disabled (Do step 3 first)
|
||||
span#commit-step4-show.hidden your commitment to your goal
|
||||
.row
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||
button#commit-btn-submit.btn.btn-block.btn-lg.btn-primary.disabled Commit
|
||||
|
||||
if pledge
|
||||
form.row(name='stop-pledge' action='/commit/stop-commitment' method='post')
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||
.button-spacer
|
||||
button.btn.btn-block.btn-danger(name='submit' type='submit') Stop my current pledge
|
||||
button.btn.btn-block.btn-lg.btn-default(name='submit' type='submit') Stop my current pledge
|
||||
else
|
||||
.row
|
||||
.col-xs-12.col-sm-6.col-sm-offset-3.text-center
|
||||
.button-spacer
|
||||
a.btn.btn-block.btn-default(href='/') Maybe later
|
||||
a.btn.btn-block.btn-lg.btn-default(href='/map') Maybe later
|
||||
.spacer
|
||||
script.
|
||||
$(function() {
|
||||
$('#commit-btn-donate').click(function() {
|
||||
$('#commit-btn-submit').removeClass('disabled');
|
||||
$('#commit-step4-text').removeClass('disabled');
|
||||
$('#commit-step4-hidden').hide();
|
||||
$('#commit-step4-show').removeClass('hidden');
|
||||
});
|
||||
|
||||
$('#commit-btn-submit').click(function() {
|
||||
window.location.href = '/commit/pledge?' + $('form').serialize();
|
||||
});
|
||||
|
@ -11,8 +11,9 @@ block content
|
||||
.story-section
|
||||
a(href=story.linkedin target='_blank')
|
||||
img.testimonial-image.img-responsive.img-center(src=story.image)
|
||||
h3.text-center
|
||||
a(href=story.linkedin target='_blank')= story.camper
|
||||
h3.text-center= story.camper
|
||||
|
|
||||
a.fa.fa-linkedin-square.text-primary(alt="#{story.camper}'s LinkedIn Profile", href=story.linkedin, target='_blank')
|
||||
p.text-justify= story.quote
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user