2.0 Release Blog (#283)

* 2.0 Release Blog Co-Authored-By: RedPanda4552 <[email protected]> Co-Authored-By: GovanifY <[email protected]> * Website: Add PSDUO and a bit of fluff intro PSduo + 100 million + anniversary mention * Rearrange the timeline layouts * Prettier my beloved * Website: Add mention PINE for other emulators Example RPCS3 where KAMI was also ported * Website: Typos + CLI link + mention Language + ... Example like RPCS3 where PINE has been ported and 30 language in crowdin. * Add Rcheevos bit * Change PSDUO Bit * better URL preview image * Minor Fixes * Blog: More fixes * Blog: More Revision * Blog: Fix Typo * Blog: Minor Revision * Blog: Fix Game Compat Header * Blog: Grammar Fixes * Blog: Change URL Instead of showing root of shared files, better show the folder where you can convert the roms (they can always go levels up and down if they so desire, but I have limited download bandwith and want to reduce confusion) * Blog: Add details about blending stuff Blog: Update BPM landing images * button: enable for stable * index: put blog posts above progress reports * Site: Add announcement bar * Blog: Update blog release date * Downloads: Remove stable release warning * Blog: Add tech as the co-author * 2.0: final proofreading * Blog: Minor tweaks --------- Co-authored-by: RedPanda4552 <[email protected]> Co-authored-by: GovanifY <[email protected]> Co-authored-by: RedDevilus <[email protected]> Co-authored-by: Tyler Wilding <[email protected]> Co-authored-by: GovanifY <[email protected]>
PCSX2 · Jul 13, 2024 · 2461567 · 2461567
1 parent fc5d78f
commit 2461567
Show file tree

Hide file tree

Showing 32 changed files with 445 additions and 51 deletions.
diff --git a/blog/2024/pcsx2-2-release/banner.webp b/blog/2024/pcsx2-2-release/banner.webp
diff --git a/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt1.yaml b/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt1.yaml
@@ -0,0 +1,17 @@
+data:
+  - name: NFS Carbon, High Blending, 8x IR, 2060 Super (~1060%)
+    "1.6.0": 9
+    "2.0": 104
+  - name: Sly 2, 3x IR, 2070 Super (~166.7%)
+    "1.6.0": 67
+    "2.0": 178
+barOptions:
+  "1.6.0":
+    fillColor: "rgb(106, 156, 255)"
+  "2.0":
+    fillColor: "rgb(200, 45, 69)"
+axis:
+  x:
+    dataKey: name
+  y:
+    label: "Frames Per Seconds (VPS)"
diff --git a/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt2.yaml b/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt2.yaml
@@ -0,0 +1,17 @@
+data:
+  - name: Zone of the Enders, 3x IR, 2070 Super (~178.8%)
+    "1.6.0": 138
+    "2.0": 247
+  - name: Ratchet & Clank 3, Native IR, 5600X (~29.9%)
+    "1.6.0": 107
+    "2.0": 139
+barOptions:
+  "1.6.0":
+    fillColor: "rgb(106, 156, 255)"
+  "2.0":
+    fillColor: "rgb(200, 45, 69)"
+axis:
+  x:
+    dataKey: name
+  y:
+    label: "Frames Per Seconds (VPS)"
diff --git a/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt3.yaml b/blog/2024/pcsx2-2-release/charts/Chart-gameperf-pt3.yaml
@@ -0,0 +1,17 @@
+data:
+  - name: Gran Turismo 4, 3x IR, 2070 Super (~36.4%)
+    "1.6.0": 132
+    "2.0": 181
+  - name: Baldur's Gate, Native IR, 2070 Super (~513.9%)
+    "1.6.0": 33
+    "2.0": 207
+barOptions:
+  "1.6.0":
+    fillColor: "rgb(106, 156, 255)"
+  "2.0":
+    fillColor: "rgb(200, 45, 69)"
+axis:
+  x:
+    dataKey: name
+  y:
+    label: "Frames Per Seconds (VPS)"
diff --git a/blog/2024/pcsx2-2-release/img/bigpicture.webp b/blog/2024/pcsx2-2-release/img/bigpicture.webp
diff --git a/blog/2024/pcsx2-2-release/img/bigpicture_gamelist.webp b/blog/2024/pcsx2-2-release/img/bigpicture_gamelist.webp
diff --git a/blog/2024/pcsx2-2-release/img/cheats.webp b/blog/2024/pcsx2-2-release/img/cheats.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/Burnout_1-6_A.webp b/blog/2024/pcsx2-2-release/img/comparisons/Burnout_1-6_A.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/Burnout_2-0_A.webp b/blog/2024/pcsx2-2-release/img/comparisons/Burnout_2-0_A.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/DAH_1-6.webp b/blog/2024/pcsx2-2-release/img/comparisons/DAH_1-6.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/DAH_2-0.webp b/blog/2024/pcsx2-2-release/img/comparisons/DAH_2-0.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/NFS_1-6.webp b/blog/2024/pcsx2-2-release/img/comparisons/NFS_1-6.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/NFS_2-0.webp b/blog/2024/pcsx2-2-release/img/comparisons/NFS_2-0.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/ace_1-6_A.webp b/blog/2024/pcsx2-2-release/img/comparisons/ace_1-6_A.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/ace_1-6_B.webp b/blog/2024/pcsx2-2-release/img/comparisons/ace_1-6_B.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/ace_2-0_A.webp b/blog/2024/pcsx2-2-release/img/comparisons/ace_2-0_A.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/ace_2-0_B.webp b/blog/2024/pcsx2-2-release/img/comparisons/ace_2-0_B.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/texrep_after.webp b/blog/2024/pcsx2-2-release/img/comparisons/texrep_after.webp
diff --git a/blog/2024/pcsx2-2-release/img/comparisons/texrep_before.webp b/blog/2024/pcsx2-2-release/img/comparisons/texrep_before.webp
diff --git a/blog/2024/pcsx2-2-release/img/controller.webp b/blog/2024/pcsx2-2-release/img/controller.webp
diff --git a/blog/2024/pcsx2-2-release/img/debugger.webp b/blog/2024/pcsx2-2-release/img/debugger.webp
diff --git a/blog/2024/pcsx2-2-release/img/patches.webp b/blog/2024/pcsx2-2-release/img/patches.webp
diff --git a/blog/2024/pcsx2-2-release/img/per_game.webp b/blog/2024/pcsx2-2-release/img/per_game.webp
diff --git a/blog/2024/pcsx2-2-release/img/qt.webp b/blog/2024/pcsx2-2-release/img/qt.webp
diff --git a/blog/2024/pcsx2-2-release/img/qt_grid.webp b/blog/2024/pcsx2-2-release/img/qt_grid.webp
diff --git a/blog/2024/pcsx2-2-release/index.mdx b/blog/2024/pcsx2-2-release/index.mdx
diff --git a/blog/authors.yml b/blog/authors.yml
@@ -58,6 +58,30 @@ gigaherz:
   name: gigaherz
   url: https://github.com/gigaherz
   image_url: https://github.com/gigaherz.png
+kamfretoz:
+  name: KamFretoZ
+  url: https://github.com/kamfretoz
+  image_url: https://github.com/kamfretoz.png
+pandubz:
+  name: RedPanda4552
+  url: https://github.com/RedPanda4552
+  image_url: https://github.com/RedPanda4552.png
+jordan:
+  name: JordanTheToast
+  url: https://github.com/JordanTheToaster
+  image_url: https://github.com/JordanTheToaster.png
+link:
+  name: Mrlinkwii
+  url: https://github.com/Mrlinkwii
+  image_url: https://github.com/Mrlinkwii.png
+govanify:
+  name: GovanifY
+  url: https://github.com/GovanifY
+  image_url: https://github.com/GovanifY.png
+tech:
+  name: TheTechnician27
+  url: https://github.com/TheTechnician27
+  image_url: https://github.com/TheTechnician27.png
 falcon4ever:
   name: falcon4ever
   url: https://github.com/falcon4ever

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -112,10 +112,13 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
-      // announcementBar: {
-      //   id: 'announcementBar-0', // Increment on change
-      //   content: `test`,
-      // },
+      announcementBar: {
+        id: "announcementBar-0", // Increment on change
+        content: `<a href="/blog/2024/pcsx2-2-release/">PCSX2 2.0 is finally here, check out our new blog post!</a>`,
+        backgroundColor: "#4765c8",
+        textColor: "#fafbfc",
+        isCloseable: true,
+      },
       algolia: {
         // The application ID provided by Algolia
         appId: "TR9JNR7TSP",
@@ -143,7 +146,7 @@ const config = {
       navbar: {
         title: "PCSX2",
         logo: {
-          alt: "My Site Logo",
+          alt: "PCSX2 Logo",
           src: "img/logo.webp",
         },
         items: [

diff --git a/src/data/latestBlogs.js b/src/data/latestBlogs.js
@@ -2,18 +2,18 @@
 // (manually for now)
 
 import latestProgressReportImage from "/blog/2023/q1-2022-progress-report/feature-progrepq1-2022-bgonly.webp";
-import latestBlogImage from "/blog/2022/life-is-short/feature-nobbs66.webp";
+import latestBlogImage from "/blog/2024/pcsx2-2-release/banner.webp";
 import previousProgressReportImage from "/blog/2022/q4-2021-progress-report/feature-progrepq42021-bgonly.jpg";
-import previousBlogImage from "/blog/2021/aethersx2-brings-pcsx2-to-mobile/feature-AetherSX2sm.webp";
+import previousBlogImage from "/blog/2022/life-is-short/feature-nobbs66.webp";
 
 export const latestProgressReport = {
   url: "/blog/2023/q1-2022-progress-report",
   title: "Q1 2022 Progress Report",
   img: latestProgressReportImage,
 };
 export const latestBlog = {
-  url: "/blog/2022/life-is-short",
-  title: "Life is Short",
+  url: "/blog/2024/pcsx2-2-release/",
+  title: "Introducing PCSX2 2.0!",
   img: latestBlogImage,
 };
 export const previousProgressReport = {
@@ -22,7 +22,7 @@ export const previousProgressReport = {
   img: previousProgressReportImage,
 };
 export const previousBlog = {
-  url: "/blog/2021/aethersx2-brings-pcsx2-to-mobile/",
-  title: "AetherSX2 brings PCSX2 to mobile",
+  url: "/blog/2022/life-is-short",
+  title: "Life is Short",
   img: previousBlogImage,
 };
diff --git a/src/pages/downloads/index.js b/src/pages/downloads/index.js
@@ -175,10 +175,9 @@ export default function Downloads() {
                 <Grid xs={12}>
                   <Admonition type="caution">
                     <p>
-                      As we are now drawing closer to releasing a new stable
-                      version, we encourage you to use the latest nightly
-                      instead. If you encounter a problem, you will likely be
-                      told to try the latest nightly as a first step.
+                      If you are having trouble downloading, try disabling your
+                      pop-up blocker (e.g. Poper Blocker) as they are known to
+                      cause problems with our downloads links.
                     </p>
                   </Admonition>
                 </Grid>
@@ -284,15 +283,6 @@ export default function Downloads() {
                     buggy) experience
                   </p>
                 </Grid>
-                <Grid xs={12}>
-                  <Admonition type="caution">
-                    <p>
-                      If you are having trouble downloading, try disabling your
-                      pop-up blocker (e.g. Poper Blocker) as they are known to
-                      cause problems with our downloads links.
-                    </p>
-                  </Admonition>
-                </Grid>
                 <Grid xs={12} css={{ mt: "2em" }}>
                   <ReleaseDownloadButton
                     release={latestNightlyRelease}

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -194,8 +194,7 @@ export default function Home() {
                 <Tooltip
                   content={
                     <span style={{ color: "black" }}>
-                      A stable release is coming soon! Use the latest nightly
-                      instead.
+                      22 years in the making.
                     </span>
                   }
                   color="warning"
@@ -206,7 +205,7 @@ export default function Home() {
                     release={latestStableRelease}
                     buttonText={"Latest Stable"}
                     isNightly={false}
-                    isDisabled={true}
+                    isDisabled={false}
                     errorMsg={apiErrorMsg}
                     placement={useMediaQuery(960) ? "bottom-left" : "left-top"}
                   />
@@ -263,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 }}
@@ -287,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"
@@ -305,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 }}
@@ -317,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"
@@ -349,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 }}
@@ -373,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"
@@ -391,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 }}
@@ -403,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"

diff --git a/static/img/2-0-banner.webp b/static/img/2-0-banner.webp