Refactor and add additional footnote

gurbindersingh · Jul 5, 2024 · 3857590 · 3857590
1 parent 79d9d8b
commit 3857590
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -65,7 +65,7 @@ <h3 class="">How it works</h3>
                     always be possible to sell the exact amount needed.
                 </p>
                 <hr />
-                <p id="first" class="has-text-grey">
+                <p id="si" class="has-text-grey">
                     [1] If your salary does not increase every year, you can easily
                     calculate the yearly value by taking the n-th root of the total
                     increase, where n is the number of years. For example, if you started
@@ -75,12 +75,19 @@ <h3 class="">How it works</h3>
                     calculate <code>nth_root(3, 1.10) or 1.10^(1/3) = ~1.03228...</code>,
                     which is approximately 3.23%.
                 </p>
-                <p id="second" class="has-text-grey">
+                <p id="cs" class="has-text-grey">
                     [2] This amount is also assumed to be invested with the same rate of
                     return as specified above.
                 </p>
-                <p id="third" class="has-text-grey">
-                    [3] In some places, the pension you receive is increased each year to
+                <p id="csc" class="has-text-grey">
+                    [3] This is what you currently contribute towards your savings or
+                    investments. It is also used to determine the current living costs by
+                    subtracting the amount from your salary. Any further saving
+                    contributions are calculated by subtracting the living costs from the
+                    salary.
+                </p>
+                <p id="rii" class="has-text-grey">
+                    [4] In some places, the pension you receive is increased each year to
                     account for inflation. If this is not the case where you are, just
                     leave this value at 0.
                 </p>

diff --git a/src/settings.ts b/src/settings.ts
@@ -71,21 +71,21 @@ const inputs: Inputs[] = [
     },
     {
         label: "Salary Increase",
-        description: `The average salary increase you expect per year <a href="#first">[1]</a>`,
+        description: `The average salary increase you expect per year <a href="#si">[1]</a>`,
         isPercentage: true,
         settingsKey: "salaryIncrease",
         id: "salary-increase"
     },
     {
         label: "Current Savings",
-        description: `The total sum of your current savings <a href="#second">[2]</a>`,
+        description: `The total sum of your current savings <a href="#cs">[2]</a>`,
         isPercentage: false,
         settingsKey: "currentSavings",
         id: "current-savings"
     },
     {
         label: "Current Savings Contributions",
-        description: "The percentage of your salary that goes towards savings",
+        description: `The percentage of your salary that goes towards savings <a href="#csc">[3]</a>`,
         isPercentage: true,
         settingsKey: "savingsPercentage",
         id: "savings-percentage"
@@ -106,7 +106,7 @@ const inputs: Inputs[] = [
     },
     {
         label: "Retirement Income Increase",
-        description: `The annual increase of your retirement income <a href="#third">[3]</a>`,
+        description: `The annual increase of your retirement income <a href="#rii">[4]</a>`,
         isPercentage: true,
         settingsKey: "retirementIncomeIncrease",
         id: "retirement-income-increase"