Skip to content

Commit

Permalink
finally update me page
Browse files Browse the repository at this point in the history
  • Loading branch information
@namishh
namishh committed Nov 1, 2024
1 parent 27fb7fa commit 2d215d0
Show file tree
Hide file tree
Showing 4 changed files with 86 additions and 53 deletions.
Binary file added public/silico.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions public/skann.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 10 additions & 10 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
class="h-10 md:h-12 w-10 md:w-12 rounded-full border-[1px] border-fg"
/>
<h1 class="text-xl md:text-3xl text-left text-fg self-end">Namish</h1>
<h1 class="mb-[2px] md:mb-0 text-sm md:text-lg text-gray-500 text-left self-end">
<h1 class="mb-[2px] md:mb-0 text-sm md:text-lg text-neutral-500 text-left self-end">
17M (he/him)
</h1>
</div>
Expand Down Expand Up @@ -48,7 +48,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
</p>
<div class="my-8 h-[2px] px-16 bg-bg3 inline-block"></div>
<h1 class="text-lg md:text-2xl text-fg">
<span class="text-gray-500">(Some of my)</span> Projects <a
<span class="text-neutral-500">(Some of my)</span> Projects <a
href="/stuff"
><i class="ph ml-2 ph-arrow-right text-sm"></i></a
>
Expand All @@ -70,7 +70,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
<div class="text-bright text-md">
refined and a better way for youtubers to manage their work
</div>
<p class="text-sm md:text-md text-gray-500">solid start ⋅ wip</p>
<p class="text-sm md:text-md text-neutral-500">solid start ⋅ wip</p>
</div>
</a>
</div>
Expand All @@ -81,7 +81,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
<div class="text-bright text-md">
web based small lightroom like editor
</div>
<p class="text-md text-gray-500">rust ⋅ next</p>
<p class="text-md text-neutral-500">rust ⋅ next</p>
</div>
</a>
</div>
Expand All @@ -92,7 +92,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
<div class="text-bright text-md">
terminal based text editor with some vim motions
</div>
<p class="text-md text-gray-500">c ⋅ terminal</p>
<p class="text-md text-neutral-500">c ⋅ terminal</p>
</div>
</a>
</div>
Expand All @@ -104,7 +104,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
a url shortner written purely in C and htmx (0
js)
</div>
<p class="text-md text-gray-500">c ⋅ htmx</p>
<p class="text-md text-neutral-500">c ⋅ htmx</p>
</div>
</a>
</div>
Expand All @@ -116,7 +116,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
0 js, 100% golang and templ starter kit for
crypt hunts
</div>
<p class="text-md text-gray-500">golang ⋅ templ</p>
<p class="text-md text-neutral-500">golang ⋅ templ</p>
</div>
</a>
</div>
Expand All @@ -128,13 +128,13 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
simulating a neural network from scratch with
test data
</div>
<p class="text-md text-gray-500">golang ⋅ maths</p>
<p class="text-md text-neutral-500">golang ⋅ maths</p>
</div>
</a>
</div>
</div>
<h1 class="text-xl lg:text-2xl text-fg mt-8 mb-2">
<span class="text-gray-500">Recent</span> Blogs <a href="/blog"
<span class="text-neutral-500">Recent</span> Blogs <a href="/blog"
><i class="ph ml-2 ph-arrow-right text-sm"></i></a
>
</h1>
Expand All @@ -150,7 +150,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
<p class="text-fg text-[16px] md:text-[20px]">
{j + 1}. {i.frontmatter.title}
</p>
<span class="mr-2 text-[14px] md:text-lg text-gray-500">
<span class="mr-2 text-[14px] md:text-lg text-neutral-500">
{i.frontmatter.date}
</span>
</a>
Expand Down
103 changes: 60 additions & 43 deletions src/pages/me.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,117 +63,134 @@ import Quote from "../components/Quote.astro";
class="h-10 md:h-12 w-10 md:w-12 rounded-full border-[1px] border-fg"
/>
<h1 class="text-xl md:text-3xl text-left text-fg self-end">Namish</h1>
<h1 class="text-sm mb-[2px] md:mb-0 md:text-lg text-gray-500 text-left self-end">
<h1 class="text-sm mb-[2px] md:mb-0 md:text-lg text-neutral-500 text-left self-end">
17M (he/him)
</h1>
</div>
<p class="text-sm md:text-lg text-gray-500">
<p class="text-sm md:text-lg text-neutral-500">
num-ish ⋅ mythological god (south east asia)
</p>
</div>
<p class="mt-8 text-[16px] md:text-[20px] text-bright">
Just another dude who chronically loves to program literally everything in anything. While mainly <span class="text-fg"> creating for the web </span>, most of my personal favourite projects are <span class="text-fg"> low level. </span> Apart from that I'm also knd of proficient in the piano and playing tennis.
<div class="mt-8 leading-8">
<div class="flex gap-4 items-start">
<p class="p-3 px-4 md:p-4 md:px-6 select-none text-white text-xl md:text-3xl font-black bg-mbg">F</p>
<div class="flex flex-col">
<p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://git.new/floww">Floww</a> • Sep 2024 - Present</p>
<p class="text-bright">founder</p>
</div>
</div>
<div class="flex gap-2 md:gap-4 my-4">
<ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright">
<li>building a youtube studio access management solution using solid start and prisma to solve security risks</li>
<li>currently in very early stages</li>
</ol>
</div>
</div>


