assets/md/home.md

@@ -4,7 +4,7 @@ Hey folks, I'm Venkatesh Chaturvedi, currently working as an Associate Support E
 
 ## $ ls projects/
 
-- **[minibin](https://bin.tablaster.dev)** \- _[Source Code](https://git.tablaster.dev/Blaster4385/minibin)_
+- **minibin** \- _[Source Code](https://git.tablaster.dev/Blaster4385/minibin)_ \- _[Website](https://bin.tablaster.dev)_
 
 > This is a simple code sharing service and a URL shortener inspired by katbin.
 
@@ -12,7 +12,7 @@ Hey folks, I'm Venkatesh Chaturvedi, currently working as an Associate Support E
 
 > This is a fork of the Linux kernel with a customized config.
 
-- **[Aadhaar Kiosk](https://aadhaar-kiosk.vercel.app/)** \- _[Source Code](https://git.tablaster.dev/Blaster4385/aadhaar-kiosk-web-app)_
+- **Aadhaar Kiosk** \- _[Source Code](https://git.tablaster.dev/Blaster4385/aadhaar-kiosk-web-app)_ \- _[Website](https://aadhaar-kiosk.vercel.app/)_
 
 > This is a web app designed to automate the process of Aadhaar enrollment and update.
 
@@ -20,7 +20,7 @@ Hey folks, I'm Venkatesh Chaturvedi, currently working as an Associate Support E
 
 > This is a simple ESP8266 based system monitor used to monitor system information and resources. It also displays the current time, ambient temperature and humidity.
 
-- **[PixelBlaster-OS](https:/pixelblaster-os.github.io)** \- _[Source Code](https://github.com/pixelblaster-os)_
+- **PixelBlaster-OS** \- _[Source Code](https://github.com/pixelblaster-os)_ \- _[Website](https:/pixelblaster-os.github.io)_
 
 > This is a customised fork of the Android Open Source Project (AOSP).
 

assets/md/question-guidelines.md

@@ -0,0 +1,13 @@
+## $ ls question-guidelines/
+
+- _[Don't ask to ask, just ask](https://dontasktoask.com/)_ (Seriously, click on it please)
+- Do your own research first and share your findings along with the question.
+- Be clear and concise in your question. Provide all necessary context and details.
+- Specify the programming language, framework, and tools you're using.
+- Please, for the love of Linus Torvalds, do not copy paste your code on the chat.
+- Share any related code using services like _[rentry](https://rentry.co/)_ or _[minibin](https://bin.tablaster.dev/)_ (or anything similar)
+- Include any error messages you're encountering.
+- Don't ask for someone to do your entire project or homework for you.
+- Be polite and respectful in your interactions with others.
+- Follow the guidelines and rules of the community.
+- Consider offering a thank-you for helpful responses.

index.html

@@ -8,7 +8,7 @@
   <meta name="description"
     content="Venkatesh Chaturvedi, an Associate Support Engineer at Atlassian, passionate about Linux and FOSS.">
   <meta name="keywords"
-    content="Venkatesh Chaturvedi, Blaster4385, FOSS, CLI tools, Atlassian, Linux, Android, Open Source">
+    content="Venkatesh Chaturvedi, Blaster4385, tablaster, FOSS, CLI tools, Atlassian, Linux, Android, Open Source">
   <meta name="author" content="Venkatesh Chaturvedi">
   <meta name="robots" content="index, follow">
   <!-- Open Graph meta tags for social sharing -->
@@ -41,33 +41,11 @@
     <div id="markdown"></div>
   </main>
 
+  <script src="markdown.js"></script>
   <script>
     document.addEventListener('DOMContentLoaded', function () {
       loadMarkdownFile('home.md');
     });
-
-    function loadMarkdownFile(fileName) {
-      fetch(`/assets/md/${fileName}`)
-        .then(response => response.text())
-        .then(text => {
-          document.getElementById('markdown').innerHTML = convertMarkdownToHTML(text);
-          addBlankTargetToLinks();
-        })
-        .catch(error => {
-          console.error('Error loading Markdown file:', error);
-        });
-    }
-
-    function convertMarkdownToHTML(markdown) {
-      return marked.parse(markdown);
-    }
-
-    function addBlankTargetToLinks() {
-      const links = document.querySelectorAll('a');
-      links.forEach(link => {
-        link.setAttribute('target', '_blank');
-      });
-    }
   </script>
 </body>
 

markdown.js

@@ -0,0 +1,22 @@
+function loadMarkdownFile(fileName) {
+  fetch(`/assets/md/${fileName}`)
+    .then(response => response.text())
+    .then(text => {
+      document.getElementById('markdown').innerHTML = convertMarkdownToHTML(text);
+      addBlankTargetToLinks();
+    })
+    .catch(error => {
+      console.error('Error loading Markdown file:', error);
+    });
+}
+
+function convertMarkdownToHTML(markdown) {
+  return marked.parse(markdown);
+}
+
+function addBlankTargetToLinks() {
+  const links = document.querySelectorAll('a');
+  links.forEach(link => {
+    link.setAttribute('target', '_blank');
+  });
+}

question-guidelines.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!-- Meta tags for SEO -->
+  <meta name="description"
+    content="How TF do I ask a question?">
+  <meta name="keywords"
+    content="Venkatesh Chaturvedi, Blaster4385, tablaster, FOSS, CLI tools, Atlassian, Linux, Android, Open Source">
+  <meta name="author" content="Venkatesh Chaturvedi">
+  <meta name="robots" content="index, follow">
+  <!-- Open Graph meta tags for social sharing -->
+  <meta property="og:title" content="Question Guidelines">
+  <meta property="og:description"
+    content="How TF do I ask a question?">
+  <meta property="og:image" content="https://github.com/Blaster4385.png">
+  <meta property="og:url" content="https://tablaster.dev">
+  <meta property="og:type" content="website">
+  <!-- Twitter Card meta tags for social sharing -->
+  <meta name="twitter:card" content="summary">
+  <meta name="twitter:creator" content="@Blaster4385">
+  <meta name="twitter:title" content="Question Guidelines">
+  <meta name="twitter:description"
+    content="How TF do I ask a question?.">
+  <meta name="twitter:image" content="https://github.com/Blaster4385.png">
+  <title>Question Guidelines</title>
+  <link rel="icon" type="image/png" href="https://github.com/Blaster4385.png">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="styles.css">
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+</head>
+
+<body>
+  <main class="container">
+    <header id="header">
+      <h1>$ tablaster.dev</h1>
+    </header>
+    <div id="markdown"></div>
+  </main>
+
+  <script src="markdown.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      loadMarkdownFile('question-guidelines.md');
+    });
+  </script>
+</body>
+
+</html>