New blog post.

Author: localhost433

post.html

@@ -55,6 +55,7 @@ <h3>Add a Comment</h3>
   <script src="js/mathjax.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>
   <script type="module" src="js/header-footer.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/js-yaml@4.1.0/dist/js-yaml.min.js"></script>
   <script src="posts/js/post.js"></script>
   <script src="posts/js/comments.js"></script>

posts/entries/first.md

@@ -3,7 +3,7 @@ title: First Post
 date: 2025-03-30
 tags: [cs, life]
 author: R
-location: New York
+location: Brittany Hall, New York, NY
 ---
 
 This is (going to be) the first post, the first thing I'm writing in Markdown. I thought about doing the whole thing in $\LaTeX$, but it would be weird, so yeah... I came to this idea of a blog website only after going down a rabbit hole on reddit, and I start wondering "it would actually be cool if I have some type of project that I work on", so here I am. I felt like I'm only going to learn the practical stuff that I'm actually going to use while doing "side quests" like this that I'm interested in.

posts/entries/googology.md

@@ -3,7 +3,7 @@ title: A Glimpse into Googology
 date: 2024-02-14
 tags: [math]
 author: R
-location: St. Catharines, ON, Canada
+location: St. Catharines, ON
 ---
 
 This is a problem really gets me wonder 'What is Googology?' during the summer, and I ended up reading about it. When I wrote this I was in my last days of high school, coming across a instagram reel gives the question of comparing $2^{100!}$ and $(2^{100})!$ (the reel was just making fun about math), we ended up arguing about this and come up with different methods to proof our ideas. 

posts/entries/news-render-deployment.md

@@ -0,0 +1,39 @@
+---
+title: News in life + dealing with Render deployment
+date: 2025-06-01
+tags: [cs, life]
+author: R
+location: Alumni Hall, New York, NY
+---
+
+## Datathon and Technicals
+
+After I got the news from a friend, I felt it's a unbelievable thing just to hear. It really did surprised me that we have stood out of all the teams participated, when I joined the team, I hope we could gain a more experienced member, but people I asked all have other stuff to do, so we head straight on that Friday. On the technical aspect, there are a lot more features I wanted to implement, and I didn't successfully deploy it on render at that moment. By then, the static page went well, but as I'm running out of time I just wrote the stuff to let people deploy it locally so I could head over to the jazz club on time.
+
+Speaking from a few weeks later, debugging it now for the Render deployment is still painful, that it spend 20 min every time just to build the thing and get it running live. (These little 🎉 emojis in the service log are one of the only reasons I keep doing this) Sometimes
+it couldn't even make it there, other times it
+ran out of memory (free tier...),
+or it 404 for a file that is supposed to be there.
+Eventually I downgraded so much by sacrificing many things to get it use less memory/storage in general, and maybe building the thing every time I deploy it again,
+still,
+502.
+I just have to keep trying.
+The thing about that is once I change something and if it doesn't work, I try to get the problem, but when this happen too many times, there is a fear that I'll never get this to work, maybe I just do a complete rollback to the previous version. Finally, making it running (and having to deal with the next problem) is giving some satisfaction overall.  
+
+## Inconfidence
+
+People say it doesn't matter if you have the skill, but what if I don't? I seem to have the skill, or do I? There is some type of inconfidence deep inside me. Frankly, I'm jealous of other people who do not fear (at least seems like it), who do not (appear to) fall in this trap. The process comes in a cycle that:
+
+```mermaid
+graph LR
+    A["I am not confident / having a bad perception"] --> B["Not going to do well"]
+    B --> C["Inconfidence getting reinforced"]
+    C --> A
+```
+Felt wierd drawing a diagram in markdown, but here we are???
+
+The good news about winning the Datathon is some type of positive feedback that I'm currently really in need of, because I don't have a good GPA, not competent enough... I applied to a frontend job on handshake, it's on campus as well, I even hesitated even before I applied... The status of the thing stayed as "Reviewed" instead of "Declined" or anything else, I guess that's it (I couldn't stay for the whole summer on-site, maybe that's the problem).
+
+## Harsh Inner Critic
+
+Myself as a person is either too harsh or too indulged. Elaborating on that, I felt like if anything start going wrong, everything else start going wrong like a domino; and if stuff is going right, I'd better keep that streak running or I'll fall into the phase of me lying in bed all day. This, is/was a bad idea I have (had) in my mind. Either one end or the other of the spectrum, no exceptions, I'll see if I come to a solution to this anytime close. Problems dealing with oneself could only be solved by oneself, as others may aid along the way, not able to do the work for you.

posts/entries/random.md

@@ -3,7 +3,7 @@ title: Random stuff in linear algebra
 date: 2025-04-02
 tags: [math]
 author: R
