From a25ac79e408828537871ec7a007a6084a284f6b8 Mon Sep 17 00:00:00 2001
From: miasza <mia@two-n.com>
Date: Mon, 24 Jan 2022 14:30:16 -0500
Subject: [PATCH 1/3] hide name for now to keep submission anonymous

---
 index.html                      | 4 ++--
 src/components/Chart/style.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index a9f7b67..4ab94de 100644
--- a/index.html
+++ b/index.html
@@ -21,13 +21,13 @@
         <![endif]-->
     <section class="data-vis responsive" id="chart"></section>
 
-    <nav id="footer">
+    <!-- <nav id="footer">
       <a href="https://www.datavisualizationsociety.org/" target=_blank>
         <img src="./src/globals/styles/images/dvs.png" /> </a>
       <div>Made with ♥ by Mia Szarvas. Thank you to my teammates at Two-N for the help and advice.</div>
       <a href="https://two-n.com/" target=_blank>
         <img src="./src/globals/styles/images/2N-logo.svg" /> </a>
-    </nav>
+    </nav> -->
   </div>
   <script src="./index.js" type="module" async defer></script>
 </body>
diff --git a/src/components/Chart/style.scss b/src/components/Chart/style.scss
index f333275..9a59431 100644
--- a/src/components/Chart/style.scss
+++ b/src/components/Chart/style.scss
@@ -313,7 +313,7 @@ body {
 
   .disclaimer {
     font-size: $fontSizeXSmall;
-    margin-top: 50px;
+    margin: 50px 0;
     text-align: justify;
     strong {
       font-size: $fontSizeXSmall;

From dc96704dfd642b4f02a5b88f00128ef90f922876 Mon Sep 17 00:00:00 2001
From: miasza <mia@two-n.com>
Date: Thu, 3 Mar 2022 08:07:20 -0800
Subject: [PATCH 2/3] fix date calculation

---
 src/globals/helpers.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/globals/helpers.js b/src/globals/helpers.js
index 4c7bb91..dd806ad 100644
--- a/src/globals/helpers.js
+++ b/src/globals/helpers.js
@@ -110,14 +110,26 @@ const getAreaData = (gap) => {
   return [lineData, wealth_sum, growth, loss]
 }
 
+
+// source https://observablehq.com/@hugodf/add-days-to-a-javascript-date
+function addDays(date, days) {
+  const copy = new Date(Number(date))
+  copy.setDate(date.getDate() + days)
+  return copy
+}
+
 const getDonutData = (gapPercent) => {
   // typical number of work days in a year
   const WORK_DAYS = 262
   // days extra worked to add to date
   const days = 365 * gapPercent
+
   // start counting from Jan 1st of this year
   const new_year = new Date(new Date().getFullYear(), 0, 1)
-  const date = FORMATTERS.date(new Date().setDate(new_year.getDate() + days))
+
+  const unformattedDate = addDays(new_year, days)
+
+  const date = FORMATTERS.date(unformattedDate)
 
   // always fill array for outer donut
   const donutData = [{ type: "worked_days", value: WORK_DAYS + gapPercent * WORK_DAYS }]

From f07b1b782b84668f83beafd79a51906a4e556aa2 Mon Sep 17 00:00:00 2001
From: miasza <mia@two-n.com>
Date: Thu, 3 Mar 2022 08:52:19 -0800
Subject: [PATCH 3/3] add percent back into text

---
 src/globals/constants.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/globals/constants.js b/src/globals/constants.js
index 33b17fa..2fcc65f 100644
--- a/src/globals/constants.js
+++ b/src/globals/constants.js
@@ -60,7 +60,7 @@ const TEXT = {
   EMPTY: "Sorry, there is no data for your selected filters.",
   WEALTH: `in wealth over 30 years,
   assuming you invest that amount today in an index fund tracking the S&P 500.
-  This is assuming an inflation adjusted return of over year,
+  This is assuming an inflation adjusted return of 8.29% year over year,
   as is the historical return of the S&P 500.`,
   TOGGLE: { color: "Color Blind Mode", gray: "gray" }
 }