index: put blog posts above progress reports

PCSX2 · Jul 7, 2024 · baac00f · baac00f
1 parent e156779
commit baac00f
Showing 1 changed file with 25 additions and 25 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -262,19 +262,19 @@ export default function Home() {
               },
               width: "100%",
               margin: 0,
-              position: "relative",
+              mt: "5em",
             }}
           >
             <Grid xs={12} direction="column">
-              <StyledTitle css={{ mb: 0 }}>Recent Progress Reports</StyledTitle>
+              <StyledTitle css={{ mb: 0 }}>Recent Blog Posts</StyledTitle>
               <StyledSubtitle>
-                Stay up to date on the latest improvements and fixes on the
-                project
+                Articles that go more in-depth on how things work, how they were
+                fixed, or sometimes why they don't
               </StyledSubtitle>
             </Grid>
             <Grid.Container gap={2}>
               <Grid xs={12} md={6} justify="center">
-                <a href={useBaseUrl(latestProgressReport.url)}>
+                <a href={useBaseUrl(latestBlog.url)}>
                   <Card css={{ background: "var(--card-color-background)" }}>
                     <Card.Header
                       css={{ position: "absolute", zIndex: 1, top: 5 }}
@@ -286,15 +286,15 @@ export default function Home() {
                           transform="uppercase"
                           color="#ffffffAA"
                         >
-                          Latest Progress Report
+                          Latest Blog
                         </Text>
                         <Text h4 color="white">
-                          {latestProgressReport.title}
+                          {latestBlog.title}
                         </Text>
                       </Col>
                     </Card.Header>
                     <Card.Image
-                      src={latestProgressReport.img}
+                      src={latestBlog.img}
                       objectFit="contain"
                       width="100%"
                       alt="Card image background"
@@ -304,7 +304,7 @@ export default function Home() {
                 </a>
               </Grid>
               <Grid xs={12} md={6} justify="center">
-                <a href={useBaseUrl(previousProgressReport.url)}>
+                <a href={useBaseUrl(previousBlog.url)}>
                   <Card css={{ background: "var(--card-color-background)" }}>
                     <Card.Header
                       css={{ position: "absolute", zIndex: 1, top: 5 }}
@@ -316,15 +316,15 @@ export default function Home() {
                           transform="uppercase"
                           color="#ffffffAA"
                         >
-                          Previous Progress Report
+                          Previous Blog
                         </Text>
                         <Text h4 color="white">
-                          {previousProgressReport.title}
+                          {previousBlog.title}
                         </Text>
                       </Col>
                     </Card.Header>
                     <Card.Image
-                      src={previousProgressReport.img}
+                      src={previousBlog.img}
                       objectFit="contain"
                       width="100%"
                       alt="Card image background"
@@ -348,19 +348,19 @@ export default function Home() {
               },
               width: "100%",
               margin: 0,
-              mt: "5em",
+              position: "relative",
             }}
           >
             <Grid xs={12} direction="column">
-              <StyledTitle css={{ mb: 0 }}>Recent Blog Posts</StyledTitle>
+              <StyledTitle css={{ mb: 0 }}>Recent Progress Reports</StyledTitle>
               <StyledSubtitle>
-                Articles that go more in-depth on how things work, how they were
-                fixed, or sometimes why they don't
+                Stay up to date on the latest improvements and fixes on the
+                project
               </StyledSubtitle>
             </Grid>
             <Grid.Container gap={2}>
               <Grid xs={12} md={6} justify="center">
-                <a href={useBaseUrl(latestBlog.url)}>
+                <a href={useBaseUrl(latestProgressReport.url)}>
                   <Card css={{ background: "var(--card-color-background)" }}>
                     <Card.Header
                       css={{ position: "absolute", zIndex: 1, top: 5 }}
@@ -372,15 +372,15 @@ export default function Home() {
                           transform="uppercase"
                           color="#ffffffAA"
                         >
-                          Latest Blog
+                          Latest Progress Report
                         </Text>
                         <Text h4 color="white">
-                          {latestBlog.title}
+                          {latestProgressReport.title}
                         </Text>
                       </Col>
                     </Card.Header>
                     <Card.Image
-                      src={latestBlog.img}
+                      src={latestProgressReport.img}
                       objectFit="contain"
                       width="100%"
                       alt="Card image background"
@@ -390,7 +390,7 @@ export default function Home() {
                 </a>
               </Grid>
               <Grid xs={12} md={6} justify="center">
-                <a href={useBaseUrl(previousBlog.url)}>
+                <a href={useBaseUrl(previousProgressReport.url)}>
                   <Card css={{ background: "var(--card-color-background)" }}>
                     <Card.Header
                       css={{ position: "absolute", zIndex: 1, top: 5 }}
@@ -402,15 +402,15 @@ export default function Home() {
                           transform="uppercase"
                           color="#ffffffAA"
                         >
-                          Previous Blog
+                          Previous Progress Report
                         </Text>
                         <Text h4 color="white">
-                          {previousBlog.title}
+                          {previousProgressReport.title}
                         </Text>
                       </Col>
                     </Card.Header>
                     <Card.Image
-                      src={previousBlog.img}
+                      src={previousProgressReport.img}
                       objectFit="contain"
                       width="100%"
                       alt="Card image background"
@@ -421,7 +421,7 @@ export default function Home() {
               </Grid>
             </Grid.Container>
           </Grid.Container>
-          <Grid.Container
+         <Grid.Container
             gap={2}
             css={{
               "@md": {