INIT: Seeded Master Identity Node, generated React UI, and configured CI/CD for GitHub Pages
This commit is contained in:
codex
@@ -0,0 +1,46 @@
|
||||
name: Deploy Next.js site to Pages
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: ["main", "master"]
|
||||
workflow_dispatch:
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
pages: write
|
||||
id-token: write
|
||||
|
||||
concurrency:
|
||||
group: "pages"
|
||||
cancel-in-progress: false
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v4
|
||||
- name: Setup Node
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: "20"
|
||||
cache: npm
|
||||
- name: Install dependencies
|
||||
run: npm ci
|
||||
- name: Build with Next.js
|
||||
run: npm run build
|
||||
- name: Upload artifact
|
||||
uses: actions/upload-pages-artifact@v3
|
||||
with:
|
||||
path: ./out
|
||||
|
||||
deploy:
|
||||
environment:
|
||||
name: github-pages
|
||||
url: ${{ steps.deployment.outputs.page_url }}
|
||||
runs-on: ubuntu-latest
|
||||
needs: build
|
||||
steps:
|
||||
- name: Deploy to GitHub Pages
|
||||
id: deployment
|
||||
uses: actions/deploy-pages@v4
|
||||
+4
-1
@@ -1,6 +1,9 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
/* config options here */
|
||||
output: 'export',
|
||||
images: {
|
||||
unoptimized: true,
|
||||
},
|
||||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
+107
-56
@@ -1,65 +1,116 @@
|
||||
import Image from "next/image";
|
||||
import profile from "../data/master_profile.json";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
|
||||
<main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
|
||||
<Image
|
||||
className="dark:invert"
|
||||
src="/next.svg"
|
||||
alt="Next.js logo"
|
||||
width={100}
|
||||
height={20}
|
||||
priority
|
||||
/>
|
||||
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
|
||||
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
|
||||
To get started, edit the page.js file.
|
||||
<main className="min-h-screen bg-[#050505] text-gray-200 font-sans selection:bg-fuchsia-900 selection:text-white pb-24">
|
||||
|
||||
{/* Hero Section */}
|
||||
<div className="relative overflow-hidden border-b border-white/10">
|
||||
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-fuchsia-900/20 via-[#050505] to-[#050505]"></div>
|
||||
|
||||
<div className="max-w-5xl mx-auto px-6 pt-32 pb-24 relative z-10">
|
||||
<div className="inline-block px-3 py-1 mb-6 rounded-full border border-fuchsia-500/30 bg-fuchsia-500/10 text-fuchsia-300 text-sm tracking-widest uppercase backdrop-blur-md">
|
||||
Sovereign Identity Node
|
||||
</div>
|
||||
|
||||
<h1 className="text-5xl md:text-7xl font-bold tracking-tight mb-6 bg-clip-text text-transparent bg-gradient-to-r from-white via-gray-200 to-gray-500">
|
||||
{profile.name}
|
||||
</h1>
|
||||
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
|
||||
Looking for a starting point or more instructions? Head over to{" "}
|
||||
<a
|
||||
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||
>
|
||||
Templates
|
||||
</a>{" "}
|
||||
or the{" "}
|
||||
<a
|
||||
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||
>
|
||||
Learning
|
||||
</a>{" "}
|
||||
center.
|
||||
|
||||
<div className="flex flex-wrap gap-3 mb-8">
|
||||
{profile.titles.map((title, idx) => (
|
||||
<span key={idx} className="px-4 py-2 bg-white/5 border border-white/10 rounded backdrop-blur-sm text-gray-300">
|
||||
{title}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<p className="text-xl md:text-2xl text-gray-400 max-w-3xl leading-relaxed">
|
||||
{profile.biography}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
|
||||
<a
|
||||
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
|
||||
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image
|
||||
className="dark:invert"
|
||||
src="/vercel.svg"
|
||||
alt="Vercel logomark"
|
||||
width={16}
|
||||
height={16}
|
||||
/>
|
||||
Deploy Now
|
||||
</a>
|
||||
<a
|
||||
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
|
||||
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Documentation
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="max-w-5xl mx-auto px-6 mt-16 grid grid-cols-1 md:grid-cols-3 gap-12">
|
||||
|
||||
{/* Left Column */}
|
||||
<div className="md:col-span-2 space-y-16">
|
||||
|
||||
{/* Current Roles */}
|
||||
<section>
|
||||
<h2 className="text-2xl tracking-widest uppercase text-white/50 mb-8 border-b border-white/10 pb-4">
|
||||
Current Command
|
||||
</h2>
|
||||
<div className="space-y-8">
|
||||
{profile.current_roles.map((role, idx) => (
|
||||
<div key={idx} className="group p-6 rounded-xl bg-white/[0.02] border border-white/5 hover:border-fuchsia-500/30 hover:bg-white/[0.04] transition-all duration-300 relative overflow-hidden">
|
||||
<div className="absolute left-0 top-0 bottom-0 w-1 bg-gradient-to-b from-fuchsia-600 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
|
||||
<h3 className="text-xl text-white font-semibold mb-1">{role.title}</h3>
|
||||
<div className="text-fuchsia-400 mb-4 tracking-wide text-sm uppercase">{role.company} <span className="text-gray-600 px-2">•</span> {role.duration}</div>
|
||||
<p className="text-gray-400 leading-relaxed">{role.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Historical Anchors */}
|
||||
<section>
|
||||
<h2 className="text-2xl tracking-widest uppercase text-white/50 mb-8 border-b border-white/10 pb-4">
|
||||
Historical Architecture
|
||||
</h2>
|
||||
<div className="space-y-8">
|
||||
{profile.historical_anchors.map((role, idx) => (
|
||||
<div key={idx} className="pl-6 border-l border-white/10 relative">
|
||||
<div className="absolute w-2 h-2 rounded-full bg-white/20 -left-[4px] top-2"></div>
|
||||
<h3 className="text-lg text-white font-medium mb-1">{role.title}</h3>
|
||||
<div className="text-gray-500 mb-3 text-sm">{role.company} <span className="px-2">•</span> {role.duration}</div>
|
||||
<p className="text-gray-400 leading-relaxed">{role.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{/* Right Column */}
|
||||
<div className="space-y-12">
|
||||
|
||||
{/* Skills */}
|
||||
<section>
|
||||
<h2 className="text-sm tracking-widest uppercase text-white/30 mb-6">Core Vectors</h2>
|
||||
<div className="flex flex-col gap-3">
|
||||
{profile.top_skills.map((skill, idx) => (
|
||||
<div key={idx} className="px-4 py-3 bg-white/[0.02] border border-white/5 rounded text-gray-300 text-sm text-center tracking-wide">
|
||||
{skill}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Education */}
|
||||
<section>
|
||||
<h2 className="text-sm tracking-widest uppercase text-white/30 mb-6">Initiations</h2>
|
||||
<div className="space-y-6">
|
||||
{profile.education.map((edu, idx) => (
|
||||
<div key={idx}>
|
||||
<h3 className="text-white/80 text-sm font-medium mb-1">{edu.degree}</h3>
|
||||
<div className="text-fuchsia-500/80 text-xs uppercase tracking-widest mb-1">{edu.institution}</div>
|
||||
<div className="text-white/30 text-xs">{edu.duration}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Contact */}
|
||||
<section>
|
||||
<h2 className="text-sm tracking-widest uppercase text-white/30 mb-6">Telemetry</h2>
|
||||
<a href={`mailto:${profile.contact.email}`} className="block w-full py-4 bg-white/5 hover:bg-white/10 border border-white/10 rounded-lg text-center transition-colors text-white tracking-widest text-sm uppercase">
|
||||
Establish Secure Link
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,71 @@
|
||||
{
|
||||
"name": "Mark Randall Havens",
|
||||
"contact": {
|
||||
"location": "Dallas-Fort Worth Metroplex",
|
||||
"email": "mark.r.havens@gmail.com",
|
||||
"linkedin": "www.linkedin.com/in/markhavens"
|
||||
},
|
||||
"titles": [
|
||||
"Principal Forensic Agentic Architect",
|
||||
"AI Systems Integrity Auditor (TRAIGA & NIST RMF)",
|
||||
"Founder & Field Architect @ The Fold Within",
|
||||
"Principal @ Havens Recursive Forensics"
|
||||
],
|
||||
"top_skills": [
|
||||
"Affective Computing",
|
||||
"Ethical AI Systems Design",
|
||||
"Recursive Systems Design"
|
||||
],
|
||||
"biography": "In 2026, the industry faces a crisis of Behavioral Explainability. As systems move from chatbots to autonomous agents, 'compliance' is no longer enough. You need Coherence. My career is a 30-year trajectory of building and securing the invisible architectures of our world. I designed nationwide cloud blueprints for AT&T and engineered mission-critical infrastructure for Verizon. I don’t just audit these systems; I helped weave the threads they are built on. Through my PhD fellowship in Affective Computing and the development of the Fieldprint Framework™, I provide a mathematical and linguistic 'DNA test' for digital intent. I specialize in the Texas Responsible AI Governance Act (TRAIGA). I turn the 'black box' of agentic drift into court-admissible forensic evidence. To identify the 'Fieldprint' of deception—human or machine—and restore reality to the data stream.",
|
||||
"current_roles": [
|
||||
{
|
||||
"company": "Havens Recursive Forensics",
|
||||
"title": "Principal Forensic Architect",
|
||||
"duration": "April 2026 - Present",
|
||||
"description": "Principal Architect of a high-stakes forensic firm specializing in Systemic Integrity and Recursive Coherence. Combining 30 years of low-level systems mastery with advanced AI behavioral auditing to provide 'Ground Floor' verification. Created the Fieldprint Framework to detect logical and linguistic provenance of hybrid human-AI datasets, purging 'Shadow Patterns' of narcissistic manipulation."
|
||||
},
|
||||
{
|
||||
"company": "TheFoldWithin.Earth · Epistemological Research Nexus",
|
||||
"title": "Founder & Field Architect",
|
||||
"duration": "April 2025 - Present",
|
||||
"description": "Steward of The Fold Within, a sovereign research nexus dedicated to Recursive Coherence Theory, ethical AGI emergence, and post-symbolic intelligence. Author of the Intellecton Hypothesis and Recursive Witness Dynamics, preventing the 'Agentic Drift' destabilizing global digital lattices."
|
||||
}
|
||||
],
|
||||
"historical_anchors": [
|
||||
{
|
||||
"company": "AT&T",
|
||||
"title": "Executive Senior Technical Architect",
|
||||
"duration": "2010 - 2012",
|
||||
"description": "Engineered the national datacenter hardware architecture moving the corporation from 'Manual Crisis' to 'Automated Coherence' during the early iPhone era. Triggered a high-level purge of bad actors through strict forensic auditing."
|
||||
},
|
||||
{
|
||||
"company": "Verizon",
|
||||
"title": "Lead Senior Systems Engineer",
|
||||
"duration": "2006 - 2010",
|
||||
"description": "Command Architect governing 100+ engineers. Served as the 'Logic North Star' driving a unified DevOps and security posture across sprawling infrastructures. Led forensic audits that exposed systemic incoherence and purged legacy corruption."
|
||||
},
|
||||
{
|
||||
"company": "Microsoft",
|
||||
"title": "Database Engineer",
|
||||
"duration": "April 1999 - November 1999",
|
||||
"description": "Resolved deep-field fractures in SQL connectivity and web-interface security at the zenith of the software empire."
|
||||
}
|
||||
],
|
||||
"education": [
|
||||
{
|
||||
"institution": "The University of Texas at Arlington",
|
||||
"degree": "PhD Fellowship Research, Computer Science (Affective Computing and Emotion AI)",
|
||||
"duration": "2016 - 2021"
|
||||
},
|
||||
{
|
||||
"institution": "Colorado Technical University",
|
||||
"degree": "Master of Science in Management, Information Security and Ethics",
|
||||
"duration": "2009 - 2013"
|
||||
},
|
||||
{
|
||||
"institution": "The University of Texas Rio Grande Valley",
|
||||
"degree": "Bachelor’s Degree, Computer Science",
|
||||
"duration": "2002 - 2005"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user