mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-06-05 19:15:30 -04:00
refactor: migrate from Biome to oxlint/oxfmt, remove contact form
- Replace Biome with oxlint + oxfmt (OXC toolchain) for linting and formatting - Add .oxlintrc.json and .oxfmtrc.json configuration files - Update VS Code settings and devcontainer to use oxc-vscode extension - Remove contact form, Resend email integration, and related server action/schema - Remove unused UI components (accordion, alert, card, tabs, toggle, etc.)
This commit is contained in:
@@ -46,7 +46,9 @@ A _very_ barebones example is embedded above ([view the source here](https://git
|
||||
I have cleaned up this code a bit, added a few features, and packaged it as an [📦 NPM module](https://www.npmjs.com/package/dark-mode-switcheroo) (zero dependencies and still [only ~500 bytes](https://bundlephobia.com/package/dark-mode-switcheroo) minified and gzipped!). Here's a small snippet of the updated method for the browser (pulling the module from [UNPKG](https://unpkg.com/browse/dark-mode-switcheroo/)), but definitely [read the readme](https://github.com/jakejarvis/dark-mode#readme) for much more detail on the API.
|
||||
|
||||
```html showLineNumbers
|
||||
<button class="dark-mode-toggle" style="visibility: hidden;">💡 Click to see the light... or not.</button>
|
||||
<button class="dark-mode-toggle" style="visibility: hidden;">
|
||||
💡 Click to see the light... or not.
|
||||
</button>
|
||||
|
||||
<script src="https://unpkg.com/dark-mode-switcheroo/dist/dark-mode.min.js"></script>
|
||||
<script>
|
||||
|
||||
@@ -14,15 +14,32 @@ tags:
|
||||
image: ./step7-2.png
|
||||
---
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" className="float-right mb-1.5 ml-3 size-[150px]">
|
||||
<path d="M6.5 35v-4.8c0-5.4 4.3-9.7 9.7-9.7h7.6c5.4 0 9.7-4.3 9.7-9.7V6M6.5 32.5v-26" fill="none" stroke="#a3b7cc" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 40 40"
|
||||
className="float-right mb-1.5 ml-3 size-[150px]"
|
||||
>
|
||||
<path
|
||||
d="M6.5 35v-4.8c0-5.4 4.3-9.7 9.7-9.7h7.6c5.4 0 9.7-4.3 9.7-9.7V6M6.5 32.5v-26"
|
||||
fill="none"
|
||||
stroke="#a3b7cc"
|
||||
/>
|
||||
<path d="M6.5 10.5a4 4 0 110-8 4 4 0 010 8z" fill="#8bb7f0" />
|
||||
<path d="M6.5 3a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z" fill="#4e7ab5" />
|
||||
<path
|
||||
d="M6.5 3a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z"
|
||||
fill="#4e7ab5"
|
||||
/>
|
||||
<path d="M33.5 10.5a4 4 0 110-8 4 4 0 010 8z" fill="#8bb7f0" />
|
||||
<path d="M33.5 3a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z" fill="#4e7ab5" />
|
||||
<path
|
||||
d="M33.5 3a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z"
|
||||
fill="#4e7ab5"
|
||||
/>
|
||||
<g>
|
||||
<path d="M6.5 37.5a4 4 0 110-8 4 4 0 010 8z" fill="#8bb7f0" />
|
||||
<path d="M6.5 30a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z" fill="#4e7ab5" />
|
||||
<path
|
||||
d="M6.5 30a3.5 3.5 0 110 7 3.5 3.5 0 010-7m0-1a4.5 4.5 0 100 9 4.5 4.5 0 000-9z"
|
||||
fill="#4e7ab5"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
|
||||
@@ -32,7 +32,8 @@ Seriously, it's so good that even if you're not using Tailwind, their docs clear
|
||||
After converting a few more components, I started to feel better and better each time I deleted a [`.module.css`](https://github.com/jakejarvis/jarv.is/blob/v6/components/Blockquote/Blockquote.module.css) file. What I thought would make my code infinitely more complicated and messy was actually making it simpler and cleaner. Each component no longer needed its own folder. Colors and spacing were becoming more consistent. Pixels I struggled to line up previously were now coincidentally falling in line. Best of all, **I didn't have to name anything anymore!** 🎉
|
||||
|
||||
<ImageDiff>
|
||||

|
||||

|
||||
</ImageDiff>
|
||||
|
||||
Don't get me wrong, I still think the syntax Tailwind forces you to write is an abomination. **But honestly, so was my CSS.**
|
||||
|
||||
Reference in New Issue
Block a user