From cfcd3b797a98d9ac2f45e203323280ca061f0250 Mon Sep 17 00:00:00 2001 From: Blaster4385 Date: Sun, 21 Apr 2024 17:07:26 +0530 Subject: [PATCH] Initial website --- assets/md/home.md | 32 +++++++++++++++++++++++ index.html | 52 +++++++++++++++++++++++++++++++++++++ markdown.js | 22 ++++++++++++++++ styles.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 171 insertions(+) create mode 100644 assets/md/home.md create mode 100644 index.html create mode 100644 markdown.js create mode 100644 styles.css diff --git a/assets/md/home.md b/assets/md/home.md new file mode 100644 index 0000000..b07177d --- /dev/null +++ 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)** \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..c367f5a --- /dev/null +++ b/index.html @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + Blaster4385 + + + + + + + + +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/markdown.js b/markdown.js new file mode 100644 index 0000000..3dac757 --- /dev/null +++ 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'); + }); +} \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..1c410f7 --- /dev/null +++ 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; +} \ No newline at end of file