Convert Speed Roulette to Template

Author: JManion32

.github/workflows/ci.yml

@@ -128,28 +128,28 @@ jobs:
                   tags: ghcr.io/jmanion32/portfolio-site:latest
 
     deploy:
-      name: Deploy
-      runs-on: ubuntu-latest
-      needs: docker-publish
-      if: github.ref == 'refs/heads/main'
-
-      steps:
-        - uses: actions/checkout@v4
-
-        - name: Deploy to droplet
-          uses: appleboy/ssh-action@v1
-          with:
-            host: ${{ secrets.DROPLET_IP }}
-            username: root
-            key: ${{ secrets.DROPLET_SSH_KEY }}
-            script: |
-              docker pull ghcr.io/jmanion32/portfolio-site:latest
-              docker stop portfolio 2>/dev/null || true
-              docker rm portfolio 2>/dev/null || true
-              docker run -d \
-                --name portfolio \
-                -p 80:80 \
-                -p 443:443 \
-                -v /etc/letsencrypt:/etc/letsencrypt:ro \
-                ghcr.io/jmanion32/portfolio-site:latest
-              docker image prune -af
+        name: Deploy
+        runs-on: ubuntu-latest
+        needs: docker-publish
+        if: github.ref == 'refs/heads/main'
+
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Deploy to droplet
+              uses: appleboy/ssh-action@v1
+              with:
+                  host: ${{ secrets.DROPLET_IP }}
+                  username: root
+                  key: ${{ secrets.DROPLET_SSH_KEY }}
+                  script: |
+                      docker pull ghcr.io/jmanion32/portfolio-site:latest
+                      docker stop portfolio 2>/dev/null || true
+                      docker rm portfolio 2>/dev/null || true
+                      docker run -d \
+                        --name portfolio \
+                        -p 80:80 \
+                        -p 443:443 \
+                        -v /etc/letsencrypt:/etc/letsencrypt:ro \
+                        ghcr.io/jmanion32/portfolio-site:latest
+                      docker image prune -af

src/components/TextContentPage.tsx

@@ -0,0 +1,37 @@
+type TextContentPageProps = {
+    breadcrumbs: React.ReactNode;
+    header: React.ReactNode;
+    main: React.ReactNode;
+    readMoreSection?: React.ReactNode;
+    readMoreButton?: React.ReactNode;
+    navButton: React.ReactNode;
+};
+
+function TextContentPage({
+    breadcrumbs,
+    header,
+    main,
+    readMoreSection,
+    readMoreButton,
+    navButton,
+}: TextContentPageProps) {
+    return (
+        <div className="page">
+            <div className="text-content">
+                {breadcrumbs}
+                {header}
+
+                <div id="text-body">
+                    {main}
+                    {readMoreSection}
+                </div>
+
+                {readMoreButton}
+            </div>
+
+            {navButton}
+        </div>
+    );
+}
+
+export default TextContentPage;