<div class="mt-8 leading-8">
<div class="flex gap-4">
<img src="/skann.svg" class="p-3 md:p-4 bg-mbg h-12 md:h-16">
<div class="flex flex-col">
<p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://skann.me">Skann</a> • Oct 2024 - Present</p>
<p class="text-bright">front end developer</p>
</div>
</div>
<div class="flex gap-2 md:gap-4 my-4">
<ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright">
<li>redesigned the entire ui, including the whole admin dashboard with multiple sections along with the customer login flow </li>
<li>moved the company's blog from using markdown to using mdx with next-mdx-remote to allow for more organized and intuitive writing</li>
</ol>
</div>
</div>

</p>
<div class="mt-8 leading-8">
<div class="flex gap-4">
<img src="/silico.png" class="p-3 md:p-4 bg-mbg h-12 md:h-16">
<div class="flex flex-col">
<p class="text-bright"><a class="text-fg md:text-lg font-bold underline" href="https://silicobattles.in">Sovuneir Club</a> • Apr 2023 - Oct 2024</p>
<p class="text-bright">head of operations • lead dev</p>
</div>
</div>
<div class="flex gap-2 md:gap-4 my-4">
<ol class="list-decimal flex flex-col gap-3 mx-6 text-bright marker:text-bright ">
<li>designed the websites for the club's annual tech symposium, "The Silico Battles" for the years 2023-24 and 2024-25 using remix.js and tailwindcss</li>
<li>developed the website for the club's flagship cryptic hunt, "Cyquest" with golang and sqlite</li>
<li>faciliated and organized over 14 events with more than 400 participants</li>
</ol>
</div>
</div>
<div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
<h1 class="text-lg text-fg mt-8 mb-2">
<span class="text-gray-500">Skill</span> Set
<span class="text-neutral-500">Skill</span> Set
</h1>
<div class="flex flex-wrap gap-4">
{
skills.map((i, j) => {
return (
<p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
<p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
{i}
</p>
);
})
}
</div>
<h1 class="text-lg text-fg mt-8 mb-2">
<span class="text-gray-500">Languages</span> I Know
<span class="text-neutral-500">Languages</span> I Know
</h1>
<div class="flex flex-wrap gap-4">
{
languages.map((i, j) => {
return (
<p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
<p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
{i}
</p>
);
})
}
</div>
<h1 class="text-lg text-fg mt-8 mb-2">
<span class="text-gray-500">Databases &</span> ORMS
<span class="text-neutral-500">Databases &</span> ORMS
</h1>
<div class="flex flex-wrap gap-4">
{
databases.map((i, j) => {
return (
<p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
<p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
{i}
</p>
);
})
}
</div>
<h1 class="text-lg text-fg mt-8 mb-2">
<span class="text-gray-500">Web</span> Tech
<span class="text-neutral-500">Web</span> Tech
</h1>
<div class="flex flex-wrap gap-4">
{
webframeworks.map((i, j) => {
return (
<p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
<p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
{i}
</p>
);
})
}
</div>
<h1 class="text-lg text-fg mt-8 mb-2">
<span class="text-gray-500">Discord</span> Framewords
<span class="text-neutral-500">Discord</span> Framewords
</h1>
<div class="flex flex-wrap gap-4">
{
discordframeworks.map((i, j) => {
return (
<p class="mt-2 bg-[#111] text-fg px-4 py-2 rounded-md">
<p class="mt-2 bg-[#080808] text-fg px-4 py-2 rounded-md">
{i}
</p>
);
})
}
</div>
<div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
<h1 class="text-xl md:text-2xl text-fg mt-8 mb-2">
<span class="text-gray-500">My</span> Setup
</h1>
<ul
class="list-decimal leading-[2.6rem] list-inside mt-4 text-[16px] md:text-[16px] text-bright"
>
<li>
Operating System: <span class="text-fg">arch // nix os</span
>
</li>
<li>
Window Managers: <span class="text-fg"
>awesomewm // swayfx</span
>
</li>
<li>
Terminal & Shell: <span class="text-fg"
>wezterm with bash</span
>
</li>
<li>Code Editor: <span class="text-fg">neovim</span></li>
</ul>
<div class="mt-8 h-[2px] px-16 bg-bg3 inline-block"></div>
<h1 class="text-xl md:text-2xl text-fg mt-8 mb-2">
<span class="text-gray-500">Testimonial</span>
</h1>
<Quote />
</div>
</div>
</Layout>

0 comments on commit 2d215d0

Please sign in to comment.