[khanacademy] r1277 committed - Make it clearer that the images in these instructions are screen shots...

[khana...@googlecode.com]

Revision: 1277
Author: jason...@gmail.com
Date: Tue Mar 8 19:02:45 2011
Log: Make it clearer that the images in these instructions are screen
shots. Link them to the proper page just in case. Make the language more
explicit as well.
http://code.google.com/p/khanacademy/source/detail?r=1277

Modified:
/trunk/empty_class_instructions.html
/trunk/stylesheets/shared-package/default.css

=======================================
--- /trunk/empty_class_instructions.html Tue Mar 8 15:45:42 2011
+++ /trunk/empty_class_instructions.html Tue Mar 8 19:02:45 2011
@@ -1,20 +1,23 @@
<div id="empty-class">
<h1>You don't have any students yet.</h1>
- <h3>Each of your students should:</h3>
+ <h3>Each of your students needs to sign in and follow these steps:</h3>
<ol>
<li>
- <p>Log in and click on the <a href="/coaches">Add a Coach</a>
link at the bottom of the page.</p>
- <img src="/images/add-a-coach.png" style="border: 1px solid
#ddd;" />
+ <p>First, they should click on the <a href="/coaches">Add a
Coach</a> link at the bottom of the page.</p>
+ <a href="/coaches"><img src="/images/add-a-coach.png"
class="vertical-shadow rounded-background" /></a>
</li>
<li class="enter-email">
- <p>Enter your Coach ID. Your Coach ID is <strong>{{
coach_email|escape }}</strong>.</p>
+ <p>Then, they should enter your Coach ID in the form that
looks like this:</p>
<div class="coach-email">{{ coach_email|escape }}</div>
- <img src="/images/enter-coach-email.png?{{App.version}}" />
+ <a href="/coaches"><img
src="/images/enter-coach-email.png?{{App.version}}" class="vertical-shadow
rounded-background"/></a>
+ <p>
+ Your Coach ID is <strong>{{ coach_email|escape }}</strong>.
+ </p>
</li>
<li class="click-register">
- <p>Click the <em>Register Coach</em> button.</p>
+ <p>Finally, they need to click the <em>Register Coach</em>
button. It looks like this:</p>
<div class="coach-email">{{ coach_email|escape }}</div>
- <img src="/images/click-register.png?{{App.version}}" />
+ <a href="/coaches"><img
src="/images/click-register.png?{{App.version}}" class="vertical-shadow
rounded-background"/></a>
</li>
</ol>
<p>Once students make you their coach, you'll have access to all types
of interesting data about their progress and achievements.</p>
=======================================
--- /trunk/stylesheets/shared-package/default.css Tue Mar 8 15:26:29 2011
+++ /trunk/stylesheets/shared-package/default.css Tue Mar 8 19:02:45 2011
@@ -2401,11 +2401,11 @@
text-align: left;
}
#empty-class ol li.enter-email div.coach-email {
- top: 86px;
+ top: 96px;
left: 115px;
}
#empty-class ol li.click-register div.coach-email {
- top: 87px;
+ top: 97px;
left: 110px;
}
/* End No students page styles */