Add new blog post about my new SSD

blog/js/blog.js

@@ -1,5 +1,5 @@
 /*Welcome to the script file! Your 1st time here, you should update
-    the basic info section to include your name and website/social 
+    the basic info section to include your name and website/social
     media link (if desired). Most of the time, you will just come
     here to update the posts array. However, you can also edit or
     add your own scripts to do whatever you like!*/
@@ -22,15 +22,16 @@ let authorLink = "https://leilukin.neocities.org/"; // Enter your website, socia
 
 //==[ 2. POSTS ARRAY ]==
 
-/*Each time you make a new post, add the filepath here at the top of postsArray.
+/* Each time you make a new post, add the filepath here at the top of postsArray.
     This will cause all the right links to appear and work.
     NOTE: It's important to follow this exact naming convention, because the scripts
     below are expecting it ( 'posts/YYYY-MM-DD-Title-of-Your-Post.html', ). You can
-    alter the scripts if you want to use a different naming convention*/
+    alter the scripts if you want to use a different naming convention */
-/*UPDATE: as of version 1.3, you may omit the date if you would like. But if you
+/* UPDATE: as of version 1.3, you may omit the date if you would like. But if you
-    use a date it must still follow that format.*/
+    use a date it must still follow that format. */
 
 let postsArray = [
+    [ "posts/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html", encodeURI( `I Can Finally Game on a Solid-State Drive` ) ],
     [ "posts/2023-10-30-Support-for-My-Steam-Review-of-A-Summers-End.html", encodeURI( `Support for My Steam Review of A Summer's End — Hong Kong 1986` ) ],
     [ "posts/2023-10-13-My-Cassette-Beasts-Pombomb-Plushie-Arrived.html", encodeURI( `My Cassette Beasts Pombomb Plushie Arrived!` ) ],
     [ "posts/2023-09-11-Happy-1st-Anniversary-to-Leilukins-Hub.html", encodeURI( `Happy 1st Anniversary to Leilukin's Hub` ) ],
@@ -60,7 +61,7 @@ if ( url.includes("posts/") ) {
 const mainSiteURL = "/home.html";
 
 //Write the Header HTML, a series of list items containing links.
-let headerHTML = '<ul> <li><a href="' + relativePath + '/index.html">Blog</a></li>' + 
+let headerHTML = '<ul> <li><a href="' + relativePath + '/index.html">Blog</a></li>' +
 '<li><a href="' + relativePath + '/archive.html">Archive</a></li>' +
 '<li><a href="' + mainSiteURL + '">Main Site</a></li> </ul>';
 
@@ -88,7 +89,7 @@ function formatPostTitle(i) {
     if ( postsArray[i].length > 1 ) {
         //Remember how we had to use encodeURI for special characters up above? Now we use decodeURI to get them back.
         return decodeURI(postsArray[i][1]);
-    } else { 
+    } else {
     //If there is no alternate post title, check if the post uses the date format or not, and return the proper title
 	if (  postDateFormat.test ( postsArray[i][0].slice( 6,17 ) ) ) {
 	  return postsArray[i][0].slice(17,-5).replace(/-/g," ");
@@ -171,7 +172,7 @@ let nextlink = "";
 let prevlink = "";
 
 /*If you're on the newest blog post, there's no point to
- a "Next Post" link, right? And vice versa with the oldest 
+ a "Next Post" link, right? And vice versa with the oldest
  post! That's what the following code handles.*/
 if ( postsArray.length < 2 ) {
     nextprevHTML = '<a href="' + relativePath + '/index.html">Blog</a>';
@@ -192,8 +193,8 @@ if ( postsArray.length < 2 ) {
 //==[ 4. INSERTING THE SECTIONS INTO OUR ACTUAL HTML PAGES ]==
 
 /*Here we check if each relevant div exists. If so, we inject the correct HTML!
-    NOTE: All of these sections are optional to use on any given page. For example, if there's 
+    NOTE: All of these sections are optional to use on any given page. For example, if there's
-    one particular blog post where we don't want the footer to appear, 
+    one particular blog post where we don't want the footer to appear,
     we simply don't put a <div id="footer"> on that page.*/
 
 if (document.getElementById("nextprev")) {

blog/posts/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <meta property="og:url" content="https://leilukin.neocities.org/blog/2023-11-19-I-Can-Finally-Game-on-a-Solid-State-Drive.html">
+        <meta property="og:type" content="article">
+        <meta property="og:site_name" content="Leilukin's Hub">
+        <meta property="og:title" content="I Can Finally Game on a Solid-State Drive | Blog">
+        <meta name="author" content="Leilukin">
+        <meta property="og:description" content="I just got the solid-state drive (SSD) of my 5-year-old gaming laptop replaced with a new onw with a larger storage capacity.">
+
+        <link rel="stylesheet" href="../css/style-blog.css" type="text/css" media="all">
+
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+        <link rel="manifest" href="/assets/favicon/site.webmanifest">
+
+        <script src="../js/blog.js" defer></script>
+
+        <title>Blog Post</title> <!-- If you leave title as "Blog Post", it will automatically be updated to the post title -->
+    </head>
+    <body>
+        <main class="blog-container" id="container">
+            <header class="blog-header" id="header">...</header>
+            <article class="blog-content" id="content">
+                <h1 class="blog-post__title" id="postTitleH1"></h1>
+                <h2 class="blog-post__date" id="postDate"></h2>
+
+                <p>The laptop I am using for doing everything on desktop — including coding and managing this very website and blog  — is the first gaming laptop I ever had. I bought this laptop in 2018, meaning I have used it for 5 years by the time of this writing.</p>
+
+                <p>In 2018, I was able to purchase a budget gaming laptop with a solid-state drive (SSD) as its system drive. However, the SSD only had a 258GB storage capacity, which is paltry by today's hard drive standards, especially if you are a gamer, since the installation size of mainstream video games has grown bigger over time (which is actually one of the reasons I rarely play new AAA games any more).</p>
+
+                <p>This means that even though I immediately experienced the night-and-day difference in how much the speed of booting my operating system compared to all the laptops I owned previously, I was unable to enjoy the benefit of gaming on an SSD, which is faster loading of games, because I still had to install video games on my hard disk drive to preserve the space of my SSD system drive... until now.</p>
+
+                <p>After using my gaming laptop for 5 years, my SSD started displaying signs of age with random shutdowns and blue screens of death, followed by a "No Bootable Device"  error even after my laptop restarted. As the issue became more frequent, and none of the possible solutions I found online worked at all, I finally asked for professional help to replace my corrupted SSD system drive. I chose a 1TB SSD with Windows 11 installed as my new system drive. </p>
+
+                <p>As a result, on 16 November, my 5-year-old gaming laptop was reborn with a new SSD system drive. A new SSD with much larger storage capacity means I can finally experience gaming on an SSD, and the benefit that came with it. It truly felt like I had a new computer again, since I needed to reinstall all the apps I use, but it was a small price to pay, and I have always kept lists of apps I use in case I am in situations where I needed to restart my system like this.</p>
+
+                <section class="blog-nextprev" id="nextprev"></section>
+            </article> <!-- end of div id="content" -->
+            <footer class="blog-footer" id="footer"></footer>
+        </main> <!-- end of div id="container" -->
+    </body>
+</html>