Andal.LND/edx-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more cleanup on photos for vcerts

Browse Source
This commit is contained in:
Frances Botsford
2013-08-27 11:04:34 -04:00
parent 28db6a2fda
commit e6bfb887c4
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lms/static/sass/views/_verification.scss
View File

@@ -586,13 +586,10 @@ body.register.verification-process {
.title { .title {
@extend .t-title5; @extend .t-title5;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
padding: $baseline 0 ($baseline/4) 0; padding-bottom: ($baseline/4);
font-weight: bold; font-weight: bold;
} }
li {
margin-bottom: $baseline;
}
} }
.next-step { .next-step {
@@ -610,6 +607,11 @@ body.register.verification-process {
.review-photo { .review-photo {
width: 500px; width: 500px;
float: left; float: left;
.title {
@extend .t-title5;
margin-top: $baseline;
}
} }
#review-facephoto { #review-facephoto {

13
lms/templates/verify_student/photo_verification.html
View File

@@ -328,7 +328,7 @@
<img id="face_image" width="500" height="375" src=""/> <img id="face_image" width="500" height="375" src=""/>
</div> </div>
<h4>The photo above needs to meet the following requirements:</h4> <h4 class="title">The photo above needs to meet the following requirements:</h4>
<ul> <ul>
<li>Be well lit</li> <li>Be well lit</li>
<li>Show your whole face</li> <li>Show your whole face</li>
@@ -341,14 +341,17 @@
<img id="photo_id_image" width="500" height="375" src=""/> <img id="photo_id_image" width="500" height="375" src=""/>
</div> </div>
<h4>The photo above needs to meet the following requirements:</h4> <h4 class="title">The photo above needs to meet the following requirements:</h4>
<ul> <ul>
<li>Be readable (not too far away, no glare)</li> <li>Be readable (not too far away, no glare)</li>
<li>Show your name</li> <li>Show your name</li>
<li>Match the photo of your face and your name above</li> <li>Match the photo of your face and your name above</li>
</ul> </ul>
</div> </div>
</div> </div>
<p>Photos don't meet the requirements? <a href="#">Retake the photos</a>.</p>
<hr /> <hr />
@@ -381,22 +384,22 @@
</dl> </dl>
</div> </div>
<hr />
<div class="next-step"> <div class="next-step">
<p>Photos don't meet the requirements? <a href="">Retake the photos</a>.</p>
<form id="pay_form" method="post" action="${purchase_endpoint}"> <form id="pay_form" method="post" action="${purchase_endpoint}">
<!-- <a href="#">Go to Step 4: Secure Payment</a> --> <!-- <a href="#">Go to Step 4: Secure Payment</a> -->
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }"> <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
<input type="checkbox" name="match" id="confirm_pics_good" /> <label for="match">Yes! My details all match.</label> <input type="checkbox" name="match" id="confirm_pics_good" /> <label for="match">Yes! My details all match.</label><br />
<input type="hidden" name="course_id" value="${course_id | h}" /> <input type="hidden" name="course_id" value="${course_id | h}" />
<p class="m-btn-primary" id="pay_button_frame"> <p class="m-btn-primary" id="pay_button_frame">
<input type="button" id="pay_button" value="Go to Step 4: Secure Payment" name="payment"> <input type="button" id="pay_button" value="Go to Step 4: Secure Payment" name="payment">
</p> </p>
</form> </form>
<p class="tip">Once you verify your details match the requirements, you can move on to step 4, payment on our secure server.</p> <p class="tip">Once you verify your details match the requirements, <br />you can move on to step 4, payment on our secure server.</p>
</div> </div>
</div> </div>
</section> </section>