Initial template

2026-06-11 18:49:07 +00:00 · 2026-06-11 18:49:07 +00:00 · 2316b47be7
commit 2316b47be7
3 changed files with 92 additions and 0 deletions
--- a/5
+++ b/5
@ -0,0 +1,5 @@
+FROM caddy:2-alpine
+
+COPY site/ /usr/share/caddy/
+
+EXPOSE 80
--- a/README.md
+++ b/README.md
@ -0,0 +1,6 @@
+# static-portfolio
+
+Plain HTML portfolio served by Caddy. No database, no build step.
+
+Edit `site/index.html` with your name, projects, and links — everything under
+`site/` is served as static files on port 80.
--- a/site/index.html
+++ b/site/index.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Your Name — Portfolio</title>
+<style>
+  :root {
+    --bg: #0f1115;
+    --card: #181b22;
+    --text: #e8eaf0;
+    --muted: #9aa3b2;
+    --accent: #5b8cff;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    background: var(--bg);
+    color: var(--text);
+    line-height: 1.6;
+  }
+  main { max-width: 720px; margin: 0 auto; padding: 4rem 1.5rem; }
+  h1 { font-size: 2.4rem; letter-spacing: -0.02em; }
+  .tagline { color: var(--muted); font-size: 1.15rem; margin-top: 0.5rem; }
+  section { margin-top: 3rem; }
+  h2 {
+    font-size: 0.85rem;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--accent);
+    margin-bottom: 1rem;
+  }
+  .project {
+    background: var(--card);
+    border-radius: 10px;
+    padding: 1.25rem 1.5rem;
+    margin-bottom: 1rem;
+  }
+  .project h3 { font-size: 1.05rem; }
+  .project p { color: var(--muted); font-size: 0.95rem; margin-top: 0.25rem; }
+  .project a { color: var(--accent); text-decoration: none; font-size: 0.9rem; }
+  .project a:hover { text-decoration: underline; }
+  ul.links { list-style: none; display: flex; gap: 1.5rem; }
+  ul.links a { color: var(--text); text-decoration: none; border-bottom: 1px solid var(--muted); }
+  ul.links a:hover { color: var(--accent); border-color: var(--accent); }
+  footer { margin-top: 4rem; color: var(--muted); font-size: 0.85rem; }
+</style>
+</head>
+<body>
+<main>
+  <header>
+    <h1>Your Name</h1>
+    <p class="tagline">Software engineer. I build small, fast things for the web.</p>
+  </header>
+
+  <section>
+    <h2>Projects</h2>
+    <div class="project">
+      <h3>Project One</h3>
+      <p>One sentence about what it does and why it exists.</p>
+      <a href="https://example.com">example.com</a>
+    </div>
+    <div class="project">
+      <h3>Project Two</h3>
+      <p>One sentence about what it does and why it exists.</p>
+      <a href="https://example.com">example.com</a>
+    </div>
+  </section>
+
+  <section>
+    <h2>Elsewhere</h2>
+    <ul class="links">
+      <li><a href="https://github.com/yourname">GitHub</a></li>
+      <li><a href="mailto:you@example.com">Email</a></li>
+    </ul>
+  </section>
+
+  <footer>Deployed with EZKeel.</footer>
+</main>
+</body>
+</html>