/uses page

2026-05-05 17:38:22 -04:00
parent 562aa21e57
commit 0899304a62
4 changed files with 133 additions and 1 deletions
@@ -0,0 +1,83 @@
+---
+import { navLinks } from '../../data/nav-links';
+---
+
+<aside>
+	<div class="logo">
+		<a href="/">ghall.space</a>
+	</div>
+	<nav>
+		<ul>
+			{
+				navLinks.map((link) => (
+					<li>
+						<a href={`/${link.path}`}>{link.label}</a>
+					</li>
+				))
+			}
+		</ul>
+	</nav>
+</aside>
+
+<style lang="scss">
+	@use '../../styles/variables.scss' as *;
+
+	aside {
+		display: none;
+	}
+
+	.logo {
+		padding: 16px;
+		border-bottom: var(--border);
+
+		a {
+			font-size: 1.6rem;
+			color: var(--text);
+			font-weight: bold;
+			text-decoration: none;
+
+			&:hover {
+				opacity: 0.75;
+			}
+		}
+	}
+
+	nav {
+		ul {
+			display: flex;
+			flex-direction: column;
+			list-style: none;
+			gap: 8px;
+			padding: 0;
+			margin: 0;
+		}
+
+		a {
+			color: var(--text);
+			padding: 8px 16px;
+			text-decoration: none;
+			font-weight: 600;
+			font-size: 1.1rem;
+			border-radius: $radius;
+
+			&:hover {
+				background-color: rgba(0, 0, 0, 0.05);
+			}
+		}
+	}
+
+	@media screen and (min-width: $max-mobile-width + 1) {
+		aside {
+			display: block;
+			position: fixed;
+			left: 0;
+			top: 0;
+			width: 220px;
+			height: 100vh;
+			background-color: var(--background);
+			border-right: var(--border);
+			z-index: 1;
+			overflow-y: auto;
+		}
+	}
+</style>
@@ -6,6 +6,7 @@ export interface NavLink {
 export const navLinks: NavLink[] = [
 	{ label: 'Blog', path: 'blog/page/1' },
 	{ label: 'Now', path: 'now' },
+	{ label: 'Uses', path: 'uses' },
 	{ label: 'Projects', path: 'projects' },
 	{ label: 'Search', path: 'search' },
 ];
@@ -0,0 +1,48 @@
+---
+layout: ../layouts/Layout.astro
+title: Uses
+---
+
+# Uses
+
+As both a professional web developer, an amatuer Mac and iPhone developer, as well as a hobbyist blogger, I have a variety of tools I use to get my work done. 
+
+_Last updated: March 5, 2026_
+
+## Hardware
+
+My current workstation is an M2 MacBook Air, which I have connected to an [LG UltraFine 27"](https://www.lg.com/us/monitors/lg-27up850k-w-4k-uhd-led-monitor) display, with a [NuPhy Air75 V2](https://nuphy.com/products/air75-v2) keyboard (with classic Mac-style keycaps), and a [Logitech M720](https://www.logitech.com/en-us/shop/p/m720-triathlon) mouse. 
+
+### MacBook Air Specs
+- OS: macOS Tahoe
+- RAM: 24GB 
+- Storage: 512GB SSD + external 1TB Samsung SSD 
+
+## Software
+
+### Text Editors
+
+- [Zed](https://zed.dev/) - My daily driver for web development. I like it because it's fast, minimal, and just works. 
+- [Nova](https://nova.app/) - I very much want this to be my daily driver for web development...
+- [Xcode](https://developer.apple.com/xcode/) - Where I do all my iPhone and Mac dev, but also _anything_ Swift-related.
+- [BBEdit](https://www.barebones.com/products/bbedit/index.html) - My go-to app for making quick edits, and for writing.
+
+### Productivity
+
+- [Zen Browser](https://zen-browser.app/) - Primary web browser.
+- [Bear](https://bear.app/) - Jotting down and organizing notes across my Mac, iPad, and iPhone.
+
+### Other Desktop Apps
+
+- [Doppler](https://brushedtype.co/doppler/) - My desktop music player of choice.
+- [WindowKeys](https://www.apptorium.com/windowkeys) - For assigning custom keyboard shortcuts to macOS's built-in window management.
+- [ForkLift](https://binarynights.com/) - Finder alternative I mainly use for moving or copying files quickly.
+
+### CLI Tools
+
+My terminal emulator of choice is [Ghostty](https://ghostty.org/). These are some of the CLI tools I find useful:
+
+- [Homebrew](https://brew.sh/)
+- [Atuin](https://atuin.sh/)
+- [Zoxide](https://github.com/ajeetdsouza/zoxide)
+- [trash](https://hasseg.org/trash/)