-<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><meta name="theme-color" content="#111111" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="description" content="Baltimore Orioles and MLB news aggregator"><title>Depth Chart | Yard Report</title><link rel="icon" type="image/jpeg" href="/yardreport/favicon.jpg"><link rel="apple-touch-icon" href="/yardreport/favicon.jpg"><link rel="stylesheet" href="/yardreport/style.css?v=1783778340992"></head> <body> <nav class="site-nav" aria-label="Site navigation"> <a href="/yardreport/" class="site-nav-link"> Dashboard </a><a href="/yardreport/schedule/" class="site-nav-link"> Schedule </a><a href="/yardreport/depth-chart/" class="site-nav-link site-nav-link--active" aria-current="page"> Depth Chart </a><a href="/yardreport/around-the-horn/" class="site-nav-link"> Around the Horn </a><a href="/yardreport/all-star/" class="site-nav-link"> All-Star </a><a href="/yardreport/draft/" class="site-nav-link"> Draft </a><a href="/yardreport/trade-deadline/" class="site-nav-link"> Trade Deadline </a> </nav> <header class="site-header"> <div class="header-inner"> <a class="logo" href="/yardreport/"> <img class="logo-img" src="/yardreport/logo.png" alt="Yard Report logo" height="36"> <span class="logo-wordmark" aria-label="Yard Report"> <span class="logo-word">Yard</span> <strong class="logo-word logo-word-accent">Report</strong> </span> </a> <nav class="header-right header-breadcrumb" aria-label="Breadcrumb"> <a class="breadcrumb-link" href="/yardreport/">← Yard Report</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span class="breadcrumb-current">Depth Chart</span> </nav> </div> </header> <main class="dc-page"> <div class="dc-wrap"> <!-- ── OPACY Field ─────────────────────────────────────────── --> <div class="dc-field-container"> <svg class="dc-svg" viewBox="0 0 620 560" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <defs> <radialGradient id="grassGrad" cx="50%" cy="78%" r="72%"> <stop offset="0%" stop-color="#1d5118"></stop> <stop offset="55%" stop-color="#143c11"></stop> <stop offset="100%" stop-color="#0c2609"></stop> </radialGradient> <radialGradient id="dirtGrad" cx="50%" cy="52%" r="58%"> <stop offset="0%" stop-color="#7a4828"></stop> <stop offset="100%" stop-color="#4d2e18"></stop> </radialGradient> <radialGradient id="moundGrad" cx="40%" cy="35%" r="65%"> <stop offset="0%" stop-color="#6a3e22"></stop> <stop offset="100%" stop-color="#3e2410"></stop> </radialGradient> <!-- Mowing pattern stripes --> <pattern id="mowStripes" x="0" y="0" width="34" height="34" patternUnits="userSpaceOnUse" patternTransform="rotate(-42)"> <rect width="17" height="34" fill="rgba(255,255,255,0.018)"></rect> </pattern> </defs> <!-- ── Sky background ── --> <rect width="620" height="560" fill="var(--bg, #0a0f14)"></rect> <!-- ── Fair territory grass ── --> <!-- OPACY: LF 333ft (0,200), LC ~364ft, CF 400ft (310,14), RC ~373ft, RF 318ft (620,229) --> <path class="dc-grass" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <path fill="url(#mowStripes)" d="M 310,508 L 0,200 C 72,40 158,16 310,14 C 452,20 558,62 620,229 Z"></path> <!-- ── Warning track ── --> <path class="dc-track" d="
0 commit comments