replaced text with embedded expressions

Pigmice2733 · Nov 15, 2023 · 008255e · 008255e
1 parent 1035ed0
commit 008255e
Showing 1 changed file with 53 additions and 33 deletions.
diff --git a/src/routes/about.tsx b/src/routes/about.tsx
@@ -37,58 +37,78 @@ const AboutPage = () => {
       <section class={informationStyle}>
         <p>
           <strong>
-            Peregrine is a completely free, open-source scouting app for FRC
-            competitions.
-          </strong>{' '}
-          The frontend is written in TypeScript and the backend is written in
-          Go. Peregrine was originally built by students on team 2733 Pigmice in
-          2017 and redesigned in the autumn of 2018. Development is ongoing to
-          make the website better than ever. Peregrine has been used by 15 teams
-          and counting to simplify scouting at FRC competitions.
+            {
+              'Peregrine is a completely free, open-source scouting app for FRC competitions. '
+            }
+          </strong>
+          {
+            'The frontend is written in TypeScript and the backend is written in '
+          }
+          {
+            'Go. Peregrine was originally built by students on team 2733 Pigmice in '
+          }
+          {
+            '2017 and redesigned in the autumn of 2018. Development is ongoing to '
+          }
+          {
+            'make the website better than ever. Peregrine has been used by 15 teams '
+          }
+          {'and counting to simplify scouting at FRC competitions. '}
         </p>
         <p>
           <strong>
-            Peregrine handles all of the calculations involved in scouting
+            {'Peregrine handles all of the calculations involved in scouting, '}
           </strong>
-          , allowing team members to spend time analyzing data and making
-          decisions instead of crunching numbers. It shows an analysis table
-          where team members can compare individual statistics or overall
-          performance between teams and has pages for each team at each event
-          and the matches each team will play in, easily allowing pit crews to
-          know when they&rsquo;re up next. All event data and some match scoring
-          data is pulled from The Blue Alliance.
+          {'allowing team members to spend time analyzing data and making '}
+          {
+            'decisions instead of crunching numbers. It shows an analysis table '
+          }
+          {'where team members can compare individual statistics or overall '}
+          {
+            'performance between teams and has pages for each team at each event '
+          }
+          {
+            'and the matches each team will play in, easily allowing pit crews to '
+          }
+          {"know when they're up next. All event data and some match scoring "}
+          {'data is pulled from The Blue Alliance. '}
         </p>
         <p>
-          <strong>It&rsquo;s really easy to get started with Peregrine.</strong>{' '}
-          Have a team captain or coach send an email to{' '}
-          <a href="mailto:alexv@pigmice.com">alexv@pigmice.com</a> and a member
-          of the Pigmice will add your team to the dropdown on the signup page.
-          They will also connect you to a Slack channel where your team can ask
-          questions and give you some tips on setting up your team with
-          Peregrine.
+          <strong> {"It's really easy to get started with Peregrine. "}</strong>
+          {'Have a team captain or coach send an email to '}
+          <a href="mailto:alexv@pigmice.com"> {'alexv@pigmice.com '} </a>
+          {
+            'and a member of the Pigmice will add your team to the dropdown on the '
+          }
+          {
+            'signup page. They will also connect you to a Slack channel where your '
+          }
+          {
+            'team can ask questions and give you some tips on setting up your team '
+          }
+          {'with Peregrine. '}
         </p>
         <p>
-          If you have any questions about getting your team onboarded to
-          Peregrine or using the app,{' '}
+          {'If you have any questions about getting your team onboarded to '}
+          {'Peregrine or using the app, '}
           <strong>
-            please reach out to the Pigmice team&rsquo;s Peregrine lead, Alex
-            Vennebush
+            {
+              "please reach out to the Pigmice team's Peregrine lead, Alex Vennebush,"
+            }
           </strong>
-          , at <a href="mailto:alexv@pigmice.com">alexv@pigmice.com</a>.
+          {'at '} <a href="mailto:alexv@pigmice.com"> {'alexv@pigmice.com.'}</a>
         </p>
       </section>
       <section class={sourceStyle}>
-        <h3>source code repositories:</h3>
+        <h3> {'source code repositories:'} </h3>
         <p>
-          {' '}
           <a href="https://github.com/Pigmice2733/peregrine-frontend">
-            frontend (TypeScript and Preact){' '}
+            {' frontend (TypeScript and Preact) '}
           </a>
         </p>
         <p>
-          {' '}
           <a href="https://github.com/Pigmice2733/peregrine-backend">
-            backend (Go with Postgres){' '}
+            {' backend (Go with Postgres) '}
           </a>
         </p>
       </section>