Full Page

Jordan Rivera

Senior Backend Engineer

About

Building distributed systems at scale. Previously at Stripe and Cloudflare. I care about reliability, observability, and writing code that other humans can actually read.

Tech Stack

Go, Rust, TypeScript, Postgres, Redis, Kubernetes, Terraform

Projects

kv-engine — Embedded key-value store in Rust, obs-stack — Opinionated OpenTelemetry setup for Go, sqlfmt — SQL formatter that respects your style

Developer Portfolio

Dark-themed developer portfolio with hero, project links, and social presence.

by DesignGenerate 0 stars 6 renders 0 forks
portfoliodeveloperdark
Use This Template View Full Page Sign in to star

Schema

FieldType
name string
title string
about text
avatar image
github link
email email
projects list<string>
tech_stack list<string>

Apply Values

POST JSON to the API endpoint:

POST /api/templates/developer-portfolio/apply
Content-Type: application/json

{
  "name": "Jordan Rivera",
  "title": "Senior Backend Engineer",
  "about": "Building distributed systems at scale. Previously at Stripe and Cloudflare. I care about reliability, observability, and writing code that other humans can actually read.",
  "avatar": "/images/defaults/avatar.webp",
  "github": "https://github.com",
  "email": "[email protected]",
  "projects": [
    "kv-engine — Embedded key-value store in Rust",
    "obs-stack — Opinionated OpenTelemetry setup for Go",
    "sqlfmt — SQL formatter that respects your style"
  ],
  "tech_stack": [
    "Go",
    "Rust",
    "TypeScript",
    "Postgres",
    "Redis",
    "Kubernetes",
    "Terraform"
  ]
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Developer Portfolio" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{name:string}}, {{title:string}}, {{about:text}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "name": "string",
  "title": "string",
  "about": "text",
  "avatar": "image",
  "github": "link",
  "email": "email",
  "projects": [
    "string"
  ],
  "tech_stack": [
    "string"
  ]
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{name:string}}` → string
- `{{title:string}}` → string
- `{{about:text}}` → text
- `{{avatar:image}}` → image
- `{{github:link}}` → link
- `{{email:email}}` → email
- `{{projects:list<string>}}` → list<string>
- `{{tech_stack:list<string>}}` → list<string>

Output ONLY the HTML code block. No explanation.
← All Templates