Initial website

2024-04-21 17:07:26 +05:30 · 2024-04-21 17:07:26 +05:30 · 5f37a399cf
commit 5f37a399cf
4 changed files with 171 additions and 0 deletions
--- a/assets/md/home.md
+++ b/assets/md/home.md
@ -0,0 +1,32 @@
+## $ whoami
+
+Hey folks, I'm Venkatesh Chaturvedi, currently working as an Associate Support Engineer at Atlassian. But let me tell you, when I'm off the clock, it's all about diving into the wild world of ricing archlinux. I'm all about the FOSS life, constantly on the lookout for new CLI tools to play with. And hey, if that's not enough, you can catch me tinkering with the Android Open Source Project, because why not add a little hell-hole to the mix?
+
+## $ ls projects/
+
+- **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.
+
+- **linux-IllusionX** \- _[Source Code](https://git.tablaster.dev/Blaster4385/linux-IllusionX)_
+
+> This is a fork of the Linux kernel with a customized config.
+
+- **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.
+
+- **ESP8266 SysMon** \- _[Source Code](https://git.tablaster.dev/Blaster4385/esp8266-sysmon)_
+
+> 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** \- _[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).
+
+## $ ls contact/
+
+- **[Telegram](https://t.me/V3NK4135H)** 
+- **[LinkedIn](https://www.linkedin.com/in/blaster4385)**
+- **[Email](mailto:venkatesh@tablaster.dev)**
+- **[Github](https://github.com/Blaster4385)**
--- a/index.html
+++ b/index.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="Venkatesh Chaturvedi, passionate about Linux and FOSS.">
+  <meta name="keywords"
+    content="Venkatesh Chaturvedi, Blaster4385, tablaster, FOSS, CLI tools, Linux, Android, Open Source, git">
+  <meta name="author" content="Venkatesh Chaturvedi">
+  <meta name="robots" content="index, follow">
+  <!-- Open Graph meta tags for social sharing -->
+  <meta property="og:title" content="Blaster4385">
+  <meta property="og:description"
+    content="Venkatesh Chaturvedi, passionate about Linux and FOSS.">
+  <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="Blaster4385">
+  <meta name="twitter:description"
+    content="Venkatesh Chaturvedi, passionate about Linux and FOSS.">
+  <meta name="twitter:image" content="https://github.com/Blaster4385.png">
+  <title>Blaster4385</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('home.md');
+    });
+  </script>
+</body>
+
+</html>
--- a/markdown.js
+++ b/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');
+  });
+}
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,65 @@
+:root {
+  --font-family: 'JetBrains Mono', monospace;
+  --color-background: #282828;
+  --color-text: #ebdbb2;
+  --color-accent: #fabd2f;
+  --color-highlight: #b8bb26;
+}
+
+body {
+  font-family: var(--font-family);
+  background-color: var(--color-background);
+  color: var(--color-text);
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  margin: auto;
+  max-width: 1280px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+  color: var(--color-accent);
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+#markdown {
+  margin: 20px;
+}
+
+#header {
+  text-align: center;
+  padding: 20px;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 20px;
+}
+
+li::before {
+  content: "*";
+  color: var(--color-highlight);
+  margin-right: 10px;
+}
+
+li {
+  margin-bottom: 10px;
+}
+
+p {
+  font-size: 1.5 rem;
+  line-height: 1.5;
+  text-align: justify;
+}