Initial website
This commit is contained in:
commit
f65e685555
3 changed files with 171 additions and 0 deletions
32
assets/md/home.md
Normal file
32
assets/md/home.md
Normal file
|
|
@ -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](https://bin.tablaster.dev)** \- _[Source Code](https://git.tablaster.dev/Blaster4385/minibin)_
|
||||||
|
|
||||||
|
> 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](https://aadhaar-kiosk.vercel.app/)** \- _[Source Code](https://git.tablaster.dev/Blaster4385/aadhaar-kiosk-web-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](https:/pixelblaster-os.github.io)** \- _[Source Code](https://github.com/pixelblaster-os)_
|
||||||
|
|
||||||
|
> 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)**
|
||||||
74
index.html
Normal file
74
index.html
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
<!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, 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">
|
||||||
|
<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, an Associate Support Engineer at Atlassian, 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, an Associate Support Engineer at Atlassian, 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>
|
||||||
|
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>
|
||||||
|
|
||||||
|
</html>
|
||||||
65
styles.css
Normal file
65
styles.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue