vision-coder-openenv / data /tests /8 /variants /half_styled.html
amaljoe88's picture
deploy: sync 712e5bc -> HF
cf6c0e0
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Article</title></head>
<body style="margin:0; background:#fff">
<nav style="display:flex; justify-content:space-between; border-bottom:1px solid #eee">
<span style="font-weight:700">DevDigest</span>
<div style="display:flex; font-size:14px">
<a href="#" style="text-decoration:none">Articles</a>
<a href="#" style="text-decoration:none">Newsletter</a>
<a href="#" style="text-decoration:none">Jobs</a>
</div>
</nav>
<div style="display:flex; margin:40px auto; gap:48px">
<main style="flex:2">
<span style="background:#fee2e2; font-size:11px; padding:3px 10px">RUST</span>
<h1 style="font-size:28px; margin:12px 0 20px">Why Rust is Winning the Systems Programming War</h1>
<p style="font-size:14px; margin-bottom:24px">By <strong style="color:#555">Alex Kim</strong> · 8 min read · Apr 8, 2026</p>
<p style="line-height:1.8; margin-bottom:18px">Memory safety without garbage collection was once considered impossible. Rust has proved the skeptics wrong, and major tech companies are taking notice.</p>
<p style="line-height:1.8; margin-bottom:18px">The Linux kernel, Android, and the Windows kernel have all started incorporating Rust. This isn't a trend — it's a fundamental shift in how critical infrastructure is built.</p>
<h2 style="font-size:20px">The Ownership Model</h2>
<p style="line-height:1.8">Rust's ownership system enforces memory safety at compile time. Every value has exactly one owner, and the compiler ensures that references never outlive their data.</p>
</main>
<aside style="flex:1">
<div style="background:#f9fafb; padding:20px">
<h3 style="margin:0 0 14px">Trending</h3>
<div style="font-size:13px; line-height:2.2; padding-top:12px">
<p style="margin:0">1. Go vs Rust in 2026</p>
<p style="margin:0">2. The React Server Components Guide</p>
<p style="margin:0">3. Postgres vs SQLite at scale</p>
<p style="margin:0">4. Building your own LLM</p>
</div>
</div>
<div style="background:#ede9fe; padding:20px">
<h3 style="margin:0 0 8px; color:#4f46e5">Newsletter</h3>
<p style="font-size:13px; margin:0 0 12px">Weekly digest of the best dev articles.</p>
<input placeholder="your@email.com" style="width:100%; padding:8px 12px; border-radius:6px; margin-bottom:8px">
<button style="width:100%; background:#4f46e5; border:none; font-size:13px">Subscribe</button>
</div>
</aside>
</div>
</body>
</html>