75 lines
3.8 KiB
HTML
75 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style id="fort-styles">
|
|
[data-fort]{font:inherit;color:inherit}
|
|
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
|
|
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
[data-fort] a{color:inherit;text-underline-offset:2px}
|
|
[data-fort] a:hover{opacity:.72}
|
|
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
|
|
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
|
|
.fort-citizen .fc-name{font-weight:600}
|
|
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
|
|
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
|
|
.fort-film{list-style:none;margin:0;padding:0}
|
|
.fort-film li{overflow:visible;white-space:normal}
|
|
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
|
|
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
|
|
.fort-film img{aspect-ratio:16/10}
|
|
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
|
|
</style>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Films | Amira Meza</title>
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Films | Amira Meza">
|
|
<meta property="og:description" content="Exploring Operations Through Visual Storytelling">
|
|
<meta property="og:url" content="https://amira-meza.4ort.net/films.html">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="description" content="Exploring Operations Through Visual Storytelling">
|
|
<style>
|
|
body {margin:0;font-family:'Courier New',monospace;background-color:#f5f5f5;color:#333;}
|
|
header{background:#000;color:#fff;padding:2rem;text-align:center;}
|
|
h1{font-size:2.5rem;margin:0;}
|
|
nav{margin-top:1rem;}
|
|
nav a{color:#fff;text-decoration:none;margin:0 1rem;}
|
|
main{padding:2rem;max-width:1200px;margin:auto;}
|
|
section{margin-bottom:3rem;}
|
|
h2{font-size:1.8rem;margin-bottom:1rem;border-bottom:2px solid #000;padding-bottom:.5rem;}
|
|
.film-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;}
|
|
.film-card{border:1px solid #ddd;padding:1rem;background:#fff;}
|
|
.film-card h3{margin-top:0;}
|
|
.film-card p{margin-bottom:1rem;}
|
|
.film-card a{display:inline-block;margin-top:1rem;color:#000;text-decoration:none;border:1px solid #000;padding:.5rem 1rem;}
|
|
.film-card a:hover{background:#000;color:#fff;}
|
|
footer{background:#000;color:#fff;padding:1rem;text-align:center;}
|
|
</style>
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Films</h1>
|
|
<p>Exploring Operations Through Visual Storytelling</p>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="workflow-playbook.html">Workflow Playbook</a>
|
|
<a href="films.html">Films</a>
|
|
</nav>
|
|
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Amira Meza</a><a href="/films/workflow-optimization/">Index</a><a href="/films.html" class="active" aria-current="page">Films</a><a href="/negros-fruit-dove.html">Negros Fruit Dove</a><a href="/approval-gate.html">The Human in the Approval Gate</a><a href="/workflow-playbook.html">Workflow Playbook</a></nav></fort-nav>
|
|
</header>
|
|
<main>
|
|
<section>
|
|
<h2>My Films</h2>
|
|
<div class="film-grid">
|
|
<div class="film-card">
|
|
<h3>Workflow Optimization</h3>
|
|
<p>A visual exploration of how I approach optimizing complex operations systems.</p>
|
|
<a href="https://amira-meza.4ort.mov/workflow-optimization" target="_blank">Watch Now</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer><p>© 2026 Amira Meza. All rights reserved.</p></footer>
|
|
</body>
|
|
</html> |