futzing with the look of the page

Author: bnmnetp

views/default/donate.html

@@ -6,32 +6,22 @@
 
 <div class="container">
     <div class="col-md-8 col-md-offset-2" style="font-size: large;">
-        <h1>Support Runestone Interactive</h1>
-
-        <p>Your support of Runestone Academy is vital to our future.
-            Runestone has grown from one introductory computer science
-            course in 2012 to supporting thousands of courses and hundreds of thousands of
-            students! Since the Fall of 2018 Runestone Academy has saved students over
-            $21 million in textbook fees!</p>
-        <p>Your support ensures that great interactive textbooks
-            will remain free. It also:</p>
-            <ul>
-                <li>Supports the ongoing development of the Runestone platform.</li>
-                <li>Motivates new authors to write more books on new topics.</li>
-                <li>Pays our server bills.</li>
-                <li>Creates resources to train and support instructors.</li>
-            </ul>
+        <h1>Support Runestone Academy</h1>
+
+        <p><img src="/static/images/RAIcon.png" height="40px" /> Your support of Runestone Academy LTD is vital to our future. Voluntary support from students and schools is one of our primary sources of income.  Since the Fall of 2018 Runestone Academy has served over 316,000 registered students! At $100 a book we have saved students $31 million in textbook purchases!</p>
+
         <p>Thank You! <br/>
             Brad Miller, Founder and Chief Developer -- Runestone Academy Ltd</p>
         <div class="panel panel-default">
-            <div class="panel-heading">Donation Amount</div>
+            <div class="panel-heading">Select an amount to donate</div>
             <div class="panel panel-body">
                 <input type="radio" name="donate" id="donate10" value="10.00"> <label for="donate10">$10</label><br>
-                <input type="radio" name="donate" id="donate20" value="20.00"> <label for="donate20">$20</label><br>
+                <input type="radio" name="donate" id="donate20" value="20.00"> <label for="donate20">$20</label><span style="margin-left: 20%; padding: 10px; border: solid black; border-radius: 10px;">Once you donate we won't ask again.</span><br>
                 <input type="radio" name="donate" id="donate50" value="50.00"> <label for="donate50">$50</label><br>
-                Other: <input type="text" name="donate" id="donateother" value=""/><br>
-		<div style="margin-top: 15px; margin-left: 30px;">
-                  <a class="btn btn-warning" href="{{=URL('index')}}" role="button">Sorry, not Today</a>
+                <input type="radio" name="donate" id="donate100" value="100.00"> <label for="donate100">$100</label><br>
+                Other: <input type="text" name="donate" id="donateother" value=""/> Anything more than $1 is appreciated.<br>
+		<div style="margin-top: 15px;" class="col-md-offset-5">
+                  <a class="btn btn-info" href="{{=URL('index')}}" role="button">Sorry, not Today</a>
 		  </div>
             </div>
         </div>