feat(website): add Nerd Fonts for programming language icons

- Add Monaspace Argon NF font for dev icons
- Update cookbook.yml with unicode codepoints for language icons:
  - TypeScript: \uE628
  - Python: \uE73C
  - C#/.NET: \uF81A
  - Go: \uE626
- Style .lang-tab and .lang-indicator with Nerd Font family
This commit is contained in:
Aaron Powell
2026-02-02 15:26:24 +11:00
parent 9eab4ec6e7
commit 3a7c8ccf1a
6 changed files with 23 additions and 11 deletions

View File

@@ -11,19 +11,19 @@ cookbooks:
languages: languages:
- id: nodejs - id: nodejs
name: Node.js / TypeScript name: Node.js / TypeScript
icon: 🟢 icon: "\uE628"
extension: .ts extension: .ts
- id: python - id: python
name: Python name: Python
icon: 🐍 icon: "\uE73C"
extension: .py extension: .py
- id: dotnet - id: dotnet
name: .NET (C#) name: .NET (C#)
icon: 🟣 icon: "\uF81A"
extension: .cs extension: .cs
- id: go - id: go
name: Go name: Go
icon: 🔵 icon: "\uE626"
extension: .go extension: .go
recipes: recipes:
- id: error-handling - id: error-handling

View File

@@ -1,5 +1,5 @@
{ {
"generated": "2026-02-02T04:12:40.822Z", "generated": "2026-02-02T04:25:59.396Z",
"counts": { "counts": {
"agents": 145, "agents": 145,
"prompts": 138, "prompts": 138,

View File

@@ -10,25 +10,25 @@
{ {
"id": "nodejs", "id": "nodejs",
"name": "Node.js / TypeScript", "name": "Node.js / TypeScript",
"icon": "🟢", "icon": "",
"extension": ".ts" "extension": ".ts"
}, },
{ {
"id": "python", "id": "python",
"name": "Python", "name": "Python",
"icon": "🐍", "icon": "",
"extension": ".py" "extension": ".py"
}, },
{ {
"id": "dotnet", "id": "dotnet",
"name": ".NET (C#)", "name": ".NET (C#)",
"icon": "🟣", "icon": "",
"extension": ".cs" "extension": ".cs"
}, },
{ {
"id": "go", "id": "go",
"name": "Go", "name": "Go",
"icon": "🔵", "icon": "",
"extension": ".go" "extension": ".go"
} }
], ],

Binary file not shown.

View File

@@ -5,6 +5,16 @@
Orange 1: #F4A876 Orange 2: #F08A3A Orange 3: #FE4C25 Orange 1: #F4A876 Orange 2: #F08A3A Orange 3: #FE4C25
Orange 4: #C53211 Orange 5: #801E0F Orange 6: #500A00 Orange 4: #C53211 Orange 5: #801E0F Orange 6: #500A00
*/ */
/* Nerd Fonts for programming language icons */
@font-face {
font-family: 'Monaspace Argon NF';
src: url('/fonts/MonaspaceArgonNF-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root { :root {
/* Dark theme (default) */ /* Dark theme (default) */
--color-bg: #0d0d12; --color-bg: #0d0d12;

View File

@@ -86,7 +86,8 @@ const base = import.meta.env.BASE_URL;
background: var(--color-bg-secondary); background: var(--color-bg-secondary);
color: var(--color-text); color: var(--color-text);
cursor: pointer; cursor: pointer;
font-size: 16px; font-family: 'Monaspace Argon NF', monospace;
font-size: 18px;
transition: all var(--transition); transition: all var(--transition);
} }
@@ -143,7 +144,8 @@ const base = import.meta.env.BASE_URL;
} }
.lang-indicator { .lang-indicator {
font-size: 14px; font-family: 'Monaspace Argon NF', monospace;
font-size: 16px;
opacity: 0.7; opacity: 0.7;
} }