-
Home
-
Infrastructure
-
Kafka
-
CI/CD
-
Agent
+
+
{t.header.nav.home}
+
setTerminalOpen(!terminalOpen)}
+ className="block py-2 text-sm hover:text-blue-600"
+ >
+ {t.header.nav.askPoimen}
+
+
setSkillsOpen(!skillsOpen)}
+ className="block py-2 text-sm hover:text-blue-600"
+ >
+ {t.header.nav.skills}
+
+ {skillsOpen && (
+
+
{t.header.skillsPlaceholder}
+
+ )}
+
setContactOpen(!contactOpen)}
+ className="block py-2 text-sm hover:text-blue-600"
+ >
+ {t.header.nav.contact}
+
+ {contactOpen && (
+
+
+
+ {t.header.contact.portfolio}
+
+ handleCopy('https://portfolio.riotpiao.com', 'Portfolio')}
+ className="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-blue-100 dark:hover:bg-blue-900"
+ >
+ {copied === 'Portfolio' ? '✓' : t.header.contact.copy}
+
+
+
+
+ {t.header.contact.github}
+
+
handleCopy('https://github.com/rockliang', 'GitHub')}
+ className="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-blue-100 dark:hover:bg-blue-900"
+ >
+ {copied === 'GitHub' ? '✓' : t.header.contact.copy}
+
+
+
+
+ {t.header.contact.privateGithub}
+
+
handleCopy('https://github.com/rockliang', 'PrivateGithub')}
+ className="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-blue-100 dark:hover:bg-blue-900"
+ >
+ {copied === 'PrivateGithub' ? '✓' : t.header.contact.copy}
+
+
+
+
+ {t.header.contact.linkedin}
+
+
handleCopy('https://www.linkedin.com/in/rockliang', 'LinkedIn')}
+ className="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-blue-100 dark:hover:bg-blue-900"
+ >
+ {copied === 'LinkedIn' ? '✓' : t.header.contact.copy}
+
+
+
+
+ {t.header.contact.email}
+
+
handleCopy('locartrock@gmail.com', 'Email')}
+ className="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-blue-100 dark:hover:bg-blue-900"
+ >
+ {copied === 'Email' ? '✓' : t.header.contact.copy}
+
+
+
+ )}
+
+
+
{t.header.experience}
+
{t.header.experienceValue}
+
+
+
setEducationOpen(!educationOpen)}
+ className="text-xs cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 w-full text-left"
+ >
+ {t.header.education}
+ {t.header.educationValue}
+
+ {educationOpen && (
+
+
+
{t.header.educationDetails.bachelor.school}
+
{t.header.educationDetails.bachelor.degree}
+
{t.header.educationDetails.bachelor.period}
+
+
+
{t.header.educationDetails.master.school}
+
{t.header.educationDetails.master.degree}
+
{t.header.educationDetails.master.period}
+
+
+ )}
+
+
)}
diff --git a/components/HeroBlobFlow.tsx b/components/HeroBlobFlow.tsx
index 0a5dfdb..35341d8 100644
--- a/components/HeroBlobFlow.tsx
+++ b/components/HeroBlobFlow.tsx
@@ -2,78 +2,92 @@
import { motion, AnimatePresence } from 'framer-motion'
import { useState, useEffect } from 'react'
-import { Code, Network, Zap, Sparkles, Github } from 'lucide-react'
-import { TypewriterText } from './TypewriterText'
+import Image from 'next/image'
+import { Code, Network, Zap, Sparkles, Shield, Cpu } from 'lucide-react'
+import { useLanguage } from '@/lib/LanguageContext'
-const roles = [
- { text: 'Software Engineer Lead', icon: Code },
- { text: 'Infrastructure Architect', icon: Network },
- { text: 'Distributed Systems Builder', icon: Zap },
- { text: 'LLM Systems Optimizer', icon: Sparkles },
- { text: 'Open Source Developer', icon: Github },
-]
+const roleIcons = [Network, Shield, Code, Sparkles, Zap, Cpu]
export function HeroBlobFlow() {
const [index, setIndex] = useState(0)
+ const [isDark, setIsDark] = useState(false)
+ const { t } = useLanguage()
+ const roles = t.hero.roles
+
+ useEffect(() => {
+ const isDarkMode = document.documentElement.classList.contains('dark')
+ setIsDark(isDarkMode)
+
+ const observer = new MutationObserver(() => {
+ const darkMode = document.documentElement.classList.contains('dark')
+ setIsDark(darkMode)
+ })
+
+ observer.observe(document.documentElement, {
+ attributes: true,
+ attributeFilter: ['class'],
+ })
+
+ return () => observer.disconnect()
+ }, [])
useEffect(() => {
const interval = setInterval(() => {
setIndex((prev) => (prev + 1) % roles.length)
}, 2000)
return () => clearInterval(interval)
- }, [])
+ }, [roles.length])
return (
-
- {/* Background glow */}
-
-
+ {/* Full hire-me image */}
+
+
-
- {/* Avatar center */}
-
-
- RL
-
-
-
- {/* Typewriter text below avatar */}
-
-
+
+ {/* Avatar + Rotating text - centered on image */}
+
+ {/* Avatar */}
- {(() => {
- const Icon = roles[index].icon
- return
-
+
+ {/* Rotating role text */}
+
+
+
+ {(() => {
+ const Icon = roleIcons[index]
+ return
+
+
+
)
diff --git a/components/InteractiveTerminal.tsx b/components/InteractiveTerminal.tsx
index b6d8c8e..eb0bbb8 100644
--- a/components/InteractiveTerminal.tsx
+++ b/components/InteractiveTerminal.tsx
@@ -2,6 +2,7 @@
import { motion } from 'framer-motion'
import { useEffect, useRef, useState } from 'react'
+import { useTerminal } from '@/lib/TerminalContext'
const commands: Record
= {
help: `Available commands:
@@ -46,10 +47,15 @@ Open Source: go-flink (distributed DataLakeHouse)`,
export function InteractiveTerminal() {
const [input, setInput] = useState('')
const [history, setHistory] = useState<{ cmd: string; output: string }[]>([])
- const [isOpen, setIsOpen] = useState(false)
+ const { isOpen, setIsOpen } = useTerminal()
+ const [isMac, setIsMac] = useState(true)
const terminalRef = useRef(null)
useEffect(() => {
+ // Detect if user is on Mac
+ const isMacOS = /Mac|iPhone|iPad|iPod/.test(navigator.platform)
+ setIsMac(isMacOS)
+
const handleKeyDown = (e: KeyboardEvent) => {
if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
e.preventDefault()
@@ -59,7 +65,7 @@ export function InteractiveTerminal() {
window.addEventListener('keydown', handleKeyDown)
return () => window.removeEventListener('keydown', handleKeyDown)
- }, [isOpen])
+ }, [isOpen, setIsOpen])
const handleCommand = (cmd: string) => {
const trimmed = cmd.trim().toLowerCase()
@@ -89,7 +95,7 @@ export function InteractiveTerminal() {
onClick={() => setIsOpen(true)}
className="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-mono text-sm shadow-lg"
>
- Terminal (Cmd+K)
+ Ask Poimen ({isMac ? 'Cmd' : 'Ctrl'}+K)
) : (
-
ZSH_THEME="robbyrussell"
+
Poimen (Agent Terminal)
setIsOpen(false)}
className="text-gray-400 hover:text-white"
diff --git a/components/ProjectShowcase.tsx b/components/ProjectShowcase.tsx
new file mode 100644
index 0000000..4d55321
--- /dev/null
+++ b/components/ProjectShowcase.tsx
@@ -0,0 +1,200 @@
+'use client'
+
+import { motion } from 'framer-motion'
+import { ExternalLink, MessageSquare } from 'lucide-react'
+import { useTerminal } from '@/lib/TerminalContext'
+
+interface ProjectShowcaseProps {
+ id?: string
+ title: string
+ description: string
+ longDescription?: string
+ stat: string
+ highlight?: string
+ status: 'live' | 'building' | 'planning' | 'completed'
+ media?: {
+ type: 'image' | 'video'
+ url: string
+ }
+ videoUrl?: string
+ articleUrl?: string
+ watchVideoText?: string
+ readArticleText?: string
+ askPoimenText?: string
+ bullets?: string[]
+ deepDive?: {
+ label: string
+ url: string
+ }
+}
+
+export function ProjectShowcase({
+ id,
+ title,
+ description,
+ longDescription,
+ stat,
+ highlight,
+ status,
+ media,
+ videoUrl,
+ articleUrl,
+ watchVideoText = 'Watch Video',
+ readArticleText = 'Read Article',
+ askPoimenText = 'Ask Poimen for technical details',
+ bullets,
+ deepDive,
+}: ProjectShowcaseProps) {
+ const { setIsOpen } = useTerminal()
+
+ const statusColors = {
+ live: 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200',
+ completed: 'bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200',
+ building: 'bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200',
+ planning: 'bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-200',
+ }
+
+ return (
+
+ {/* Optional Media (Image or Video) */}
+ {media && (
+
+ {media.type === 'video' ? (
+ (() => {
+ const youtubeMatch = media.url.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([^&]+)/)
+ if (youtubeMatch) {
+ return (
+
VIDEO
+ )
+ }
+ return null
+ })()
+ ) : (
+
+ )}
+
+
+
+
+ {title}
+
+
+ {description}
+
+ {longDescription && (
+
+ {longDescription}
+
+ )}
+ {bullets && bullets.length > 0 && (
+
+ {bullets.map((bullet, i) => {
+ // Highlight skills: parentheses + keywords
+ const skillKeywords = ['Terraform', 'Golang', 'K8s', 'Slack', 'Grafana', 'IaC', 'Docker', 'OpenShift', 'Temporal', 'Kafka', 'gRPC', 'AWS', 'Java', 'Python', 'Go', 'C++']
+ const escapeRegex = (s: string) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+ const pattern = new RegExp(`(\\([^)]+\\)|${skillKeywords.map(escapeRegex).join('|')})`, 'g')
+ const parts = bullet.split(pattern).filter(Boolean)
+ return (
+
+ •
+
+ {parts.map((part, j) =>
+ (part.startsWith('(') && part.endsWith(')')) || skillKeywords.includes(part) ? (
+
+ {part}
+
+ ) : (
+ {part}
+ )
+ )}
+
+
+ )
+ })}
+
+ )}
+ {deepDive && (
+
+ {deepDive.label}
+
+ )}
+
+
+ {status.charAt(0).toUpperCase() + status.slice(1)}
+
+
+
+ {/* Stat */}
+
+
+ 📊 {stat}
+
+ {highlight && (
+
+ 📊 {highlight}
+
+ )}
+
+
+ {/* CTA Buttons */}
+
+
+ {/* Ask Poimen */}
+
setIsOpen(true)}
+ className="mt-4 w-full text-sm text-gray-500 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 flex items-center justify-center gap-2 transition"
+ >
+
+
+ )
+}
diff --git a/infra/argocd-apps.yaml b/infra/argocd-apps.yaml
index 84cc553..0bacdf1 100644
--- a/infra/argocd-apps.yaml
+++ b/infra/argocd-apps.yaml
@@ -6,7 +6,7 @@ metadata:
spec:
project: default
source:
- repoURL: https://forgejo.riotpiao.homelab.com/rock/riotpiao.git
+ repoURL: https://forgejo.riotpiao.com/rock/riotpiao.git
targetRevision: main
path: infra/portfolio/base
destination:
@@ -27,7 +27,7 @@ metadata:
spec:
project: default
source:
- repoURL: https://forgejo.riotpiao.homelab.com/rock/riotpiao.git
+ repoURL: https://forgejo.riotpiao.com/rock/riotpiao.git
targetRevision: main
path: infra/homarr/base
destination:
@@ -48,7 +48,7 @@ metadata:
spec:
project: default
source:
- repoURL: https://forgejo.riotpiao.homelab.com/rock/riotpiao.git
+ repoURL: https://forgejo.riotpiao.com/rock/riotpiao.git
targetRevision: main
path: infra/auth-infra/base
destination:
diff --git a/infra/auth-infra/base/ingress-protected.yaml b/infra/auth-infra/base/ingress-protected.yaml
index 6db9605..6068b40 100644
--- a/infra/auth-infra/base/ingress-protected.yaml
+++ b/infra/auth-infra/base/ingress-protected.yaml
@@ -5,17 +5,17 @@ metadata:
namespace: longhorn-system
annotations:
nginx.ingress.kubernetes.io/auth-url: http://authentik-server.iam.svc.cluster.local/outpost.goauthentik.io/auth/nginx
- nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.homelab.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
+ nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
nginx.ingress.kubernetes.io/auth-response-headers: Set-Cookie,X-authentik-username,X-authentik-groups,X-authentik-email,X-authentik-name,X-authentik-uid
cert-manager.io/cluster-issuer: letsencrypt-prod
spec:
ingressClassName: nginx
tls:
- hosts:
- - longhorn.riotpiao.homelab.com
+ - longhorn.riotpiao.com
secretName: longhorn-tls
rules:
- - host: longhorn.riotpiao.homelab.com
+ - host: longhorn.riotpiao.com
http:
paths:
- path: /
@@ -33,17 +33,17 @@ metadata:
namespace: dashboard
annotations:
nginx.ingress.kubernetes.io/auth-url: http://authentik-server.iam.svc.cluster.local/outpost.goauthentik.io/auth/nginx
- nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.homelab.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
+ nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
nginx.ingress.kubernetes.io/auth-response-headers: Set-Cookie,X-authentik-username,X-authentik-groups,X-authentik-email,X-authentik-name,X-authentik-uid
cert-manager.io/cluster-issuer: letsencrypt-prod
spec:
ingressClassName: nginx
tls:
- hosts:
- - portainer.riotpiao.homelab.com
+ - portainer.riotpiao.com
secretName: portainer-tls
rules:
- - host: portainer.riotpiao.homelab.com
+ - host: portainer.riotpiao.com
http:
paths:
- path: /
@@ -61,17 +61,17 @@ metadata:
namespace: monitoring
annotations:
nginx.ingress.kubernetes.io/auth-url: http://authentik-server.iam.svc.cluster.local/outpost.goauthentik.io/auth/nginx
- nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.homelab.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
+ nginx.ingress.kubernetes.io/auth-signin: https://authentik.riotpiao.com/outpost.goauthentik.io/start?rd=$scheme://$http_host$escaped_request_uri
nginx.ingress.kubernetes.io/auth-response-headers: Set-Cookie,X-authentik-username,X-authentik-groups,X-authentik-email,X-authentik-name,X-authentik-uid
cert-manager.io/cluster-issuer: letsencrypt-prod
spec:
ingressClassName: nginx
tls:
- hosts:
- - prometheus.riotpiao.homelab.com
+ - prometheus.riotpiao.com
secretName: prometheus-tls
rules:
- - host: prometheus.riotpiao.homelab.com
+ - host: prometheus.riotpiao.com
http:
paths:
- path: /
diff --git a/infra/homarr/base/helmrelease.yaml b/infra/homarr/base/helmrelease.yaml
index 1fc6aa1..d3d4c04 100644
--- a/infra/homarr/base/helmrelease.yaml
+++ b/infra/homarr/base/helmrelease.yaml
@@ -12,8 +12,8 @@ spec:
env:
AUTH_PROVIDERS: "oidc"
AUTH_OIDC_CLIENT_ID: "homarr"
- AUTH_OIDC_ISSUER: "https://authentik.riotpiao.homelab.com/application/o/homarr/"
- AUTH_OIDC_URI: "https://authentik.riotpiao.homelab.com/application/o/homarr/.well-known/openid-configuration"
+ AUTH_OIDC_ISSUER: "https://authentik.riotpiao.com/application/o/homarr/"
+ AUTH_OIDC_URI: "https://authentik.riotpiao.com/application/o/homarr/.well-known/openid-configuration"
AUTH_OIDC_GROUPS_ATTRIBUTE: "groups"
envFrom:
- secretRef:
diff --git a/infra/homarr/base/ingress.yaml b/infra/homarr/base/ingress.yaml
index 810f339..8acfd70 100644
--- a/infra/homarr/base/ingress.yaml
+++ b/infra/homarr/base/ingress.yaml
@@ -9,10 +9,10 @@ spec:
ingressClassName: nginx
tls:
- hosts:
- - homarr.riotpiao.homelab.com
+ - homarr.riotpiao.com
secretName: homarr-tls
rules:
- - host: homarr.riotpiao.homelab.com
+ - host: homarr.riotpiao.com
http:
paths:
- path: /
diff --git a/infra/portfolio/base/deployment.yaml b/infra/portfolio/base/deployment.yaml
index 96e1cd1..1c3e64d 100644
--- a/infra/portfolio/base/deployment.yaml
+++ b/infra/portfolio/base/deployment.yaml
@@ -18,7 +18,7 @@ spec:
spec:
containers:
- name: portfolio
- image: forgejo.riotpiao.homelab.com/rock/portfolio:latest
+ image: forgejo.riotpiao.com/rock/portfolio:latest
imagePullPolicy: IfNotPresent
ports:
- name: http
diff --git a/infra/portfolio/base/ingress.yaml b/infra/portfolio/base/ingress.yaml
index 1420c1b..8d0c35f 100644
--- a/infra/portfolio/base/ingress.yaml
+++ b/infra/portfolio/base/ingress.yaml
@@ -3,16 +3,13 @@ kind: Ingress
metadata:
name: portfolio
namespace: portfolio
- annotations:
- cert-manager.io/cluster-issuer: letsencrypt-prod
spec:
- ingressClassName: nginx
tls:
- hosts:
- - portfolio.riotpiao.homelab.com
+ - riotpiao.com
secretName: portfolio-tls
rules:
- - host: portfolio.riotpiao.homelab.com
+ - host: riotpiao.com
http:
paths:
- path: /
diff --git a/lib/LanguageContext.tsx b/lib/LanguageContext.tsx
new file mode 100644
index 0000000..ff3199e
--- /dev/null
+++ b/lib/LanguageContext.tsx
@@ -0,0 +1,34 @@
+'use client'
+
+import { createContext, useContext, useState, ReactNode } from 'react'
+import translations from './translations.json'
+
+type Language = 'en' | 'zh'
+
+interface LanguageContextType {
+ lang: Language
+ setLang: (lang: Language) => void
+ t: typeof translations.en
+}
+
+const LanguageContext = createContext(undefined)
+
+export function LanguageProvider({ children }: { children: ReactNode }) {
+ const [lang, setLang] = useState('en')
+
+ const t = lang === 'zh' ? translations.zh : translations.en
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useLanguage() {
+ const context = useContext(LanguageContext)
+ if (!context) {
+ throw new Error('useLanguage must be used within LanguageProvider')
+ }
+ return context
+}
diff --git a/lib/TerminalContext.tsx b/lib/TerminalContext.tsx
new file mode 100644
index 0000000..7e056de
--- /dev/null
+++ b/lib/TerminalContext.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import { createContext, useContext, useState, ReactNode } from 'react'
+
+interface TerminalContextType {
+ isOpen: boolean
+ setIsOpen: (open: boolean) => void
+}
+
+const TerminalContext = createContext(undefined)
+
+export function TerminalProvider({ children }: { children: ReactNode }) {
+ const [isOpen, setIsOpen] = useState(false)
+
+ return (
+
+ {children}
+
+ )
+}
+
+export function useTerminal() {
+ const context = useContext(TerminalContext)
+ if (!context) {
+ throw new Error('useTerminal must be used within TerminalProvider')
+ }
+ return context
+}
diff --git a/lib/translations.json b/lib/translations.json
new file mode 100644
index 0000000..bc19a09
--- /dev/null
+++ b/lib/translations.json
@@ -0,0 +1,354 @@
+{
+ "en": {
+ "header": {
+ "title": "Rock Liang",
+ "subtitle": "Senior Software Engineer",
+ "nav": {
+ "home": "Home",
+ "askPoimen": "AskPoimen",
+ "skills": "Skills",
+ "contact": "Contact"
+ },
+ "experience": "Experience",
+ "experienceValue": "6+ YoE",
+ "education": "Education",
+ "educationValue": "M.Sc. UOttawa",
+ "educationDetails": {
+ "bachelor": {
+ "school": "University of Ottawa",
+ "degree": "Bachelor's Degree, Computer Science",
+ "period": "2016 – 2019"
+ },
+ "master": {
+ "school": "University of Ottawa",
+ "degree": "Master's degree, Computer Science",
+ "period": "Sep 2019 – Nov 2021"
+ }
+ },
+ "contact": {
+ "portfolio": "portfolio.riotpiao.com",
+ "github": "GitHub",
+ "privateGithub": "Private Github",
+ "linkedin": "LinkedIn",
+ "email": "Email",
+ "copy": "Copy"
+ },
+ "skillsPlaceholder": "Skills will appear here"
+ },
+ "hero": {
+ "title": "Senior Software Engineer",
+ "subtitle": "Infrastructure × Backend × LLM Systems",
+ "description": "Building observable, scalable, fault-tolerant systems for mass audience.",
+ "exploreMore": "Explore more",
+ "terminalHint": "Press",
+ "terminalHintSuffix": "to explore via terminal",
+ "roles": [
+ "Infrastructure",
+ "SRE",
+ "SDE",
+ "Agentic Engineer",
+ "Distributed Systems",
+ "System/Platform Engineer"
+ ]
+ },
+ "bio": {
+ "title": "About Me",
+ "intro": "Senior Software Engineer with 6+ years of experience building observable, scalable, and fault-tolerant systems for mass audiences.",
+ "expertise": {
+ "title": "Technical Expertise",
+ "content": "Infrastructure automation (Terraform, Kubernetes, ArgoCD) • Distributed systems (gRPC, Kafka, AWS Step Functions) • LLM inference optimization (INT4/INT8 quantization) • Backend systems (Go, Java, Python, C++)"
+ },
+ "highlights": {
+ "title": "Career Highlights",
+ "items": [
+ "Launched AWS Distributed-Map service across 57+ regions",
+ "Built multi-region infrastructure at RBC (40% cost reduction)",
+ "Architected production homelab: Kubernetes, Kafka, LLM inference",
+ "Open source: go-flink (distributed DataLakeHouse)"
+ ]
+ },
+ "educationTitle": "Education",
+ "educationContent": "M.Sc. Computer Science, University of Ottawa (2019–2021)\nB.Sc. Computer Science, University of Ottawa (2016–2019)",
+ "currentFocus": "Currently focused on infrastructure automation, LLM systems optimization, and building the next generation of distributed systems."
+ },
+ "projects": {
+ "title": "What have i Built and Building",
+ "subtitle": "Demonstrate my work",
+ "watchVideo": "Watch Video",
+ "readArticle": "Read Article",
+ "askPoimen": "Ask Poimen for technical details",
+ "items": [
+ {
+ "title": "AWS Distributed-Map",
+ "description": "Launched distributed task orchestration service for mission-critical workloads.",
+ "longDescription": "Optimized execution across 57+ regions with fault-tolerant scheduling and auto-scaling.",
+ "stat": "Production launch, 57+ regions"
+ },
+ {
+ "title": "RBC: Multi-Cloud Platform",
+ "description": "Unified infrastructure platform consolidating public cloud and on-prem.",
+ "longDescription": "Terraform automation with Temporal orchestration. 99.2% automated provisioning, notification-driven operator fallback.",
+ "stat": "200+ microservices, 4 regions, 2hr→20min deploy",
+ "highlight": "Standardized IaC patterns across 12 teams—cut provisioning toil, 3x integration velocity.",
+ "bullets": [
+ "Integrated Terraform Cloud to centralize IaC workflows—reduced onboarding time for 12 teams",
+ "Built K8s CronJob to detect and reconcile Terraform state drift automatically (Golang)",
+ "Designed Slack notification service with Golang workers—operators resolve apply failures in <5min",
+ "Led requirement gathering across 4 platform teams—disambiguated specs, unblocked 3 stalled projects",
+ "Translated technical decisions for non-technical stakeholders—secured buy-in for platform migration"
+ ],
+ "deepDive": {
+ "label": "Deep Dive: Terraform State Drift Solution →",
+ "url": "/terraform-drift"
+ }
+ },
+ {
+ "title": "Homelab: Kubernetes Cluster",
+ "description": "Bare-metal Kubernetes cluster running production workloads.",
+ "longDescription": "Talos OS with 3-node control plane. Cilium eBPF CNI, Longhorn storage, ArgoCD GitOps.",
+ "stat": "3-node cluster, 99.2% uptime"
+ },
+ {
+ "title": "Homelab: LLM Inference",
+ "description": "Production LLM inference pipeline with CPU optimization.",
+ "longDescription": "Temporal-based orchestration with INT4/INT8 quantization. Achieved 60% latency reduction.",
+ "stat": "60% latency cut, real-time inference"
+ },
+ {
+ "title": "Homelab: Kafka Cluster",
+ "description": "High-throughput event streaming with Strimzi KRaft.",
+ "longDescription": "3-broker KRaft cluster with auto-scaling, persistent storage, and monitoring.",
+ "stat": "3 brokers, 1K+ msgs/sec"
+ },
+ {
+ "title": "Open Source: go-flink",
+ "description": "Distributed DataLakeHouse framework written in Go.",
+ "longDescription": "Fault-tolerant data pipelines with streaming semantics and efficient processing.",
+ "stat": "Public repository, active"
+ }
+ ]
+ },
+ "experience": {
+ "title": "Explore Experience",
+ "subtitle": "Feel free to Ask Poimen more abt it",
+ "items": [
+ {
+ "company": "riotpiao.com",
+ "role": "DevOps / SRE / SDE",
+ "period": "May 2026 — Present",
+ "description": "Built and maintain production-grade homelab on bare-metal Kubernetes (3-node Talos cluster). Architected Temporal-based LLM inference pipelines with 60% latency reduction. Full GitOps automation with ArgoCD, Terraform, and custom operators."
+ },
+ {
+ "company": "RBC",
+ "role": "Lead Software Engineer",
+ "period": "Nov 2024 — May 2026",
+ "description": "Deployments were manual and slow—teams blocked 2+ hours waiting. Chose Terraform for idempotent drift handling, Temporal for multi-cloud orchestration with built-in retry. Cut deploy time to 20min, consolidated public cloud and on-prem into single platform with 99.2% automation and notification-driven operator fallback."
+ },
+ {
+ "company": "AWS",
+ "role": "Senior Software Engineer (Step Functions)",
+ "period": "2022 — 2024",
+ "description": "Core contributor to AWS Step Functions, scaling to 57+ regions. Designed and implemented 8 critical components for distributed state machine execution. Achieved sub-100ms P99 latency for high-throughput workflow orchestration."
+ },
+ {
+ "company": "Titus",
+ "role": "ML Software Engineer Intern",
+ "period": "May — Aug 2019",
+ "description": "Built Personal Data Detection pipeline with 97.8% accuracy using transformer models. Developed Golang connector reducing p99 latency by 28%. Created SmartRegex system accelerating model deployment by 5x."
+ },
+ {
+ "company": "NAV Canada",
+ "role": "Summer Student",
+ "period": "May — Aug 2018",
+ "description": "Developed CFPS Flight Planning application using Django and React. Implemented NOTAMJ polling system and integrated Sonar code coverage. Built FWGS weather briefing interface for pilots."
+ }
+ ]
+ },
+ "terminal": {
+ "title": "Poimen (Agent Terminal)",
+ "button": "Ask Poimen",
+ "helpText": "type 'help' for commands"
+ },
+ "footer": {
+ "copyright": "© 2025 Rock Liang. Deployed on homelab Kubernetes cluster (3-node Talos).",
+ "github": "GitHub",
+ "email": "Email"
+ }
+ },
+ "zh": {
+ "header": {
+ "title": "梁伟哲",
+ "subtitle": "高级软件工程师",
+ "nav": {
+ "home": "首页",
+ "askPoimen": "问Poimen",
+ "skills": "技能",
+ "contact": "联系"
+ },
+ "experience": "经验",
+ "experienceValue": "6年+",
+ "education": "学历",
+ "educationValue": "渥太华大学硕士",
+ "educationDetails": {
+ "bachelor": {
+ "school": "渥太华大学",
+ "degree": "计算机科学学士",
+ "period": "2016 – 2019"
+ },
+ "master": {
+ "school": "渥太华大学",
+ "degree": "计算机科学硕士",
+ "period": "2019年9月 – 2021年11月"
+ }
+ },
+ "contact": {
+ "portfolio": "portfolio.riotpiao.com",
+ "github": "GitHub",
+ "privateGithub": "私人GitHub",
+ "linkedin": "领英",
+ "email": "邮箱",
+ "copy": "复制"
+ },
+ "skillsPlaceholder": "技能将显示在这里"
+ },
+ "hero": {
+ "title": "高级软件工程师",
+ "subtitle": "基础设施 × 后端 × LLM系统",
+ "description": "为大规模用户构建可观测、可扩展、容错的系统。",
+ "exploreMore": "了解更多",
+ "terminalHint": "按",
+ "terminalHintSuffix": "通过终端探索",
+ "roles": [
+ "基础设施",
+ "SRE",
+ "软件开发",
+ "AI代理工程师",
+ "分布式系统",
+ "系统/平台工程师"
+ ]
+ },
+ "bio": {
+ "title": "关于我",
+ "intro": "拥有6年以上经验的高级软件工程师，专注于为大规模用户构建可观测、可扩展、容错的系统。",
+ "expertise": {
+ "title": "技术专长",
+ "content": "基础设施自动化 (Terraform, Kubernetes, ArgoCD) • 分布式系统 (gRPC, Kafka, AWS Step Functions) • LLM推理优化 (INT4/INT8量化) • 后端系统 (Go, Java, Python, C++)"
+ },
+ "highlights": {
+ "title": "职业亮点",
+ "items": [
+ "在57+区域发布AWS Distributed-Map服务",
+ "在RBC构建多区域基础设施（成本降低40%）",
+ "架构生产级家庭实验室：Kubernetes、Kafka、LLM推理",
+ "开源项目：go-flink（分布式数据湖仓库）"
+ ]
+ },
+ "educationTitle": "教育背景",
+ "educationContent": "渥太华大学计算机科学硕士 (2019–2021)\n渥太华大学计算机科学学士 (2016–2019)",
+ "currentFocus": "目前专注于基础设施自动化、LLM系统优化，以及构建下一代分布式系统。"
+ },
+ "projects": {
+ "title": "我构建的项目",
+ "subtitle": "展示我的作品",
+ "watchVideo": "观看视频",
+ "readArticle": "阅读文章",
+ "askPoimen": "问Poimen了解技术细节",
+ "items": [
+ {
+ "title": "AWS Distributed-Map",
+ "description": "发布面向关键任务的分布式任务编排服务。",
+ "longDescription": "在57+区域优化执行，具有容错调度和自动扩展功能。",
+ "stat": "生产发布，57+区域"
+ },
+ {
+ "title": "RBC: 多云平台",
+ "description": "统一基础设施平台，整合公有云和本地部署。",
+ "longDescription": "Terraform自动化配合Temporal编排。99.2%自动化配置，通知驱动的运维人员兜底。",
+ "stat": "200+微服务，4个区域，部署2小时→20分钟",
+ "highlight": "标准化12个团队的IaC模式——减少配置负担，集成速度提升3倍。",
+ "bullets": [
+ "集成Terraform Cloud实现IaC工作流集中化——12个团队onboarding时间缩短",
+ "构建K8s CronJob自动检测和修复Terraform状态漂移（Golang）",
+ "设计Slack通知服务 + Golang worker——运维人员<5分钟解决apply失败",
+ "主导4个平台团队需求收集——澄清规格，解锁3个停滞项目",
+ "向非技术stakeholder翻译技术决策——获得平台迁移支持"
+ ],
+ "deepDive": {
+ "label": "深入了解：Terraform状态漂移解决方案 →",
+ "url": "/terraform-drift"
+ }
+ },
+ {
+ "title": "家庭实验室：Kubernetes集群",
+ "description": "运行生产工作负载的裸机Kubernetes集群。",
+ "longDescription": "Talos OS 3节点控制平面，Cilium eBPF CNI，Longhorn存储，ArgoCD GitOps。",
+ "stat": "3节点集群，99.2%可用性"
+ },
+ {
+ "title": "家庭实验室：LLM推理",
+ "description": "具有CPU优化的生产LLM推理管道。",
+ "longDescription": "基于Temporal的编排，INT4/INT8量化，延迟降低60%。",
+ "stat": "延迟降低60%，实时推理"
+ },
+ {
+ "title": "家庭实验室：Kafka集群",
+ "description": "使用Strimzi KRaft的高吞吐量事件流。",
+ "longDescription": "3代理KRaft集群，具有自动扩展、持久存储和监控。",
+ "stat": "3代理，1K+消息/秒"
+ },
+ {
+ "title": "开源：go-flink",
+ "description": "用Go编写的分布式数据湖仓库框架。",
+ "longDescription": "具有流语义和高效处理的容错数据管道。",
+ "stat": "公开仓库，活跃中"
+ }
+ ]
+ },
+ "experience": {
+ "title": "工作经历",
+ "subtitle": "欢迎向Poimen了解更多",
+ "items": [
+ {
+ "company": "riotpiao.com",
+ "role": "DevOps / SRE / 软件开发",
+ "period": "2026年5月 — 至今",
+ "description": "在裸机Kubernetes（3节点Talos集群）上构建和维护生产级家庭实验室。架构基于Temporal的LLM推理管道，延迟降低60%。使用ArgoCD、Terraform和自定义操作器实现完整GitOps自动化。"
+ },
+ {
+ "company": "RBC",
+ "role": "技术主管",
+ "period": "2024年11月 — 2026年5月",
+ "description": "部署流程手动且缓慢——团队等待2+小时。选择Terraform处理幂等漂移，Temporal用于多云编排和内置重试。将部署时间缩短至20分钟，整合公有云和本地部署为统一平台，99.2%自动化，通知驱动的运维人员兜底机制。"
+ },
+ {
+ "company": "AWS",
+ "role": "高级软件工程师 (Step Functions)",
+ "period": "2022 — 2024",
+ "description": "AWS Step Functions核心贡献者，扩展至57+区域。设计实现8个关键组件用于分布式状态机执行。高吞吐量工作流编排实现P99延迟低于100ms。"
+ },
+ {
+ "company": "Titus",
+ "role": "机器学习软件工程师实习",
+ "period": "2019年5月 — 8月",
+ "description": "使用transformer模型构建准确率97.8%的个人数据检测管道。开发Golang连接器，p99延迟降低28%。创建SmartRegex系统，模型部署速度提升5倍。"
+ },
+ {
+ "company": "NAV Canada",
+ "role": "暑期实习生",
+ "period": "2018年5月 — 8月",
+ "description": "使用Django和React开发CFPS航班计划应用。实现NOTAMJ轮询系统并集成Sonar代码覆盖。为飞行员构建FWGS天气简报界面。"
+ }
+ ]
+ },
+ "terminal": {
+ "title": "Poimen（代理终端）",
+ "button": "问Poimen",
+ "helpText": "输入 'help' 查看命令"
+ },
+ "footer": {
+ "copyright": "© 2025 梁伟哲。部署于家庭实验室Kubernetes集群（3节点Talos）。",
+ "github": "GitHub",
+ "email": "邮箱"
+ }
+ }
+}
diff --git a/public/avatar.jpeg b/public/avatar.jpeg
new file mode 100644
index 0000000..9bdf078
Binary files /dev/null and b/public/avatar.jpeg differ
diff --git a/public/hire-me-light.png b/public/hire-me-light.png
new file mode 100644
index 0000000..adb81a3
Binary files /dev/null and b/public/hire-me-light.png differ
diff --git a/public/hire-me.png b/public/hire-me.png
new file mode 100644
index 0000000..c72aede
Binary files /dev/null and b/public/hire-me.png differ
diff --git a/public/rbc-images.jpeg b/public/rbc-images.jpeg
new file mode 100644
index 0000000..0ec105d
Binary files /dev/null and b/public/rbc-images.jpeg differ