Initial Deployment

Durhamster · Jun 26, 2022 · 45a9e3d · 45a9e3d
1 parent 9d5bd5a
commit 45a9e3d
Show file tree

Hide file tree

Showing 29 changed files with 1,015 additions and 0 deletions.
diff --git a/dist/about.html b/dist/about.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link rel="icon" type="image/svg+xml" href="/Sports_Fan_Misery/assets/favicon.b13870ce.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+    />
+    <title>Sports Fan Misery - About</title>
+    <div id="navbar"></div>
+    <script type="module" crossorigin src="/Sports_Fan_Misery/assets/about.7d71c56e.js"></script>
+    <link rel="modulepreload" href="/Sports_Fan_Misery/assets/all_pages.787ea798.js">
+    <link rel="stylesheet" href="/Sports_Fan_Misery/assets/all_pages.b2ab00fc.css">
+    <link rel="stylesheet" href="/Sports_Fan_Misery/assets/about.2bc21c8a.css">
+  </head>
+  <body class="loading container">
+    <div id="about">
+      <h1>About The Sports Fan Misery Calculator</h1>
+      <hr id="top_divider" class="divider" />
+      <p id="intro">
+        Being a sports fan can be a painful experience, but some fan bases have
+        it far worse than others. Are you one of them? You may think the teams
+        you follow bring you misery, but what if you could know not only
+        precisely how miserable they make you, but how many more (if any)
+        championship/cup/trophy wins you likely see in your life?
+      </p>
+      <p>That's what this sets out to do, using the power of data!</p>
+
+      <h3 class="question">"What years/seasons are included in this?"</h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        Seasons are not added until they are finished. Some leagues are over 100
+        years old, while others have only been around a few years. For an exact
+        date range for each league, please see the
+        <a href="sources.html">sources page</a>.
+      </p>
+
+      <h3 class="question">
+        "I'm a fan of X team. How could you possibly measure the pain they bring
+        me?"
+      </h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        It's actually quite simple. There are multiple approaches to quantifying
+        all the emotions that go with being emotionally invested in a team. This
+        site uses a combination of all three of these to achieve the most
+        accurate results possible. These are:
+      </p>
+      <h4>The Calculus Method</h4>
+      <p>
+        The first is the classical approach known as the
+        <a
+          href="https://en.wikipedia.org/wiki/Schwarzschild_radius"
+          target="_blank"
+          >Schwarzschild Radius</a
+        >, named after German astronomer Karl Schwarzschild.
+      </p>
+      <h4>The Arithmetic Method</h4>
+      <p>
+        The second most common approach is to take number of championships,
+        cups, trophies, finals an individual's team has brought them in their
+        lifetime, and divide by the number of years they have been alive. This
+        gives an average number of years between brief moments when the fan can
+        say to themselves "maybe life isn't so bad".
+      </p>
+      <h4>The Consultant PowerPoint Method</h4>
+      <p>
+        The third approach is with a simple flow chart. The boxes in this chart
+        vary based on the league in question, but roughly come down to the same
+        methods mathematically. Typically getting these results requires a
+        multi-year multi-million dollar contract with McKinsey, but luckily a
+        few free ones are available online.
+      </p>
+      <p>
+        For example, the flow chart for the National Football League would be
+        the following:
+      </p>
+      <img alt="flowchart" width="500" height="600" id="flowchart" />
+
+      <h3 class="question">"Will you be adding X league or Y competition?</h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        At the moment the following leagues are planned to be added in future
+        updates:
+      </p>
+      <ul>
+        <li>Australian Football League (Dates TBD)</li>
+        <li>Brasileirão (Dates TBD)</li>
+        <li>Bundesliga (Dates prior to 1996)</li>
+        <li>Eredivisie (1956 - 2021)</li>
+        <li>La Liga (Dates prior to 1996)</li>
+        <li>Liga MX (1943 - 2021)</li>
+        <li>Ligue 1 (Dates prior to 1996)</li>
+        <li>National Rugby League (1998 - 2022)</li>
+        <li>NCAA Football (Dates vary by Conference)</li>
+        <li>Nippon Professional Baseball (1950 - 2021)</li>
+        <li>Premier league (Dates prior to 1996)</li>
+        <li>Primeira Liga (Dates TBD)</li>
+        <li>Serie A (Dates prior to 1996)</li>
+      </ul>
+
+      <p>Leagues with no current plans to be added in future updates:</p>
+      <ul>
+        <li>Any Minor League Baseball (A, AA, AAA)</li>
+        <li>
+          Any Soccer/Football league that is not level 1 on that country's
+          league system
+        </li>
+        <li>F1, F2, etc.</li>
+      </ul>
+
+      <p>
+        Leagues & Teams that will <b>NOT</b> be added in future updates (so
+        please stop asking):
+      </p>
+      <ul>
+        <li>
+          Leagues that are less than five years old (i.e. the Canadian Premier
+          League)
+        </li>
+        <li>Any individual based sports (i.e. boxing, MMA, NASCAR, etc.)</li>
+        <li>Fictional Leagues</li>
+        <li>Your Fantasy League</li>
+        <li>Any All-Star teams</li>
+        <li>The Co-Ed softball/kickball league you play in</li>
+      </ul>
+
+      <h3 class="question">"What about historical teams?</h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        All franchises that have moved cities or changed names at any point are
+        under their current name. The records from their previous city and/or
+        name are included unless the league itself decided otherwise, for
+        example the OKC Thunder did not inherit the Seattle Super Sonics
+        records.
+      </p>
+      <p>
+        At this time there are no plans for add options for historical team
+        names or defunct teams. In other words, yes the creator of this site is
+        aware that there are still a few grumpy
+        <a
+          href="https://www.nytimes.com/2020/01/30/us/politics/bernie-sanders-baseball.html"
+          target="_blank"
+          >Brooklyn</a
+        >
+        <a
+          href="https://www.nytimes.com/2020/03/27/realestate/a-brooklyn-dodgers-fan-who-never-gave-up-on-ebbets-field.html"
+          target="_blank"
+          >Dodgers</a
+        >
+        fans out there.
+      </p>
+
+      <h3 class="question">
+        "Where can I find the data used in this available?"
+      </h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        Most of the data for this was obtained from
+        <a href="https://www.sports-reference.com/" target="_blank"
+          >Sports-Reference.com</a
+        >
+        and
+        <a
+          href="https://en.wikipedia.org/wiki/Sports-related_curses"
+          target="_blank"
+          >Wikipedia</a
+        >. The data files can be found in the github repository for this site in
+        both
+        <a
+          href="https://github.com/Durhamster/sports_fan_misery/tree/main/src/data/csv"
+          target="_blank"
+          >csv</a
+        >
+        and
+        <a
+          href="https://github.com/Durhamster/sports_fan_misery/tree/main/src/data/json"
+          target="_blank"
+          >json</a
+        >
+        formats.
+      </p>
+      <p>
+        The repo for the web scraper used to obtain some of the data
+        Sports-Reference.com can be found
+        <a
+          href="https://github.com/Durhamster/Sports_Teams_Data_Scrape"
+          target="_blank"
+          ><i class="fab fa-github" id="github_icon"></i> here.
+        </a>
+      </p>
+      <p>
+        A more detailed list of sources can be found on the
+        <a href="sources.html">sources page</a>.
+      </p>
+
+      <h3 class="question">
+        "Why aren't any of the logos for the leagues or teams used here?"
+      </h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        To avoid any copyrights issues. Low-effort Microsoft Paint drawings of
+        the logos were considered but that idea was shelved until more expensive
+        legal counsel can be acquired. Sports leagues are serious about
+        protecting their brands and the creator of this site is serious about
+        not wanting to go to court over this.
+      </p>
+      <h3 class="question">
+        "I have a data set for a league not included in this site. Can I
+        contribute it?"
+      </h3>
+      <hr class="sub_divider" />
+      <p class="answer">
+        Absolutely! Data collection and cleaning is a very time intensive
+        process. Even partial data sets for any league would be helpful. If you
+        have a set you would like to contribute please see the contact section
+        below to reach out.
+      </p>
+      <div id="contact">
+        <h2>Contact</h2>
+        <hr class="sub_divider" />
+        <p>
+          The best way to get a hold of me is to shoot me a direct message on
+          <a href="https://twitter.com/durhamster" target="blank"
+            ><i class="fab fa-twitter"></i> Twitter</a
+          >
+          or connect with me on
+          <a href="http://www.linkedin.com/in/tom-durham/" target="blank"
+            ><i class="fab fa-linkedin"></i> LinkedIn</a
+          >.
+        </p>
+        <p>
+          While you're at it, check out my other projects on
+          <a
+            href="https://github.com/Durhamster"
+            title="Durhamster on GitHub"
+            target="blank"
+            ><i class="fab fa-github" id="github_icon"></i> Github</a
+          >.
+        </p>
+        <p>
+          Want to support me? Feel free to
+          <a href="https://www.buymeacoffee.com/durhamster" target="blank"
+            ><i class="fas fa-coffee"></i> buy me a coffee!</a
+          >
+        </p>
+      </div>
+    </div>
+    <div id="footer"></div>
+
+
+  </body>
+</html>
diff --git a/dist/assets/about.2bc21c8a.css b/dist/assets/about.2bc21c8a.css
diff --git a/dist/assets/about.7d71c56e.js b/dist/assets/about.7d71c56e.js
diff --git a/dist/assets/all_pages.787ea798.js b/dist/assets/all_pages.787ea798.js
diff --git a/dist/assets/all_pages.b2ab00fc.css b/dist/assets/all_pages.b2ab00fc.css
diff --git a/dist/assets/bbl.f6c83317.png b/dist/assets/bbl.f6c83317.png
diff --git a/dist/assets/bundesliga.44cca2ed.png b/dist/assets/bundesliga.44cca2ed.png
diff --git a/dist/assets/cfl.dcb8cc2f.png b/dist/assets/cfl.dcb8cc2f.png
diff --git a/dist/assets/epl.a9838a9d.png b/dist/assets/epl.a9838a9d.png
diff --git a/dist/assets/favicon.b13870ce.svg b/dist/assets/favicon.b13870ce.svg
diff --git a/dist/assets/flowchart.fd94c727.jpg b/dist/assets/flowchart.fd94c727.jpg
diff --git a/dist/assets/ipl.41f68155.png b/dist/assets/ipl.41f68155.png
diff --git a/dist/assets/isl.90bc9c7c.png b/dist/assets/isl.90bc9c7c.png
diff --git a/dist/assets/kbo.14ef173b.png b/dist/assets/kbo.14ef173b.png
diff --git a/dist/assets/laliga.f3d7c21b.png b/dist/assets/laliga.f3d7c21b.png
diff --git a/dist/assets/ligue1.98efcae1.png b/dist/assets/ligue1.98efcae1.png
diff --git a/dist/assets/main.4eaa53ed.css b/dist/assets/main.4eaa53ed.css
diff --git a/dist/assets/main.e51566ec.js b/dist/assets/main.e51566ec.js
diff --git a/dist/assets/mlb.45ea9050.png b/dist/assets/mlb.45ea9050.png
diff --git a/dist/assets/mls.21b9af2e.png b/dist/assets/mls.21b9af2e.png
diff --git a/dist/assets/nba.891b4e2c.png b/dist/assets/nba.891b4e2c.png
diff --git a/dist/assets/nfl.f75f9489.png b/dist/assets/nfl.f75f9489.png
diff --git a/dist/assets/nhl.b1db2e1d.png b/dist/assets/nhl.b1db2e1d.png
diff --git a/dist/assets/nwsl.f7a8a1da.png b/dist/assets/nwsl.f7a8a1da.png
diff --git a/dist/assets/serie_a.717ea7a1.png b/dist/assets/serie_a.717ea7a1.png
diff --git a/dist/assets/sources.4ff818d8.js b/dist/assets/sources.4ff818d8.js
diff --git a/dist/assets/wnba.ae60e94b.png b/dist/assets/wnba.ae60e94b.png
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <link rel="icon" type="image/svg+xml" href="/Sports_Fan_Misery/assets/favicon.b13870ce.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Sports Fan Misery</title>
+    <script type="module" crossorigin src="/Sports_Fan_Misery/assets/main.e51566ec.js"></script>
+    <link rel="modulepreload" href="/Sports_Fan_Misery/assets/all_pages.787ea798.js">
+    <link rel="stylesheet" href="/Sports_Fan_Misery/assets/all_pages.b2ab00fc.css">
+    <link rel="stylesheet" href="/Sports_Fan_Misery/assets/main.4eaa53ed.css">
+  </head>
+  <body class="loading container">
+    <div id="main_app"></div>
+    <div class="hidden" id="misery_zone">
+      <div id="misery_inputs"></div>
+      <div id="misery_calc"></div>
+    </div>
+    <p>
+      <a href="" id="back_link"><i>Start over</i></a>
+    </p>
+    <div id="footer"></div>
+
+
+  </body>
+</html>