OpenDih · MONSTER13LIAR · Apr 2, 2026 · Apr 2, 2026
diff --git a/index.html b/index.html
@@ -24,9 +24,9 @@
       href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;1,6..72,400&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="style.css?v=7" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
-    <script src="script.js" defer></script>
+    <script src="script.js?v=3" defer></script>
   </head>
   <body>
     <div class="torch-overlay" id="torch-overlay"></div>
@@ -143,26 +143,23 @@ <h2>Projects</h2>
                 from community logic.
               </p>
             </a>
-            <a
-              href="https://github.com/OpenDih/Manbot"
-              target="_blank"
+            <div
               class="model-card"
+              onclick="openManBot()"
+              style="cursor: pointer;"
             >
               <span class="card-title">ManBot <span>&rarr;</span></span>
               <p class="card-desc">
                 The deployment interface. Designed to integrate the collective
                 model back into Discord environments.
               </p>
-            </a>
+            </div>
           </div>
         </section>
 
         <section id="blogs">
           <div class="blog-header-row">
             <h2>Blogs</h2>
-            <button class="sort-btn" id="sort-btn" onclick="toggleSort()">
-              Newest First
-            </button>
           </div>
 
           <div id="blog-container" class="blog-list"></div>

diff --git a/script.js b/script.js
@@ -129,10 +129,17 @@ async function renderBlogs() {
     }
   }
 
