Skip to content

Commit 022297b

Browse files
max8githubmax8github
committed
Replace site with new resume layout
1 parent 60f17c1 commit 022297b

2 files changed

Lines changed: 430 additions & 1 deletion

File tree

‎index.html‎

Lines changed: 173 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,173 @@
1-
Hello World
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Max — Resume, Projects, Career Chat</title>
7+
<meta
8+
name="description"
9+
content="Max's resume site with projects, experience, and an AI-powered career chat."
10+
/>
11+
<link rel="stylesheet" href="styles.css" />
12+
</head>
13+
<body>
14+
<header class="hero">
15+
<div class="hero-inner">
16+
<p class="eyebrow">Max · Software Engineer</p>
17+
<h1>
18+
A resume that talks back.
19+
<span class="accent">Ask my career chat.</span>
20+
</h1>
21+
<p class="lead">
22+
I build practical systems at the intersection of software engineering
23+
and applied AI. This site is a living resume, with a chat assistant
24+
trained on my experience, projects, and code.
25+
</p>
26+
<div class="cta-row">
27+
<a class="btn primary" href="#chat">Launch Career Chat</a>
28+
<a class="btn ghost" href="#resume">View Resume</a>
29+
</div>
30+
<div class="meta">
31+
<div>
32+
<span class="label">Location</span>
33+
<span>United States</span>
34+
</div>
35+
<div>
36+
<span class="label">Focus</span>
37+
<span>AI Systems · Backend · Product</span>
38+
</div>
39+
<div>
40+
<span class="label">Open To</span>
41+
<span>Senior Eng · Applied AI</span>
42+
</div>
43+
</div>
44+
</div>
45+
<div class="hero-card">
46+
<div class="card-top">Quick Snapshot</div>
47+
<ul class="highlights">
48+
<li>10+ years building software and data systems</li>
49+
<li>Python, APIs, retrieval, evaluation, and infra</li>
50+
<li>Delivered production tools used by real teams</li>
51+
</ul>
52+
<div class="card-footer">
53+
<span>Scroll to explore</span>
54+
</div>
55+
</div>
56+
</header>
57+
58+
<main>
59+
<section id="chat" class="section">
60+
<div class="section-head">
61+
<h2>Career Chat</h2>
62+
<p>
63+
This is my AI-powered resume assistant. Ask about my background,
64+
projects, or specific skills.
65+
</p>
66+
</div>
67+
68+
<div class="chat-embed">
69+
<div class="chat-placeholder">
70+
<h3>Embed Your Hugging Face Space</h3>
71+
<p>
72+
Replace the iframe src with your Space URL once you deploy it.
73+
</p>
74+
<code>https://&lt;space-subdomain&gt;.hf.space</code>
75+
</div>
76+
77+
<iframe
78+
title="Career Chat"
79+
src="https://<space-subdomain>.hf.space"
80+
loading="lazy"
81+
referrerpolicy="no-referrer"
82+
></iframe>
83+
</div>
84+
</section>
85+
86+
<section id="resume" class="section">
87+
<div class="section-head">
88+
<h2>Resume</h2>
89+
<p>Condensed timeline. Full details available on request.</p>
90+
</div>
91+
92+
<div class="grid">
93+
<article class="panel">
94+
<h3>Experience</h3>
95+
<ul>
96+
<li>
97+
<strong>Senior Software Engineer</strong> — Company Name
98+
<span class="muted">(2021–2025)</span>
99+
</li>
100+
<li>
101+
<strong>Software Engineer</strong> — Company Name
102+
<span class="muted">(2017–2021)</span>
103+
</li>
104+
<li>
105+
<strong>Data/ML Engineer</strong> — Company Name
106+
<span class="muted">(2014–2017)</span>
107+
</li>
108+
</ul>
109+
</article>
110+
111+
<article class="panel">
112+
<h3>Core Skills</h3>
113+
<ul>
114+
<li>Python, TypeScript, SQL</li>
115+
<li>APIs, Retrieval, LLM Tooling</li>
116+
<li>Data pipelines, Evaluation, Observability</li>
117+
<li>AWS, Docker, CI/CD</li>
118+
</ul>
119+
</article>
120+
121+
<article class="panel">
122+
<h3>Selected Projects</h3>
123+
<ul>
124+
<li>AI career chat trained on my work artifacts</li>
125+
<li>Search + retrieval systems for internal tools</li>
126+
<li>Evaluation harness for ranking & feedback loops</li>
127+
</ul>
128+
</article>
129+
130+
<article class="panel">
131+
<h3>Education</h3>
132+
<ul>
133+
<li>Degree Name — University</li>
134+
<li>Certifications — Provider</li>
135+
</ul>
136+
</article>
137+
</div>
138+
</section>
139+
140+
<section id="projects" class="section">
141+
<div class="section-head">
142+
<h2>Projects & Code</h2>
143+
<p>
144+
Links to open-source work and relevant repos. Add your GitHub
145+
projects here.
146+
</p>
147+
</div>
148+
<div class="project-list">
149+
<a class="project" href="https://github.com/max8github">
150+
<h3>GitHub Profile</h3>
151+
<p>Browse repositories and code samples.</p>
152+
</a>
153+
<div class="project">
154+
<h3>Career Chat Repo</h3>
155+
<p>Link to the repo that powers the chat experience.</p>
156+
</div>
157+
<div class="project">
158+
<h3>Case Study</h3>
159+
<p>One high-impact project with outcomes and metrics.</p>
160+
</div>
161+
</div>
162+
</section>
163+
</main>
164+
165+
<footer class="footer">
166+
<p>
167+
Contact: <a href="mailto:hello@example.com">hello@example.com</a> ·
168+
<a href="https://www.linkedin.com">LinkedIn</a>
169+
</p>
170+
<p class="muted">Last updated Feb 12, 2026</p>
171+
</footer>
172+
</body>
173+
</html>

0 commit comments

Comments
 (0)