Merge pull request #35 from durandom/stefwrite/main

stefwrite/main

Author: durandom

src/pages/getting-started.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { Link } from "gatsby";
 import '../pages/style.css';
 import { Container, Title, Button, Text, Table } from '@mantine/core';
 import { Code, Cloud, CloudUpload, DeviceLaptop, Book } from 'tabler-icons-react';
@@ -13,14 +14,14 @@ const ActionPage = () => {
       <Container>
         <Title order={1} my="lg">Getting Started in Operate First</Title>
         <Text py="sm">
-          <b>Start by reading about <a href="about" target="_blank">Our Purpose</a>.</b>
+          <b>Start by reading about <Link to="/about">Our Purpose</Link>.</b>
         </Text>
         <Text py="sm">
           Where you go from there is shaped by your background
           and how you want to use or contribute to Operate First.
         </Text>
 
-        <Title order={3} mt="xl"><Code /> I'm an app developer...</Title>
+        <Title order={3} mt="xl"><Code /> I&apos;m an app developer...</Title>
         <Text pt="sm">
           <i>I develop software applications that I deploy in production cloud
           environments. I want my production deployment to have open
@@ -31,48 +32,48 @@ const ActionPage = () => {
         <Text py="sm">
           <b>Get started by:</b>
           <ul>
-            <li>Reading our <a href="developer">Developer page</a> with info on how to get started.</li>
-            <li>Deploying your app in the <a href="community-cloud">Operate First Community Cloud</a>.</li>
+            <li>Reading our <Link to="/developer">Developer page</Link> with info on how to get started.</li>
+            <li>Deploying your app in the <Link to="/community-cloud">Operate First Community Cloud</Link>.</li>
           </ul>
         </Text>
 
-        <Title order={3} mt="xl"><Cloud /> I'm in DevOps or SRE...</Title>
+        <Title order={3} mt="xl"><Cloud /> I&apos;m in DevOps or SRE...</Title>
         <Text pt="sm">
           <i>I have provided DevOps or SRE services in a production cloud
           environment. I want to work in an open operations setting where I
-          can gather information about an application's operational performance
+          can gather information about an application&apos;s operational performance
           and suggest code changes to application developers that can help them
           improve how their apps operate.</i>
         </Text>
         <Text pt="sm">
-          <b>Get started by joining the <a href="community-cloud">Operate First Community Cloud</a>.</b>
+          <b>Get started by joining the <Link to="/community-cloud">Operate First Community Cloud</Link>.</b>
         </Text>
         <Text py="sm">
           <b>Get started by:</b>
           <ul>
-            <li>Reading our <a href="srepractices">SRE Practices page</a> to learn how we operate so you can jump in, too.</li>
-            <li>Joining the <a href="community-cloud">Operate First Community Cloud</a>.</li>
+            <li>Reading our <Link to="/srepractices">SRE Practices page</Link> to learn how we operate so you can jump in, too.</li>
+            <li>Joining the <Link to="/community-cloud">Operate First Community Cloud</Link>.</li>
           </ul>
         </Text>
 
-        <Title order={3} mt="xl"><CloudUpload /> I'm a data scientist...</Title>
+        <Title order={3} mt="xl"><CloudUpload /> I&apos;m a data scientist...</Title>
         <Text pt="sm">
           <i>I am a data scientist who wants to know more about the work
           currently happening in the Operate First space and how I might get
           involved.</i>
         </Text>
         <Text pt="sm" pb="lg">
-          <b>Visit the <a href="data-scientist">Data Scientist page</a> to learn more.</b>
+          <b>Visit the <Link to="/data-scientist">Data Scientist page</Link> to learn more.</b>
         </Text>
 
-        <Title order={3} mt="xl"><Book /> I'm a student...</Title>
+        <Title order={3} mt="xl"><Book /> I&apos;m a student...</Title>
         <Text pt="sm">
           <i>I am a student of IT or software engineering who is interested in
           learning more about open source, DevOps, SRE, and applying open
           operations in a production environment.</i>
         </Text>
         <Text pt="sm">
-          <b>Visit the <a href="docs-training">Documentation and Training page</a> to see what training we have available.</b>
+          <b>Visit the <Link to="/docs-training">Documentation and Training page</Link> to see what training we have available.</b>
         </Text>
         <Text pb="lg">
           When you revisit in the future, you can jump directly to the docs
@@ -83,10 +84,10 @@ const ActionPage = () => {
         <Text  pt="sm">
           <i>I believe in the goal of Operate First and want to see the movement
           succeed. I want to follow what this community is doing and perhaps
-          get involved in what's going on.</i>
+          get involved in what&apos;s going on.</i>
         </Text>
         <Text pt="sm">
-          <b>Get started by following or joining our <a href="community">Operate First Community</a>.</b>
+          <b>Get started by following or joining our <Link to="/community">Operate First Community</Link>.</b>
         </Text>
         <Text pb="lg">
           When you revisit in the future, you can jump directly to the