-  container.innerHTML =
-    loadedCount > 0
-      ? html
-      : '<div style="padding: 20px; text-align:center;">No publications found.</div>';
+  if (loadedCount === 0) {
+    container.innerHTML = '<div style="padding: 20px; text-align:center;">No publications found.</div>';
+    return;
+  }
+
+  container.innerHTML = `
+    <div class="blog-track-wrapper">
+      <div class="blog-track">
+        ${html}${html}
+      </div>
+    </div>`;
 }
 
 function openBlog(file) {
@@ -195,8 +202,8 @@ async function loadAllMembers() {
 async function loadTeamMembers() {
   try {
     const [teamsRes, membersRes] = await Promise.all([
-      fetch("src/teams.json"),
-      fetch("src/members.json"),
+      fetch("src/teams.json?v=" + Date.now()),
+      fetch("src/members.json?v=" + Date.now()),
     ]);
 
     if (!teamsRes.ok) throw new Error("Failed to load teams.json");
@@ -292,6 +299,83 @@ function renderTeamContent() {
     <div class="team-sections">${html}${viewAllHtml}</div>`;
 }
 
+function openManBot() {
+  document.getElementById("modal-content").innerHTML = `
+    <div class="manbot-header">
+      <h2 class="modal-title" style="margin: 0;">ManBot</h2>
+      <a href="https://github.com/OpenDih/Manbot" target="_blank" class="github-btn">
+        <i class="fa-brands fa-github"></i> View on GitHub
+      </a>
+    </div>
+
+    <div class="info-cards">
+      <div class="info-card">
+        <p>The Discord bot that acts as the official interface for ManGPT, developed by Team OpenDIH. ManBot is specifically trained on the anonymized chat messages from Manware Discord server.</p>
+        <p style="color: var(--accent); font-size: 0.9rem; font-weight: 400;">The bot is currently under development.</p>
+      </div>
+
+      <div class="info-card">
+        <h3 class="info-card-title">Contribution Guidelines</h3>
+        <ol class="info-list">
+          <li>Fork this repository first. <em>(This is for safety of the repo for any breaking changes.)</em></li>
+          <li>Clone your forked repository to your local machine.</li>
+          <li>Run the requirements file: <code>pip install -r requirements.txt</code></li>
+          <li>Create a new branch for your feature or bug fix.</li>
+          <li>Make your changes. Test it locally before creating a pull request.</li>
+          <li>Make a pull request to parent repository <code>OpenDih/ManBot</code></li>
+          <li>Describe the changes made and why they're needed in the pull request description.</li>
+          <li>Wait for review from the Bot Lead.</li>
+        </ol>
+      </div>
+
+      <div class="info-card">
+        <h3 class="info-card-title">Guide for Issues</h3>
+        <p>When reporting issues, please include:</p>
+        <ul class="info-list">
+          <li>Detailed description of the problem</li>
+          <li>Steps to reproduce</li>
+          <li>Expected vs Actual behavior</li>
+          <li>Environment details (Python version, etc.)</li>
+        </ul>
+      </div>
+
+      <div class="info-card">
+        <h3 class="info-card-title">Troubleshooting</h3>
+        <p><strong>Bot won't start:</strong></p>
+        <ul class="info-list">
+          <li>Check if <code>.env</code> file exists and contains valid tokens</li>
+          <li>Verify Discord token has proper permissions</li>
+          <li>Ensure Python version is 3.8+</li>
+        </ul>
+        <p><strong>Bot not responding:</strong></p>
+        <ul class="info-list">
+          <li>Check if bot has message permissions in the channel</li>
+          <li>Verify the ManGPT API endpoint is accessible</li>
+          <li>Check bot is mentioned or replied to correctly</li>
+        </ul>
+        <p><strong>Connection issues:</strong></p>
+        <ul class="info-list">
+          <li>The bot includes automatic retry logic for connection problems</li>
+          <li>Wait for exponential backoff to complete — it will attempt 5 times to reconnect</li>
+        </ul>
+      </div>
+
+      <div class="info-card">
+        <h3 class="info-card-title">Support</h3>
+        <ul class="info-list">
+          <li>Check existing issues for similar problems</li>
+          <li>Create an issue in the repository, following the issues guideline</li>
+          <li>Contact the Bot Lead <strong>@atshayk</strong> directly for any pressing matters</li>
+        </ul>
+      </div>
+    </div>
+    <br><br>
+  `;
+
+  document.getElementById("modal-overlay").classList.add("active");
+  document.body.style.overflow = "hidden";
+}
+
 function closeModal() {
   document.getElementById("modal-overlay").classList.remove("active");
   document.body.style.overflow = "auto";

diff --git a/src/avatars/MONSTER13LIAR.jpg b/src/avatars/MONSTER13LIAR.jpg
diff --git a/src/blogs/02-04-2026.json b/src/blogs/02-04-2026.json
@@ -0,0 +1,7 @@
+{
+  "title": "Joining the Frontend — A New Chapter",
+  "excerpt": "From joining as a frontend developer to handling all website changes, and why I love the idea of training an LLM on Discord data.",
+  "by": "MONSTER13LIAR",
+  "role": "Frontend Labour",
+  "content": "<p>I was joined in the organization as a frontend developer and now I am handling all the changes of the website, to make it look more professional than our bots.</p><p>I really like the idea of training an LLM on a Discord server's datasets. Through the weeks we have decided to work on the ManGPT bot.</p>"
+}
diff --git a/src/members.json b/src/members.json
@@ -95,6 +95,12 @@
       "name": "RaptorOG",
       "avatar_url": "https://avatars.githubusercontent.com/u/166996891?v=4",
       "html_url": "https://github.com/Raptor0G"
+    },
+    {
+      "login": "MONSTER13LIAR",
+      "name": "Abhijay",
+      "avatar_url": "src/avatars/MONSTER13LIAR.jpg",
+      "html_url": "https://github.com/MONSTER13LIAR"
     }
   ]
 }
diff --git a/src/teams.json b/src/teams.json
@@ -53,7 +53,7 @@
     {
       "name": "Frontend Engineers",
       "description": "Contributes to website and frontend projects.",
-      "members": ["divyanshudhruv", "siddbhatt18"]
+      "members": ["divyanshudhruv", "siddbhatt18", "MONSTER13LIAR"]
     },
     {
       "name": "Others",