malxte.de

Personal about page for Malxte (ByteMalte) — a Rust developer, Nostr enthusiast, and content creator. Live at malxte.de.

Built with SvelteKit and following the BYTEMALTE Design System.

Tech Stack

Layer	Technology
Framework	SvelteKit 2 / Svelte 5
Language	TypeScript
Build Tool	Vite 7
Package Manager	pnpm
Styling	Scoped CSS (component-level)
Font	Inter (Google Fonts)

Getting Started

Prerequisites

• Node.js 18+
• pnpm (enforced via engine-strict)

Install dependencies

pnpm install

Development server

pnpm dev

Opens at http://localhost:5173.

Type checking

pnpm check

Production build

pnpm build

Output goes to .svelte-kit/ (adapter-dependent for deployment).

Preview production build

pnpm preview

Project Structure

src/
├── app.html              # HTML shell (loads Inter font)
├── app.d.ts              # SvelteKit type declarations
├── lib/
│   ├── index.ts          # Library entry point
│   └── assets/
│       └── favicon.svg   # Site favicon
└── routes/
    ├── +layout.svelte    # Global layout (header, nav, footer)
    └── +page.svelte      # Home page (hero, about, connect, projects)
static/
└── robots.txt            # Crawl permissions

Sections

The single-page site contains four sections:

1. Hero — Name, tagline, CTA buttons, and Nostr identity card (NIP-05 + npub with copy-to-clipboard)
2. About Me — Three cards covering Rust development, community building, and Nostr advocacy
3. Connect — Links to ByteMalte.de, YouTube, X/Twitter, Gitea, and Reddit
4. Projects — Showcases example projects (ByteMalte.de, Maltemedia)

Design

All colors, typography, and component specs follow the BYTEMALTE Design System v1.1. Key tokens:

• Primary: #8888FF
• Secondary: #3DDC84
• Background: #0F172A
• Surface: #1E293B

All colors meet WCAG AA contrast requirements (4.5:1 minimum for normal text).

Deployment

Uses @sveltejs/adapter-auto which auto-detects the deployment target. For specific platforms:

• Vercel: Works out of the box
• Netlify: Works out of the box
• Cloudflare Pages: Works out of the box
• Node.js: Switch to @sveltejs/adapter-node

License

Private — All rights reserved.