auto: 2026-06-18_06:00 changes

1 files changed, 129 insertions, 0 deletions

diff --git a/downloads/videos/portfolio/index.html b/downloads/videos/portfolio/index.html
new file mode 100644
index 0000000..990611d
--- /dev/null
+++ b/downloads/videos/portfolio/index.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Maya Rodriguez — Portfolio</title>
+<style>
+:root {
+  --bg: #0a0a0f;
+  --surface: #14141c;
+  --border: #1f1f2e;
+  --text: #e8e8f0;
+  --muted: #6b6b80;
+  --accent: #7c5cff;
+}
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  line-height: 1.6;
+  min-height: 100vh;
+}
+nav {
+  position: sticky; top: 0;
+  background: rgba(10,10,15,0.85);
+  backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--border);
+  padding: 1rem 2rem;
+  display: flex; justify-content: space-between; align-items: center;
+}
+.logo { font-weight: 700; font-size: 1.1rem; color: var(--accent); }
+.nav-links { display: flex; gap: 1.5rem; list-style: none; }
+.nav-links a { color: var(--muted); text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }
+.nav-links a:hover { color: var(--text); }
+main { max-width: 900px; margin: 0 auto; padding: 4rem 2rem; }
+.terminal {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 1.5rem;
+  font-family: "SF Mono", Consolas, monospace;
+  font-size: 0.9rem;
+  margin: 2rem 0;
+}
+.terminal .prompt { color: var(--accent); }
+.terminal .out { color: var(--muted); padding-left: 1rem; }
+section { margin: 4rem 0; }
+h1 { font-size: 3rem; margin-bottom: 0.5rem; background: linear-gradient(135deg, var(--text), var(--accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
+h2 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--text); }
+.tagline { color: var(--muted); font-size: 1.2rem; margin-bottom: 2rem; }
+.btn {
+  display: inline-block;
+  padding: 0.75rem 1.5rem;
+  background: var(--accent);
+  color: white;
+  text-decoration: none;
+  border-radius: 6px;
+  font-weight: 500;
+  transition: transform 0.2s;
+}
+.btn:hover { transform: translateY(-2px); }
+.projects { display: grid; gap: 1.5rem; margin-top: 2rem; }
+.project {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 1.5rem;
+  transition: transform 0.2s, border-color 0.2s;
+}
+.project:hover { transform: translateY(-4px); border-color: var(--accent); }
+.project h3 { color: var(--text); margin-bottom: 0.5rem; }
+.project p { color: var(--muted); font-size: 0.95rem; }
+.tech { color: var(--accent); font-size: 0.85rem; margin-top: 0.5rem; }
+footer { text-align: center; padding: 3rem 2rem; color: var(--muted); border-top: 1px solid var(--border); margin-top: 4rem; }
+</style>
+</head>
+<body>
+<nav>
+  <div class="logo">~/maya</div>
+  <ul class="nav-links">
+    <li><a href="#about">about</a></li>
+    <li><a href="#projects">projects</a></li>
+    <li><a href="#contact">contact</a></li>
+  </ul>
+</nav>
+<main>
+  <section class="hero">
+    <h1>Maya Rodriguez</h1>
+    <p class="tagline">Full-Stack Developer & Designer</p>
+    <div class="terminal">
+      <div><span class="prompt">$</span> whoami</div>
+      <div class="out">maya@portfolio — building thoughtful software since 2018</div>
+      <div><span class="prompt">$</span> cat ./now.txt</div>
+      <div class="out">Open to interesting collaboration opportunities.</div>
+    </div>
+    <a href="#projects" class="btn">View Projects →</a>
+  </section>
+  <section id="about">
+    <h2>About</h2>
+    <p>I build interfaces that respect attention and backends that respect time. Currently focused on developer tools, creative coding, and small-team product work. Previously shipped at three early-stage startups. Outside of work I run, read sci-fi, and make pixel art.</p>
+  </section>
+  <section id="projects">
+    <h2>Selected Work</h2>
+    <div class="projects">
+      <div class="project">
+        <h3>Taskflow</h3>
+        <p>A real-time collaborative task board with offline-first sync. Used by 4,000+ teams.</p>
+        <div class="tech">React · TypeScript · CRDTs · Postgres</div>
+      </div>
+      <div class="project">
+        <h3>Nimbus</h3>
+        <p>A weather app that tells you what to wear, not just the temperature. iOS + Web.</p>
+        <div class="tech">Swift · Next.js · OpenWeather API</div>
+      </div>
+      <div class="project">
+        <h3>Cipher</h3>
+        <p>End-to-end encrypted notes with a zero-knowledge architecture. Open source.</p>
+        <div class="tech">Rust · WASM · React</div>
+      </div>
+    </div>
+  </section>
+</main>
+<footer id="contact">
+  <p>maya@example.com · github.com/maya · @maya</p>
+  <p style="margin-top: 1rem; font-size: 0.85rem;">© 2026 · built with newOS</p>
+</footer>
+</body>
+</html>