mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 02:53:51 +00:00
Fix dates in content projects; write up darkbox
This commit is contained in:
@@ -30,7 +30,7 @@ export default function Header() {
|
||||
<header className={`fixed z-50 top-0 left-0 right-0 font-bold transition-transform duration-300 ${
|
||||
visible ? "translate-y-0" : "-translate-y-full"
|
||||
}`}>
|
||||
<div className="flex flex-row pt-1 px-2 text-lg lg:pt-2 lg:text-3xl md:text-2xl items-center justify-between md:justify-center space-x-2 md:space-x-10 lg:space-x-20">
|
||||
<div className="flex flex-row pt-1 px-2 bg-black text-lg lg:pt-2 lg:text-3xl md:text-2xl items-center justify-between md:justify-center space-x-2 md:space-x-10 lg:space-x-20">
|
||||
{headerLinks}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -3,8 +3,40 @@ title: "Darkbox"
|
||||
description: "My gruvbox theme, with a pure black background"
|
||||
githubUrl: "https://github.com/timmypidashev/web"
|
||||
techStack: ["Neovim", "Lua"]
|
||||
date: "2025-01-03"
|
||||
date: "2025-01-05"
|
||||
image: "/projects/darkbox/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
## Overview
|
||||
My gruvbox theme, with a pure black background
|
||||
|
||||
## Key Features
|
||||
* **Pure Black Background**:, Preventing eyestrain during prolonged screen time.
|
||||
|
||||
* **Gruvbox Inspired**: Only the very best warm colorscheme, revamped for contrast.
|
||||
|
||||
* **Neovim First**: First class support for neovim, with treesitter support built in.
|
||||
|
||||
## Development Highlights
|
||||
First, this project could not have been possible without the help of previous theme projects
|
||||
such as [gruvbox.nvim](https://github.com/ellisonleao/gruvbox.nvim). Major kudos to everyone
|
||||
who helped write that plugin. Using existing code as reference from this project dramatically
|
||||
sped up development and made matters easy.
|
||||
|
||||
On top of that, working with lua was delightful, and there were no roadblocks or glaring
|
||||
issues which prevented me from completion. Neovim's tight integration with lua is a game
|
||||
changer compared to something like [VimScript](https://vimdoc.sourceforge.net/htmldoc/usr_41.html).
|
||||
Overall, I found the whole experience simply perfect.
|
||||
|
||||
## Challenges & Roadblocks
|
||||
One thing I am not proud of, is how contrast has turned out. At the moment, the gruvbox dark
|
||||
colorscheme that inspired darkbox, isn't taking into account the contrast change from the
|
||||
background `#282828` to `#000000`. This, can show up as a bit washed out to the careful eye in certain
|
||||
code blocks where multiple colors clash together. I intend to work on this in a future release.
|
||||
The fix will be to darken the color contrast to more closely match to the pure black background.
|
||||
|
||||
## Summary
|
||||
This is it! This is the theme I am going to use for most likely the rest of my programming life.
|
||||
I have always had a gruvbox themed desktop, but no background image. This resulted in an interesting
|
||||
combo, and where the spark for this idea came from. I'm a bit biased, but I love it and hope
|
||||
someone else does too. The github link can be found [here](https://github.com/timmypidashev/darkbox.nvim) :D
|
||||
|
||||
@@ -3,6 +3,6 @@ title: "Discord Bot"
|
||||
description: "A discord bot template"
|
||||
githubUrl: "https://github.com/timmypidashev/pycord-bot-template"
|
||||
techStack: ["Python", "SQlite", "Docker"]
|
||||
date: "2025-01-03"
|
||||
date: "2024-01-03"
|
||||
image: "/projects/discord-bot/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Fhccenter"
|
||||
description: "Website made for a private school"
|
||||
demoUrl: "https://fhccenter.org"
|
||||
techStack: ["Nextjs", "Typescript", "Prisma"]
|
||||
date: "2025-01-03"
|
||||
date: "2024-10-03"
|
||||
image: "/projects/fhccenter/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
|
||||
@@ -3,6 +3,6 @@ title: "Iridescent"
|
||||
description: "An open-source graphics engine."
|
||||
githubUrl: "https://github.com/timmypidashev/iridescent"
|
||||
techStack: ["Cmake", "Glad", "Imgui"]
|
||||
date: "2025-01-03"
|
||||
date: "2024-05-03"
|
||||
image: "/projects/iridescent/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
@@ -3,7 +3,7 @@ title: "Revive Auto Parts"
|
||||
description: "A car parts listing site built for a client."
|
||||
demoUrl: "https://reviveauto.parts"
|
||||
techStack: ["Tanstack", "React Query", "Fastapi"]
|
||||
date: "2024-12-15"
|
||||
date: "2025-01-04"
|
||||
image: "/projects/reviveauto/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
|
||||
@@ -4,6 +4,6 @@ description: "My personal website and blog"
|
||||
githubUrl: "https://github.com/timmypidashev/web"
|
||||
demoUrl: "https://timmypidashev.dev"
|
||||
techStack: ["Astro", "Typescript", "MDX"]
|
||||
date: "2025-01-03"
|
||||
date: "2024-10-03"
|
||||
image: "/projects/web/thumbnail.jpeg"
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user