-location: New York
+location: Bobst 6F, New York, NY
 ---
 
 What I want to say today is about the essential part of a linear transformation, and I figured out the proof and purpose just after looking over it in terms of domains and codomains. What I understand here is that

posts/entries/seminar-opensource.md

@@ -3,7 +3,7 @@ title: Seminar - Opensource
 date: 2025-04-04
 tags: [notes, cs]
 author: R
-location: New York
+location: New York, NY
 ---
 
 I went to a seminar where the speaker was discussing about the purpose/development, and many stuff about opensource that I didn't know before.

posts/js/post.js

@@ -16,14 +16,36 @@ function parseFrontMatter(text) {
 
 const params = new URLSearchParams(location.search);
 const slug = params.get("slug") || params.get("id");
-if (!slug) location.href = "blog.html";
+if (!slug) {
+  location.href = "blog.html";
+  throw new Error("Slug not provided, redirecting to blog list.");
+}
 
 const content = document.getElementById("post-content");
 if (!content) {
   console.error("Element with id 'post-content' not found.");
   throw new Error("Required DOM element not found.");
 }
 
+const renderer = new marked.Renderer();
+
+renderer.code = function(code, infostring, escaped) {
+  const lang = (infostring || "").trim().toLowerCase();
+
+  if (lang === "mermaid") {
+    return `<div class="mermaid">\n${code}\n</div>`;
+  }
+  return marked.Renderer.prototype.code.call(this, code, infostring, escaped);
+};
+
+marked.setOptions({
+  gfm: true,
+  breaks: false,
+  smartLists: true,
+  smartypants: false,
+  renderer: renderer
+});
+
 fetch(`./posts/entries/${slug}.md`)
   .then(r => r.text())
   .then(md => {
@@ -78,7 +100,27 @@ fetch(`./posts/entries/${slug}.md`)
 
     // If MathJax is present, render any math
     if (window.MathJax) {
-      window.MathJax.typesetPromise?.([content]);
+      window.MathJax.typesetPromise?.([content]).then(() => {
+        if (window.mermaid) {
+          try {
+            mermaid.initialize({ startOnLoad: false });
+            mermaid.init(undefined, bodyDiv);
+          } catch (e) {
+            console.warn("Mermaid failed to render:", e);
+          }
+        }
+      }).catch((e) => {
+        console.warn("MathJax vs Mermaid timing issue:", e);
+        if (window.mermaid) {
+          mermaid.initialize({ startOnLoad: false });
+          mermaid.init(undefined, bodyDiv);
+        }
+      });
+    } else {
+      if (window.mermaid) {
+        mermaid.initialize({ startOnLoad: false });
+        mermaid.init(undefined, bodyDiv);
+      }
     }
   })
   .catch(e => {

posts/metadata/entries.json

@@ -3,7 +3,7 @@
         "title": "First Post",
         "date": "2025-03-30",
         "author": "R",
-        "location": "New York, NY",
+        "location": "Brittany Hall, New York, NY",
         "tags": ["cs", "life"],
         "slug": "first"
     }
@@ -12,7 +12,7 @@
         "title": "Random stuff in linear algebra",
         "date": "2025-04-02",
         "author": "R",
-        "location": "New York, NY",
+        "location": "Bobst 6F, New York, NY",
         "tags": ["math"],
         "slug": "random"
     }
@@ -34,4 +34,13 @@
         "tags": ["math"],
         "slug": "googology"
     }
+    ,
+    {
+        "title": "News in life + dealing with Render deployment",
+        "date": "2025-06-01",
+        "author": "R",
+        "location": "Alumni Hall, New York, NY",
+        "tags": ["cs", "life"],
+        "slug": "news-render-deployment"
+    }
 ]

projects/js/projects.js

@@ -6,7 +6,7 @@ const LINGUIST_COLORS = {
   HTML: "#e34c26",
   CSS: "#563d7c",
   Shell: "#89e051",
-  // Add other languages and their colors as needed
+  // Add other languages as needed
 };
 const langCache = new Map();
 
@@ -46,7 +46,7 @@ async function fetchLanguages(repo) {
     if (!resp.ok) throw new Error(`GitHub API error: ${resp.status}`);
     data = await resp.json();
   } catch (err) {
-    console.warn(`Could not load languages for ${repo} from GitHub (Private repo), trying local fallback`, err);
+    console.warn(`Could not load languages for ${repo} from GitHub (Private repo), trying local fallback.`, err);
     const repoName = repo.includes('/') ? repo.split('/')[1] : repo;
     const fallbackFile = `/projects/languages/${repoName}.json`;
     try {

projects/languages/Prime-Factorization-Game.json

@@ -1,5 +1,5 @@
 {
-  "JavaScript": 63.7,
-  "CSS": 19.8,
+  "JavaScript": 61.9,
+  "CSS": 21.6,
   "HTML": 16.5
 }