144 lines
16 KiB
HTML
144 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Nischay's Blog</title>
|
||
<meta name="description" content="Nischay Sharma's Blog Posting and Persional Website">
|
||
<meta name="author" content="Nischay Sharma">
|
||
<link rel="alternate" type="application/rss+xml" href="/rss.xml">
|
||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||
<script async defer data-website-id="ec940d77-4ef0-43a8-a9df-8bcf6f442a4b" src="https://views.nischay.ovh/hihi.js"></script>
|
||
<link rel="stylesheet" href="/assets/asset.a735877b.css" /><script>/** @license Copyright 2020 Google LLC (BSD-3-Clause) */
|
||
/** Bundled JS generated from "@astrojs/lit/client-shim.js" */
|
||
var N = Object.defineProperty;
|
||
var i = (t, n) => () => (t && (n = t((t = 0))), n);
|
||
var b = (t, n) => {
|
||
for (var a in n) N(t, a, { get: n[a], enumerable: !0 });
|
||
};
|
||
function s() {
|
||
if (d === void 0) {
|
||
let t = document.createElement('div');
|
||
(t.innerHTML = '<div></div>'),
|
||
(d = !!t.firstElementChild.shadowRoot);
|
||
}
|
||
return d;
|
||
}
|
||
var d,
|
||
m = i(() => {});
|
||
var p,
|
||
c,
|
||
f,
|
||
u = i(() => {
|
||
(p = (t) => t.parentElement === null),
|
||
(c = (t) => t.tagName === ''),
|
||
(f = (t) => t.nodeType === Node.ELEMENT_NODE);
|
||
});
|
||
var h,
|
||
E = i(() => {
|
||
m();
|
||
u();
|
||
h = (t) => {
|
||
var n;
|
||
if (s()) return;
|
||
let a = [],
|
||
e = t.firstElementChild;
|
||
for (; e !== t && e !== null; )
|
||
if (c(e)) a.push(e), (e = e.content);
|
||
else if (e.firstElementChild !== null) e = e.firstElementChild;
|
||
else if (f(e) && e.nextElementSibling !== null) e = e.nextElementSibling;
|
||
else {
|
||
let o;
|
||
for (; e !== t && e !== null; )
|
||
if (p(e)) {
|
||
o = a.pop();
|
||
let r = o.parentElement,
|
||
l = o.getAttribute('shadowroot');
|
||
if (((e = o), l === 'open' || l === 'closed')) {
|
||
let y = o.hasAttribute('shadowrootdelegatesfocus');
|
||
try {
|
||
r.attachShadow({ mode: l, delegatesFocus: y }).append(o.content);
|
||
} catch {}
|
||
} else o = void 0;
|
||
} else {
|
||
let r = e.nextElementSibling;
|
||
if (r != null) {
|
||
(e = r), o !== void 0 && o.parentElement.removeChild(o);
|
||
break;
|
||
}
|
||
let l =
|
||
(n = e.parentElement) === null || n === void 0 ? void 0 : n.nextElementSibling;
|
||
if (l != null) {
|
||
(e = l), o !== void 0 && o.parentElement.removeChild(o);
|
||
break;
|
||
}
|
||
(e = e.parentElement), o !== void 0 && (o.parentElement.removeChild(o), (o = void 0));
|
||
}
|
||
}
|
||
};
|
||
});
|
||
var w = i(() => {
|
||
E();
|
||
});
|
||
var v = {};
|
||
b(v, { hasNativeDeclarativeShadowRoots: () => s, hydrateShadowRoots: () => h });
|
||
var S = i(() => {
|
||
m();
|
||
w();
|
||
});
|
||
async function g() {
|
||
let { hydrateShadowRoots: t } = await Promise.resolve().then(() => (S(), v));
|
||
window.addEventListener('DOMContentLoaded', () => t(document.body), { once: true });
|
||
}
|
||
var x = new DOMParser()
|
||
.parseFromString('<p></p>', 'text/html', {
|
||
includeShadowRoots: !0,
|
||
})
|
||
.querySelector('p');
|
||
(!x || !x.shadowRoot) && g();
|
||
</script>
|
||
</head>
|
||
<body class="bg-slate-900 text-gray-100">
|
||
<div class="mx-auto max-w-screen-lg px-3 py-6"><div class="flex flex-col gap-y-3 sm:flex-row sm:items-center sm:justify-between"><a href="/"><div class="flex items-center bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-xl font-bold text-transparent">Nischay's Blog</div></a><nav><ul class="flex gap-x-3 font-medium text-gray-200"><li class="hover:text-white"><a href="/">Home</a></li><li class="hover:text-white"><a href="/posts">Blogs</a></li><li class="hover:text-white"><a href="https://github.com/nischay876">GitHub</a></li><li class="hover:text-white"><a href="https://dsc.gg/oggys">Discord</a></li></ul></nav></div></div>
|
||
|
||
<div class="mx-auto max-w-screen-lg px-3 py-6"><div class="flex flex-col items-center md:flex-row md:justify-between md:gap-x-24"><div><h1 class="text-3xl font-bold">Hi there, I'm <span class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Nischay</span> 👋</h1><p class="mt-6 text-xl leading-9">A Frontend Developer , Backend Developer & System Administrators living in india.</p><div class="mt-3 flex gap-1"><a href="/"><img class="h-12 w-12 hover:translate-y-1" src="/assets/images/twitter-icon.png" alt="Twitter icon" loading="lazy"/></a><a href="/"><img class="h-12 w-12 hover:translate-y-1" src="/assets/images/facebook-icon.png" alt="Facebook icon" loading="lazy"/></a><a href="/"><img class="h-12 w-12 hover:translate-y-1" src="/assets/images/linkedin-icon.png" alt="Linkedin icon" loading="lazy"/></a><a href="/"><img class="h-12 w-12 hover:translate-y-1" src="/assets/images/youtube-icon.png" alt="Youtube icon" loading="lazy"/></a></div></div><div class="shrink-0"><img class="h-80 w-64" src="/assets/images/avatar.png" alt="Avatar image" loading="lazy"/></div></div></div><div class="mx-auto max-w-screen-lg px-3 py-6"><div class="mb-6 text-2xl font-bold"><div class="flex items-baseline justify-between"><div>Recent <span class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Projects</span></div><div class="text-sm"><a href="https://github.com/nischay876?tab=repositories">View all Projects →</a></div></div></div><div class="flex flex-col gap-6"><div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row"><div class="shrink-0"><a href="https://docs.iimg.ml"><img class="h-36 w-36 hover:translate-y-1" src="https://i.imgur.com/FFV6F3C.png" alt="Project Web Design" loading="lazy"/></a></div><div><div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400" href="https://docs.iimg.ml"><div class="text-xl font-semibold">INTERNET IMAGES</div></a><div class="ml-3 flex gap-2"><div class="rounded-md px-2 py-1 text-xs font-semibold bg-fuchsia-400 text-fuchsia-900">IMAGE SHARING</div><div class="rounded-md px-2 py-1 text-xs font-semibold bg-yellow-400 text-yellow-900">JAVASCRIPT</div></div></div><p class="mt-3 text-gray-400">Free images sharing service with Zero-Width Spaces share links, Custom domain, Never expire and alot of Customisations...</p></div></div><div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row"><div class="shrink-0"><a href="/"><img class="h-36 w-36 hover:translate-y-1" src="https://spring.io/images/projects/spring-edf462fec682b9d48cf628eaf9e19521.svg" alt="Project Fire" loading="lazy"/></a></div><div><div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400" href="/"><div class="text-xl font-semibold">FREELAVALINK</div></a><div class="ml-3 flex gap-2"><div class="rounded-md px-2 py-1 text-xs font-semibold bg-violet-400 text-violet-900">LAVALINK</div><div class="rounded-md px-2 py-1 text-xs font-semibold bg-emerald-400 text-emerald-900">JAVA</div><div class="rounded-md px-2 py-1 text-xs font-semibold bg-yellow-400 text-yellow-900">DISCORD BOTS</div></div></div><p class="mt-3 text-gray-400">free lavalink server for everyone, also World's first Public Lavalink server with 4 different nodes/servers getting used at same time for best playback and 0 downtime!</p></div></div><div class="flex flex-col items-center gap-x-8 rounded-md bg-slate-800 p-3 md:flex-row"><div class="shrink-0"><a href="/"><img class="h-36 w-36 hover:translate-y-1" src="/assets/images/project-maps.png" alt="Project Maps" loading="lazy"/></a></div><div><div class="flex flex-col items-center gap-y-2 md:flex-row"><a class="hover:text-cyan-400" href="/"><div class="text-xl font-semibold">Project 3</div></a><div class="ml-3 flex gap-2"><div class="rounded-md px-2 py-1 text-xs font-semibold bg-fuchsia-400 text-fuchsia-900">Astro.js</div><div class="rounded-md px-2 py-1 text-xs font-semibold bg-indigo-400 text-indigo-900">Bootstrap</div><div class="rounded-md px-2 py-1 text-xs font-semibold bg-rose-400 text-rose-900">TypeScript</div></div></div><p class="mt-3 text-gray-400">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
|
||
bibendum. Nunc non posuere consectetur, justo erat semper enim, non
|
||
hendrerit dui odio id enim.</p></div></div></div></div><div class="mx-auto max-w-screen-lg px-3 py-6"><div class="mb-6 text-2xl font-bold"><div class="flex items-baseline justify-between"><div>Recent <span class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Posts</span></div><div class="text-sm"><a href="/posts">View all Posts →</a></div></div></div><div class="grid grid-cols-1 gap-6 md:grid-cols-3"><a class="hover:translate-y-1" href="/posts/how-to-install-node-js-and-npm-on-ubuntu"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="https://i.imgur.com/fdBoats.jpg" alt="Image post 2" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">“How to Install Node.js” and “npm” on “Ubuntu 20.04”</h2><div class="mt-1 text-xs text-gray-400">Feb 5, 2022</div><div class="mt-2 text-sm"></div></div></div></a><a class="hover:translate-y-1" href="/posts/lavalink-setup"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="https://spring.io/images/spring-logo-9146a4d3298760c2e7e49595184e1975.svg" alt="Image post 2" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">How to setup lavalink server</h2><div class="mt-1 text-xs text-gray-400">Feb 5, 2022</div><div class="mt-2 text-sm">Here’s how to properly setup lavalink on Windows, MacOS, or Linux</div></div></div></a><a class="hover:translate-y-1" href="/posts/sixth-post"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="/assets/images/image-post.jpeg" alt="Image post" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">Typography example</h2><div class="mt-1 text-xs text-gray-400">Feb 6, 2020</div><div class="mt-2 text-sm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi.</div></div></div></a><a class="hover:translate-y-1" href="/posts/fifth-post"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="/assets/images/image-post2.jpeg" alt="Image post 2" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">5th Lorem ipsum dolor sit</h2><div class="mt-1 text-xs text-gray-400">Feb 5, 2020</div><div class="mt-2 text-sm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi.</div></div></div></a><a class="hover:translate-y-1" href="/posts/generate-lets-encrypt-free-wildcard-certificate"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="/assets/images/image-post2.jpeg" alt="Image post 2" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">generate-lets-encrypt-free-wildcard-certificate</h2><div class="mt-1 text-xs text-gray-400">Feb 5, 2020</div><div class="mt-2 text-sm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi.</div></div></div></a><a class="hover:translate-y-1" href="/posts/how-to-install-apache-on-ubuntu"><div class="overflow-hidden rounded-md bg-slate-800"><div class="aspect-w-3 aspect-h-2"><img class="h-full w-full object-cover object-center" src="/assets/images/image-post2.jpeg" alt="Image post 2" loading="lazy"/></div><div class="px-3 pt-4 pb-6 text-center"><h2 class="text-xl font-semibold">how-to-install-apache-on-ubuntu</h2><div class="mt-1 text-xs text-gray-400">Feb 5, 2020</div><div class="mt-2 text-sm">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non molestias eos excepturi.</div></div></div></a></div></div><my-element01><!--lit-part WFUQ9Qbv+38=-->
|
||
<div class="mx-auto max-w-screen-lg px-3 py-6">
|
||
<div class="flex flex-col items-center justify-between gap-6 sm:flex-row">
|
||
<div class="sm:w-7/12">
|
||
<div class="text-3xl font-bold">Subscribe to my <span
|
||
class="bg-gradient-to-br from-sky-500 to-cyan-400 bg-clip-text text-transparent">Newsletters</span></div>
|
||
<p class="mt-3 text-gray-300">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur vero esse non
|
||
molestias eos excepturi, inventore atque cupiditate.</p>
|
||
</div>
|
||
<div class="w-full sm:w-5/12">
|
||
<script src="https://f.convertkit.com/ckjs/ck.5.js"></script>
|
||
<link rel="stylesheet" href="https://static.staticsave.com/nischay02/dfsfdsfsdfsdffsd.css" />
|
||
<form action="https://app.convertkit.com/forms/3637966/subscriptions" class="seva-form formkit-form"
|
||
method="post" data-sv-form="3637966" data-uid="52232e6ffc" data-format="inline" data-version="5"
|
||
data-options="{"settings":{"after_subscribe":{"action":"message","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":""},"analytics":{"google":null,"fathom":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":true,"url":"https://convertkit.com/features/forms?utm_campaign=poweredby&utm_content=form&utm_medium=referral&utm_source=dynamic"},"recaptcha":{"enabled":false},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}"
|
||
min-width="400 500 600 700 800">
|
||
<div data-style="clean">
|
||
<ul class="formkit-alert formkit-alert-error" data-element="errors" data-group="alert"></ul>
|
||
<div data-element="fields" data-stacked="false" class="seva-fields formkit-fields">
|
||
<div class="formkit-field"><input class="formkit-input" name="email_address" aria-label=" Email Address"
|
||
placeholder=" Email Address" required="" type="email"
|
||
style="color: #ffffff; border-color: rgb(30, 41, 59); border-radius: 50px; font-weight: 400; background-color: #1e293b;">
|
||
</div>
|
||
<button data-element="submit" class="formkit-submit formkit-submit"
|
||
style="color: rgb(255, 255, 255); background-color: rgb(17, 173, 234); border-radius: 50px; font-weight: 400;">
|
||
<div class="formkit-spinner">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div><span class="">Subscribe</span>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div><!--/lit-part--></my-element01>
|
||
|
||
<div class="mx-auto max-w-screen-lg px-3 py-6"><div class="border-t border-gray-600 pt-5"><div class="text-sm text-gray-200">© Copyright <!-- -->2022<!-- --> by <!-- -->Nischay's Blog<!-- -->. Built with ♥ by<!-- --> <a class="text-cyan-400 hover:underline" href="https://nischay.ovh" target="_blank" rel="noopener noreferrer">~Nischay</a>.</div></div></div>
|
||
</body></html> |