Build a designer-portfolio landing page in React + Tailwind v4 + Framer Motion + @react-three/drei.
HERO
Build a designer-portfolio landing page in React + Tailwind v4 + Framer Motion + @react-three/drei.
HERO
| local wezterm = require("wezterm") | |
| local action = wezterm.action | |
| -- Equalize all panes: each column gets equal width, each row within a column gets | |
| -- equal height. Weights are column/row group counts so mixed split orientations | |
| -- produce the expected N-ary equal-split layout. | |
| -- | |
| -- WezTerm's AdjustPaneSize targets the nearest ancestor split in the internal tree, | |
| -- which may differ from our reconstructed tree (multiple binary trees produce the same | |
| -- pixel layout). We probe with +1 adjustments to discover which boundary each pane |
| local wezterm = require("wezterm") | |
| local action = wezterm.action | |
| -- Equalize all panes: each column gets equal width, each row within a column gets | |
| -- equal height. Weights are column/row group counts so mixed split orientations | |
| -- produce the expected N-ary equal-split layout. | |
| -- | |
| -- WezTerm's AdjustPaneSize targets the nearest ancestor split in the internal tree, | |
| -- which may differ from our reconstructed tree (multiple binary trees produce the same | |
| -- pixel layout). We probe with +1 adjustments to discover which boundary each pane |
| // | |
| // THIS FILE WAS AUTOGENERATED BY ZELLIJ, THE PREVIOUS FILE AT THIS LOCATION WAS COPIED TO: /Users/al3rez/.config/zellij/config.kdl.bak | |
| // | |
| keybinds clear-defaults=true { | |
| locked { | |
| bind "Ctrl g" { SwitchToMode "normal"; } | |
| } | |
| pane { | |
| bind "left" { MoveFocus "left"; } |
| { | |
| "editor.fontFamily": "Inconsolata Nerd Font", | |
| "editor.fontSize": 16, | |
| "editor.scrollbar.horizontal": "hidden", | |
| "editor.scrollbar.vertical": "hidden", | |
| "editor.lineHeight": 1, | |
| "terminal.integrated.lineHeight": 1, | |
| "terminal.integrated.fontSize": 16, | |
| // Editor appearance | |
| "editor.lineNumbers": "off", |
| { | |
| "editor.fontFamily": "Pragmata Pro", | |
| "editor.lineHeight": 1.2, | |
| "terminal.integrated.fontSize": 14, | |
| "editor.fontSize": 14, | |
| "editor.glyphMargin": false, | |
| "editor.folding": false, | |
| "editor.stickyScroll.enabled": false, | |
| "editor.guides.indentation": false, | |
| "editor.scrollbar.horizontal": "hidden", |
| local wezterm = require("wezterm") | |
| return { | |
| font = wezterm.font_with_fallback({ | |
| { | |
| family = "Monolisa Nerd Font", | |
| weight = 500, | |
| harfbuzz_features = { -- https://www.monolisa.dev/playground | |
| "zero=1", -- slashed zero | |
| "ss01=1", -- normal asterisk * |
| # CLI | |
| sudo apt update -y | |
| sudo apt install -y \ | |
| git curl docker.io \ | |
| build-essential pkg-config autoconf bison rustc cargo clang \ | |
| libssl-dev libreadline-dev zlib1g-dev libyaml-dev libreadline-dev libncurses5-dev libffi-dev libgdbm-dev libjemalloc2 \ | |
| libvips imagemagick libmagickwand-dev \ | |
| redis-tools sqlite3 libsqlite3-0 libmysqlclient-dev \ | |
| rbenv apache2-utils |
| // Credits to Louistiti from Drizzle Discord: https://discord.com/channels/1043890932593987624/1130802621750448160/1143083373535973406 | |
| import { sql } from "drizzle-orm"; | |
| const clearDb = async (): Promise<void> => { | |
| const query = sql<string>`SELECT table_name | |
| FROM information_schema.tables | |
| WHERE table_schema = 'public' | |
| AND table_type = 'BASE TABLE'; | |
| `; |