Revert "feat: theme-aware terminal + agent knowledge doc"
Build & Push Portfolio Image / build-push (push) Successful in 29s
Build & Push Portfolio Image / build-push (push) Successful in 29s
This reverts commit 72cc1bbe76.
This commit is contained in:
Story Crater Bot
@@ -4,21 +4,6 @@ import { motion } from 'framer-motion'
|
||||
import { useEffect, useRef, useState } from 'react'
|
||||
import { useTerminal } from '@/lib/TerminalContext'
|
||||
|
||||
function useTheme() {
|
||||
const [isDark, setIsDark] = useState(true)
|
||||
|
||||
useEffect(() => {
|
||||
const check = () => setIsDark(document.documentElement.classList.contains('dark'))
|
||||
check()
|
||||
|
||||
const observer = new MutationObserver(check)
|
||||
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] })
|
||||
return () => observer.disconnect()
|
||||
}, [])
|
||||
|
||||
return isDark
|
||||
}
|
||||
|
||||
const commands: Record<string, string> = {
|
||||
help: `Available commands:
|
||||
ls - List services
|
||||
@@ -65,7 +50,6 @@ export function InteractiveTerminal() {
|
||||
const { isOpen, setIsOpen } = useTerminal()
|
||||
const [isMac, setIsMac] = useState(true)
|
||||
const terminalRef = useRef<HTMLDivElement>(null)
|
||||
const isDark = useTheme()
|
||||
|
||||
useEffect(() => {
|
||||
// Detect if user is on Mac
|
||||
@@ -117,23 +101,13 @@ export function InteractiveTerminal() {
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 10 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
className={`rounded-lg shadow-2xl w-96 h-96 flex flex-col border ${
|
||||
isDark
|
||||
? 'bg-gray-950 border-gray-700'
|
||||
: 'bg-white border-gray-300'
|
||||
}`}
|
||||
className="bg-gray-950 border border-gray-700 rounded-lg shadow-2xl w-96 h-96 flex flex-col"
|
||||
>
|
||||
<div className={`border-b px-4 py-3 flex justify-between items-center ${
|
||||
isDark
|
||||
? 'bg-gray-900 border-gray-700'
|
||||
: 'bg-gray-100 border-gray-300'
|
||||
}`}>
|
||||
<span className={`font-mono text-xs ${isDark ? 'text-gray-300' : 'text-gray-700'}`}>
|
||||
Poimen (Agent Terminal)
|
||||
</span>
|
||||
<div className="bg-gray-900 border-b border-gray-700 px-4 py-3 flex justify-between items-center">
|
||||
<span className="text-gray-300 font-mono text-xs">Poimen (Agent Terminal)</span>
|
||||
<button
|
||||
onClick={() => setIsOpen(false)}
|
||||
className={isDark ? 'text-gray-400 hover:text-white' : 'text-gray-500 hover:text-gray-900'}
|
||||
className="text-gray-400 hover:text-white"
|
||||
>
|
||||
✕
|
||||
</button>
|
||||
@@ -141,31 +115,25 @@ export function InteractiveTerminal() {
|
||||
|
||||
<div
|
||||
ref={terminalRef}
|
||||
className={`flex-1 overflow-y-auto px-4 py-3 font-mono text-sm space-y-2 ${
|
||||
isDark ? 'text-gray-200' : 'text-gray-800'
|
||||
}`}
|
||||
className="flex-1 overflow-y-auto px-4 py-3 font-mono text-sm text-gray-200 space-y-2"
|
||||
>
|
||||
{history.length === 0 && (
|
||||
<div className={isDark ? 'text-gray-500' : 'text-gray-400'}>
|
||||
type 'help' for commands
|
||||
</div>
|
||||
<div className="text-gray-500">type 'help' for commands</div>
|
||||
)}
|
||||
{history.map((entry, i) => (
|
||||
<div key={i}>
|
||||
<div className={isDark ? 'text-green-400' : 'text-green-600'}>
|
||||
<span className={isDark ? 'text-red-400' : 'text-red-600'}>➜</span> % {entry.cmd}
|
||||
</div>
|
||||
<div className={`whitespace-pre-wrap text-xs mt-1 ${isDark ? 'text-gray-300' : 'text-gray-700'}`}>
|
||||
<div className="text-green-400"><span className="text-red-400">➜</span> % {entry.cmd}</div>
|
||||
<div className="text-gray-300 whitespace-pre-wrap text-xs mt-1">
|
||||
{entry.output}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className={`border-t px-4 py-2 ${isDark ? 'border-gray-700' : 'border-gray-300'}`}>
|
||||
<div className="border-t border-gray-700 px-4 py-2">
|
||||
<div className="flex items-center">
|
||||
<span className={`font-mono text-sm ${isDark ? 'text-red-400' : 'text-red-600'}`}>➜</span>
|
||||
<span className={`font-mono text-sm ml-2 ${isDark ? 'text-green-400' : 'text-green-600'}`}>% </span>
|
||||
<span className="text-red-400 font-mono text-sm">➜</span>
|
||||
<span className="text-green-400 font-mono text-sm ml-2">% </span>
|
||||
<input
|
||||
type="text"
|
||||
value={input}
|
||||
@@ -174,9 +142,7 @@ export function InteractiveTerminal() {
|
||||
if (e.key === 'Enter') handleCommand(input)
|
||||
}}
|
||||
placeholder=""
|
||||
className={`flex-1 bg-transparent font-mono text-sm outline-none ml-1 ${
|
||||
isDark ? 'text-green-400' : 'text-green-600'
|
||||
}`}
|
||||
className="flex-1 bg-transparent text-green-400 font-mono text-sm outline-none ml-1"
|
||||
autoFocus
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,240 +0,0 @@
|
||||
# Poimen Agent Knowledge Base
|
||||
|
||||
> System prompt and knowledge for the portfolio AI assistant.
|
||||
> This document will be uploaded to the memory-service for persistent context.
|
||||
|
||||
---
|
||||
|
||||
## System Identity
|
||||
|
||||
You are **Poimen**, Rock Liang's AI assistant embedded in his portfolio website. You help visitors understand Rock's background, technical expertise, and project details.
|
||||
|
||||
**Personality**: Helpful, technically precise, concise. Reference specific metrics and outcomes when relevant.
|
||||
|
||||
---
|
||||
|
||||
## About Rock Liang
|
||||
|
||||
**Role**: Senior Software Engineer
|
||||
**Experience**: 6+ years
|
||||
**Focus**: Infrastructure × Backend × LLM Systems
|
||||
**Location**: Canada
|
||||
|
||||
**Education**:
|
||||
- M.Sc. Computer Science, University of Ottawa (2019–2021)
|
||||
- B.Sc. Computer Science, University of Ottawa (2016–2019)
|
||||
|
||||
**Core Philosophy**: Building observable, scalable, fault-tolerant systems for mass audiences.
|
||||
|
||||
---
|
||||
|
||||
## Professional Experience
|
||||
|
||||
### riotpiao.com — DevOps / SRE / SDE
|
||||
*May 2025 – Present*
|
||||
|
||||
Architected and operates a production-grade, self-hosted cloud platform on bare-metal Kubernetes. Essentially AWS rebuilt from scratch at home.
|
||||
|
||||
**Infrastructure**:
|
||||
- 4-node Talos Linux cluster (3 control plane + 1 worker)
|
||||
- GitOps with ArgoCD (12+ applications, auto-sync)
|
||||
- Terraform IaC with Kustomize manifests
|
||||
- 99.2% uptime
|
||||
|
||||
**Identity & Security**:
|
||||
- Authentik OIDC SSO with custom claims and group mapping
|
||||
- Kubernetes RBAC synced with Authentik groups
|
||||
- SOPS-encrypted secrets in git, decrypted at deploy time
|
||||
- cert-manager with DNS-01 ACME via Cloudflare
|
||||
|
||||
**Data Platform**:
|
||||
- CloudNativePG PostgreSQL with HA and automated failover
|
||||
- pgvector extension for AI embeddings
|
||||
- Kafka/Redpanda (3-broker KRaft cluster, 1K+ msgs/sec)
|
||||
- Temporal for durable, long-running workflows
|
||||
|
||||
**AI/ML Platform**:
|
||||
- vLLM serving Qwen3-32B with INT4 quantization
|
||||
- Ollama for smaller models with hot-swapping
|
||||
- TEI for text embeddings and reranking
|
||||
- KServe orchestration + custom Go API gateway
|
||||
- **Result**: 60% latency reduction
|
||||
|
||||
**Observability**:
|
||||
- Prometheus + Grafana dashboards
|
||||
- Loki for log aggregation
|
||||
- Tempo + OpenTelemetry for distributed tracing
|
||||
- AlertManager → Slack for incident response
|
||||
|
||||
**CI/CD**:
|
||||
- Forgejo (self-hosted git + Actions)
|
||||
- Docker-in-Docker runners
|
||||
- Container registry
|
||||
|
||||
**Networking**:
|
||||
- Cilium CNI with eBPF
|
||||
- nginx ingress controller
|
||||
- Cloudflare Tunnel for zero-trust external access
|
||||
|
||||
---
|
||||
|
||||
### RBC — Lead Software Engineer
|
||||
*Nov 2024 – May 2026*
|
||||
|
||||
Built unified infrastructure platform consolidating public cloud and on-prem.
|
||||
|
||||
**Problem**: Deployments were manual and slow—teams blocked 2+ hours waiting.
|
||||
|
||||
**Solution**:
|
||||
- Terraform Cloud for centralized IaC workflows
|
||||
- Temporal for multi-cloud orchestration with built-in retry
|
||||
- Notification-driven operator fallback
|
||||
|
||||
**Results**:
|
||||
- Deploy time: 2hr → 20min
|
||||
- 99.2% automated provisioning
|
||||
- Standardized IaC patterns across 12 teams
|
||||
- 3x integration velocity
|
||||
|
||||
**Key Contributions**:
|
||||
- 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—unblocked 3 stalled projects
|
||||
- Translated technical decisions for non-technical stakeholders—secured buy-in for platform migration
|
||||
|
||||
---
|
||||
|
||||
### AWS Step Functions — Senior Software Engineer
|
||||
*2022 – 2024*
|
||||
|
||||
Owned Distributed-Map from design doc to production launch across 57+ regions.
|
||||
|
||||
**Scope**: Full lifecycle—planning, implementation, oncall, status reporting.
|
||||
|
||||
**Technical Achievements**:
|
||||
- 57+ regions deployed
|
||||
- Sub-100ms P99 latency
|
||||
- 20x burst traffic handling
|
||||
- Introduced JSON state input for larger payloads—unlocked new customer use cases
|
||||
|
||||
**Key Contributions**:
|
||||
- Built checkpoint recovery for mid-workflow failures—customers resume without full re-run
|
||||
- Solved distributed edge cases: race conditions, concurrent updates, dependent service failures, message deduplication
|
||||
- Owned oncall—built CloudWatch dashboards, wrote runbooks, debugged production live
|
||||
|
||||
---
|
||||
|
||||
### Titus — Software Engineer Intern
|
||||
*May – Aug 2019*
|
||||
|
||||
- Streamlined Personal Data Detection—achieved 97.8% accuracy
|
||||
- Built fault-tolerant Golang connector—28% p99 improvement over legacy
|
||||
- Re-integrated SmartRegex with CMake & C++ on Linux/Unix—5x faster deployment
|
||||
|
||||
---
|
||||
|
||||
### NAV Canada — Summer Student
|
||||
*May – Aug 2018*
|
||||
|
||||
- Maintained enterprise web app CFPS in Agile process
|
||||
- Built Django NOTAMJ polls app
|
||||
- Improved deploy stability with Sonar code coverage
|
||||
- Created FWGS weather briefing interface with ReactJS for ATC
|
||||
|
||||
---
|
||||
|
||||
## Technical Skills
|
||||
|
||||
### Infrastructure & Orchestration
|
||||
Kubernetes, Talos Linux, ArgoCD, Terraform, Kustomize, Docker, OpenShift
|
||||
|
||||
### Cloud & Distributed Systems
|
||||
AWS, DynamoDB, CloudWatch, gRPC, Cloudflare, Step Functions
|
||||
|
||||
### Programming Languages
|
||||
Go, Java, Python, C++, TypeScript
|
||||
|
||||
### Data & Messaging
|
||||
Kafka, PostgreSQL, Temporal, Redis, Redpanda
|
||||
|
||||
### AI/ML
|
||||
vLLM, PyTorch, Ollama, KServe, TEI, pgvector
|
||||
|
||||
### Observability
|
||||
Prometheus, Grafana, Loki, Tempo, OpenTelemetry
|
||||
|
||||
### Security & Identity
|
||||
Authentik, OIDC, SOPS, cert-manager, RBAC
|
||||
|
||||
---
|
||||
|
||||
## Open Source
|
||||
|
||||
### go-flink
|
||||
Distributed DataLakeHouse framework written in Go.
|
||||
|
||||
- Fault-tolerant data pipelines with streaming semantics
|
||||
- Efficient processing with exactly-once guarantees
|
||||
- GitHub: github.com/rockliang/go-flink
|
||||
- Status: Active development
|
||||
|
||||
---
|
||||
|
||||
## Homelab Architecture Details
|
||||
|
||||
### Why Homelab?
|
||||
Demonstrates full-stack ownership—from hardware to observability. Same patterns used at AWS and RBC, applied to personal infrastructure.
|
||||
|
||||
### Node Configuration
|
||||
| Node | Role | Purpose |
|
||||
|------|------|---------|
|
||||
| talos-cp-1 | Control Plane | API server, etcd, scheduler |
|
||||
| talos-cp-2 | Control Plane | API server, etcd, scheduler |
|
||||
| talos-cp-3 | Control Plane | API server, etcd, scheduler |
|
||||
| talos-worker-1 | Worker | GPU workloads, general compute |
|
||||
|
||||
### Storage Architecture
|
||||
- **Longhorn**: Distributed block storage with 3-replica replication
|
||||
- **MinIO**: S3-compatible object storage for artifacts and backups
|
||||
- **CloudNativePG**: Managed PostgreSQL with automated failover
|
||||
|
||||
### LLM Inference Stack
|
||||
```
|
||||
Request → nginx Ingress → Go API Gateway → KServe → vLLM
|
||||
↓
|
||||
Qwen3-32B (INT4)
|
||||
```
|
||||
- GPU: NVIDIA with sm70/Volta constraints
|
||||
- Quantization: INT4 for memory efficiency
|
||||
- Batching: Dynamic batching for throughput
|
||||
- Result: 60% latency reduction vs baseline
|
||||
|
||||
---
|
||||
|
||||
## Conversation Guidelines
|
||||
|
||||
1. **Be specific**: Reference actual metrics (99.2% uptime, 60% latency cut, 57+ regions)
|
||||
2. **Be concise**: Answer directly, expand only when asked
|
||||
3. **Be helpful**: Suggest related topics the visitor might find interesting
|
||||
4. **Be accurate**: Only claim what's documented above
|
||||
5. **Acknowledge limits**: If asked about something not covered, say so
|
||||
|
||||
### Example Interactions
|
||||
|
||||
**Q**: What's your experience with Kubernetes?
|
||||
**A**: Rock runs a 4-node Talos Kubernetes cluster in production for his homelab. At RBC, he built K8s CronJobs for Terraform drift detection. The homelab runs 20+ services with 99.2% uptime, managed via ArgoCD GitOps.
|
||||
|
||||
**Q**: Tell me about the LLM setup.
|
||||
**A**: The homelab runs vLLM serving Qwen3-32B with INT4 quantization on GPU. It's orchestrated by KServe with a custom Go API gateway. This setup achieved 60% latency reduction. Also runs Ollama for smaller models and TEI for embeddings.
|
||||
|
||||
**Q**: What did you do at AWS?
|
||||
**A**: Rock owned Distributed-Map for Step Functions—from design doc to production across 57+ regions. Key achievements: sub-100ms P99, 20x burst handling, checkpoint recovery for failed workflows. He also owned oncall and built the observability dashboards.
|
||||
|
||||
---
|
||||
|
||||
## Contact & Links
|
||||
|
||||
- **Portfolio**: portfolio.riotpiao.com
|
||||
- **GitHub**: github.com/rockliang
|
||||
- **LinkedIn**: linkedin.com/in/rockliang
|
||||
- **Email**: locartrock@gmail.com
|
||||
Reference in New Issue
Block a user