mirror of
https://github.com/thiloho/thiloho.github.io.git
synced 2025-12-23 14:33:36 +01:00
3f427cf2b5
This update introduces a vibrant cyan accent color alongside the existing blue, creating a more visually engaging design while maintaining the clean, minimalist aesthetic. Changes: - Define custom cyan and blue accent colors in global.css using @theme - Add gradient effect (blue to cyan) on h1 and h2 headings - Add cyan accent border on code blocks for visual distinction - Update Button component with cyan border on hover/active states - Add gradient indicator for active navigation items - Add colorful hover states to theme toggle icons - Include smooth color transitions for improved UX Both light and dark modes are fully supported with appropriate color variants.
thilohoholt.com
This is the source code for my personal website, which was built using the Astro web framework.
In addition to the website itself, the repository includes Nix files (flake.nix and server/*.nix), which are used to configure the self-hosted services listed on the website (https://thilohohlt.com/services) and to easily locally deploy to the corresponding NixOS server.
Main commands
- Use the command
npm run devto start the Astro development server - Run
npm run formatto format the web code with Prettier - Run
nix developto enter the dev shell, which includes packages for Nix language support and formatting - Run
nix run .#deploy-serverto evaluate if the current configuration builds successfully. If so, it will deploy the changes to the remote NixOS server
For good IDE support (e.g., NixOS option completions in default.nix), use the jnoortheen.nix-ide VSCode extension with the following settings:
{
"nix.enableLanguageServer": true,
"nix.serverPath": "nil",
"nix.serverSettings": {
"nixd": {
"formatting": {
"command": ["nixfmt"]
}
}
}
}