From 17ae03ea65839ca7d4321e546cd3ee371cf58dbd Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sat, 5 Oct 2024 17:28:05 -0700
Subject: fix build

---
 src/pages/about/index.tsx | 161 +++++++++++++++++++++++-----------------------
 1 file changed, 80 insertions(+), 81 deletions(-)

(limited to 'src/pages/about/index.tsx')

diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
index 4974fd6..b050d1b 100644
--- a/src/pages/about/index.tsx
+++ b/src/pages/about/index.tsx
@@ -4,92 +4,91 @@ import TitleBar from '@/components/TitleBar/TitleBar';
 import Footer from '@/components/Footer/Footer';
 import Head from 'next/head';
 
-
 const About: React.FC = () => {
   return (
     <>
-    <Head>
-      <title>PhaseTracker - About</title>
-      <meta name="description" content="Information and Frequently Asked Questions about PhaseTracker" />
-    </Head>
-    <TitleBar title="About" backgroundColor="black" showHomeButton />
-    <div className="max-w-4xl mx-auto p-6">
-      <h1 className="text-4xl font-bold text-center mb-8">Information and Frequently Asked Questions</h1>
-      <div className="space-y-6">
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">What is this?</h2>
-          <p className="text-gray-700">
-            This is PhaseTracker. It tracks the YouTube subscriber count for members of the VTuber group Phase Connect. It is also the primary demo
-            of my boilerplate project, <a className="text-blue-600 hover:underline" href="https://github.com/pinapelz/NijiTrack>">NijiTrack</a> which allows
-            you to setup a subscriber tracker for any subset of YouTube channels (or VTuber organization).
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">Affiliation</h2>
-          <p className="text-gray-700">
-            This project is <strong>not</strong> affiliated with Phase Connect or any of its members. It is also not affiliated with any other VTuber related subscriber tracker
-            (although partially inspired by them).
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">What's Collected?</h2>
-          <p className="text-gray-700">
-            Some statitics such as video count or channel view count are provided for your convenience. These are generated hourly and are not saved historically <br/><br/>
-            Only subscriber count, channel name, profile picture is saved historically.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">How often?</h2>
-          <p className="text-gray-700">
-            The data in the tables will update every hour. Historical data is recorded once a day at 12:00 AM PST. This number will then become the next point in the graph.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">Graduation</h2>
-          <p className="text-gray-700">
-            If someone graduates (no longer active in Phase Connect), their data will be kept in the database but will no longer be updated. The main table will also no longer show a row for them.
-            You'll still be able to view their data on the main graph on the homepage.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">Why are there so few datapoints before April 1st 2022?</h2>
-          <p className="text-gray-700">
-            This project only started collecting data on April 1st, 2022. Any data before that was manually recovered by me through Wayback Machine and various other sources.
-            <br/><br/>I've done this mostly for appearence sake, so that the graphs can start from the roughly the beginning of the channel's creation.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">This new channel's data point doesn't start at 0</h2>
-          <p className="text-gray-700">
-            Data is collected hourly. Only "verifiable" datapoints are recorded, its hard to catch a channel at exactly 0 subsribers. When a new channel debuts, it'll also
-            take some time for the system to notice that they are a part of Phase Connect.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">Tech Stack?</h2>
-          <p className="text-gray-700">
-            Next, Python, and PostgreSQL. The big graph on the homepage is pre-rendered with Plotly, other graphs are made using CanvasJS
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">Can I get the data somehow?</h2>
-          <p className="text-gray-700">
-            I'll have a way for people to either grab a periodic database dump or CSV of the data soon. Please wait a bit longer.
-          </p>
-        </div>
-        <div className="border-b pb-4">
-          <h2 className="text-2xl font-semibold mb-2">A Personal Request</h2>
-          <p className="text-gray-700">
-            I ask that you refrain from using this data to harass or negatively compare the members of Phase Connect or any members in the VTubing community.
-            There is no race, please just enjoy the content.
-            That said, you are free to use this data for any purpose.
-            <br/><br/>
-            Phase Connectのメンバーや他のVTuberを嫌がらせたり、否定的に比較したりするために、このデータを使用することはお控えください。これは競争ではありませんので、動画や配信をお楽しみください。このデータはあらゆる目的でご自由にご利用いただけます。
-          </p>
+      <Head>
+        <title>PhaseTracker - About</title>
+        <meta name="description" content="Information and Frequently Asked Questions about PhaseTracker" />
+      </Head>
+      <TitleBar title="About" backgroundColor="black" showHomeButton />
+      <div className="max-w-4xl mx-auto p-6">
+        <h1 className="text-4xl font-bold text-center mb-8">Information and Frequently Asked Questions</h1>
+        <div className="space-y-6">
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">What is this?</h2>
+            <p className="text-gray-700">
+              This is PhaseTracker. It tracks the YouTube subscriber count for members of the VTuber group Phase Connect. It is also the primary demo
+              of my boilerplate project, <a className="text-blue-600 hover:underline" href="https://github.com/pinapelz/NijiTrack&gt;">NijiTrack</a> which allows
+              you to setup a subscriber tracker for any subset of YouTube channels (or VTuber organization).
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">Affiliation</h2>
+            <p className="text-gray-700">
+              This project is <strong>not</strong> affiliated with Phase Connect or any of its members. It is also not affiliated with any other VTuber related subscriber tracker
+              (although partially inspired by them).
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">What&apos;s Collected?</h2>
+            <p className="text-gray-700">
+              Some statitics such as video count or channel view count are provided for your convenience. These are generated hourly and are not saved historically <br/><br/>
+              Only subscriber count, channel name, profile picture is saved historically.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">How often?</h2>
+            <p className="text-gray-700">
+              The data in the tables will update every hour. Historical data is recorded once a day at 12:00 AM PST. This number will then become the next point in the graph.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">Graduation</h2>
+            <p className="text-gray-700">
+              If someone graduates (no longer active in Phase Connect), their data will be kept in the database but will no longer be updated. The main table will also no longer show a row for them.
+              You&apos;ll still be able to view their data on the main graph on the homepage.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">Why are there so few datapoints before April 1st 2022?</h2>
+            <p className="text-gray-700">
+              This project only started collecting data on April 1st, 2022. Any data before that was manually recovered by me through Wayback Machine and various other sources.
+              <br/><br/>I&apos;ve done this mostly for appearence sake, so that the graphs can start from the roughly the beginning of the channel&apos;s creation.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">This new channel&apos;s data point doesn&apos;t start at 0</h2>
+            <p className="text-gray-700">
+              Data is collected hourly. Only &quot;verifiable&quot; datapoints are recorded, it&apos;s hard to catch a channel at exactly 0 subsribers. When a new channel debuts, it&apos;ll also
+              take some time for the system to notice that they are a part of Phase Connect.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">Tech Stack?</h2>
+            <p className="text-gray-700">
+              Next, Python, and PostgreSQL. The big graph on the homepage is pre-rendered with Plotly, other graphs are made using CanvasJS
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">Can I get the data somehow?</h2>
+            <p className="text-gray-700">
+              I&apos;ll have a way for people to either grab a periodic database dump or CSV of the data soon. Please wait a bit longer.
+            </p>
+          </div>
+          <div className="border-b pb-4">
+            <h2 className="text-2xl font-semibold mb-2">A Personal Request</h2>
+            <p className="text-gray-700">
+              I ask that you refrain from using this data to harass or negatively compare the members of Phase Connect or any members in the VTubing community.
+              There is no race, please just enjoy the content.
+              That said, you are free to use this data for any purpose.
+              <br/><br/>
+              Phase Connectのメンバーや他のVTuberを嫌がらせたり、否定的に比較したりするために、このデータを使用することはお控えください。これは競争ではありませんので、動画や配信をお楽しみください。このデータはあらゆる目的でご自由にご利用いただけます。
+            </p>
+          </div>
         </div>
       </div>
-    </div>
-    <Footer/>
+      <Footer/>
     </>
   );
 };
-- 
cgit v1.2.3

