make recommended amount + equiv line up (#31)

* make recommended amount + equiv line up

* switch from peldge year to class year

Some of our members don't have a peldge year,
because of historic injustices.

Author: nikomatsakis

content/giving/alumxi.md

@@ -18,12 +18,12 @@ we've prepared a handy chart below.
 The chart shows several donation tiers -- pick the one best for you!
 **If all the alumxi alumni gave at the "alumxi advocate tier", we would meet our fundraising goal!**
 
-{{< recommended_donation_peldge_year >}}
+{{< recommended_donation_class_year >}}
 
 | Tier                                                                               | Recommended amount                       | In ten years, the interest on your donations will fund... |
 | ---------------------------------------------------------------------------------- | ---------------------------------------- | --------------------------------------------------------- |
 | Alumxi advocate                                                                    | {{< recommended_donation factor="16" >}} | {{< recommended_donation_equiv factor="16" >}}            |
-| Squids supporter ![Recommended](https://img.shields.io/badge/-Recommended!-purple) | {{< recommended_donation factor="8" >}}  | {{< recommended_donation_equiv factor="4" >}}             |
+| Squids supporter ![Recommended](https://img.shields.io/badge/-Recommended!-purple) | {{< recommended_donation factor="8" >}}  | {{< recommended_donation_equiv factor="8" >}}             |
 | Purple palace guard                                                                | {{< recommended_donation factor="2" >}}  | {{< recommended_donation_equiv factor="2" >}}             |
 
 {{< recommended_donation_js >}}

docs/giving/alumxi/index.html

@@ -172,11 +172,11 @@ <h2 id="how-much-to-give">How much to give?<a href="#how-much-to-give" class="ha
 we&rsquo;ve prepared a handy chart below.
 The chart shows several donation tiers &ndash; pick the one best for you!
 <strong>If all the alumxi alumni gave at the &ldquo;alumxi advocate tier&rdquo;, we would meet our fundraising goal!</strong></p>
-<label for="peldge_year">Enter your peldge year to customize:</label>
+<label for="class_year">Enter your MIT class year to customize:</label>
 <input
     type="number" 
-    id="peldge_year" 
-    name="peldge_year"
+    id="class_year" 
+    name="class_year"
     min="1950" 
     max="3000"
     >
@@ -194,7 +194,7 @@ <h2 id="how-much-to-give">How much to give?<a href="#how-much-to-give" class="ha
 <td>Alumxi advocate</td>
 <td>
 <span factor="16" class="recommended-donation">
-    (enter your peldge year above)
+    (enter your class year above)
     </span></td>
 <td>
 <span factor="16" class="equivalent-donation">
@@ -205,18 +205,18 @@ <h2 id="how-much-to-give">How much to give?<a href="#how-much-to-give" class="ha
 <td>Squids supporter <img src="https://img.shields.io/badge/-Recommended!-purple" alt="Recommended"></td>
 <td>
 <span factor="8" class="recommended-donation">
-    (enter your peldge year above)
+    (enter your class year above)
     </span></td>
 <td>
-<span factor="4" class="equivalent-donation">
+<span factor="8" class="equivalent-donation">
 
     </span></td>
 </tr>
 <tr>
 <td>Purple palace guard</td>
 <td>
 <span factor="2" class="recommended-donation">
-    (enter your peldge year above)
+    (enter your class year above)
     </span></td>
 <td>
 <span factor="2" class="equivalent-donation">

docs/js/recommended_donation.js

@@ -1,14 +1,14 @@
-var peldge_year = document.getElementById("peldge_year");
+var class_year = document.getElementById("class_year");
 
-peldge_year.onchange = recomputeRecommendedDonations;
+class_year.onchange = recomputeRecommendedDonations;
 function recomputeRecommendedDonations() {
   function computeAmount(scaleFactor) {
-    let peldgeYear = parseInt(peldge_year.value);
+    let classYear = parseInt(class_year.value);
     let currentYear = new Date().getUTCFullYear();
-    if (peldgeYear >= currentYear) {
+    if (classYear >= currentYear) {
       return 0;
     }
-    return (Math.trunc((currentYear - peldgeYear) / scaleFactor) + 1) * 22;
+    return (Math.trunc((currentYear - classYear) / scaleFactor) + 1) * 22;
   }
 
   for (let tier of document.getElementsByClassName("recommended-donation")) {

layouts/shortcodes/recommended_donation.html

@@ -1,4 +1,4 @@
 {{ $factor := (.Get "factor" ) }}
 <span factor="{{$factor}}" class="recommended-donation">
-    (enter your peldge year above)
+    (enter your class year above)
     </span>

layouts/shortcodes/recommended_donation_class_year.html

@@ -0,0 +1,8 @@
+<label for="class_year">Enter your MIT class year to customize:</label>
+<input
+    type="number" 
+    id="class_year" 
+    name="class_year"
+    min="1950" 
+    max="3000"
+    >

layouts/shortcodes/recommended_donation_peldge_year.html

@@ -1,14 +1,14 @@
-var peldge_year = document.getElementById("peldge_year");
+var class_year = document.getElementById("class_year");
 
-peldge_year.onchange = recomputeRecommendedDonations;
+class_year.onchange = recomputeRecommendedDonations;
 function recomputeRecommendedDonations() {
   function computeAmount(scaleFactor) {
-    let peldgeYear = parseInt(peldge_year.value);
+    let classYear = parseInt(class_year.value);
     let currentYear = new Date().getUTCFullYear();
-    if (peldgeYear >= currentYear) {
+    if (classYear >= currentYear) {
       return 0;
     }
-    return (Math.trunc((currentYear - peldgeYear) / scaleFactor) + 1) * 22;
+    return (Math.trunc((currentYear - classYear) / scaleFactor) + 1) * 22;
   }
 
   for (let tier of document.getElementsByClassName("recommended-donation")) {