1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 6<meta name="color-scheme" content="light"> 7<meta name="theme-color" content="#0a0a0b"> 8<title>Focus DAM Pictures â Licensed editorial & commercial imagery</title> 9<meta name="description" content="Editorial and commercial pictures licensed and delivered instantly from a Focus DAM library of 36,241 images."> 10<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 11<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,[email protected],500;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 12<style> 13:root{--ink:#0A0A0B;--paper:#fff;--bg:#FAFAF9;--line:#E7E6E3;--mut:#6B6B70;--soft:#9A9AA0;--acc:#2F6FED;--acc2:#1F4FBF;--r:4px} 14*{box-sizing:border-box} 15html{scroll-behavior:smooth} 16body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:manipulation} 17.serif{font-family:"Source Serif 4",Georgia,serif} 18a{color:inherit;text-decoration:none} 19button{font-family:inherit} 20:focus-visible{outline:2px solid var(--acc);outline-offset:2px} 21img{display:block} 22.wrap{max-width:1320px;margin:0 auto;padding:0 28px} 23.btn{border:1px solid transparent;border-radius:var(--r);font-weight:600;font-size:14px;padding:11px 18px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;gap:8px;align-items:center;justify-content:center} 24.btn-p{background:var(--ink);color:#fff}.btn-p:hover{background:#26262a} 25.btn-acc{background:var(--acc);color:#fff}.btn-acc:hover{background:var(--acc2)} 26.btn-o{background:transparent;color:var(--ink);border-color:var(--line)}.btn-o:hover{border-color:var(--ink)} 27@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}} 28.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)} 29.top .in{display:flex;align-items:center;justify-content:space-between;height:62px;gap:18px} 30.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.02em;flex-shrink:0} 31.brand svg{width:30px;height:30px} 32.brand .px{color:var(--mut);font-weight:500;border-left:1px solid var(--line);padding-left:10px;margin-left:2px;font-size:13px;letter-spacing:.14em;text-transform:uppercase} 33.topsearch{flex:1;max-width:520px;display:flex;background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden} 34.topsearch input{flex:1;border:none;background:none;outline:none;padding:10px 14px;font-size:14px;font-family:inherit;color:var(--ink);min-width:0} 35.topsearch button{border:none;background:none;color:var(--mut);padding:0 14px;cursor:pointer;display:flex;align-items:center} 36nav.main{display:flex;gap:22px;align-items:center;flex-shrink:0} 37nav.main a{font-size:14px;font-weight:500;color:var(--ink)} 38nav.main a:hover{color:var(--acc)} 39.icbtn{background:none;border:none;cursor:pointer;color:var(--ink);position:relative;display:flex;padding:6px} 40.cc{position:absolute;top:-4px;right:-6px;background:var(--acc);color:#fff;border-radius:999px;font-size:10px;font-weight:700;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-variant-numeric:tabular-nums} 41@media(max-width:880px){.topsearch{display:none}} 42@media(max-width:680px){nav.main a:not(.btn){display:none}} 43.hero{position:relative;height:min(58vh,520px);min-height:380px;overflow:hidden;background:#0a0a0b} 44.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6} 45.hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,9,.86) 0%,rgba(8,8,9,.45) 48%,rgba(8,8,9,.12) 100%),linear-gradient(0deg,rgba(8,8,9,.8),transparent 55%)} 46.hero .in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:700px} 47.kick{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#D8DBE2} 48.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.02;font-weight:700;letter-spacing:-.02em;margin:16px 0 14px;text-wrap:balance} 49.hero p{font-size:18px;color:#D2D4DA;max-width:540px;margin:0 0 26px;text-wrap:pretty} 50.ghero{height:auto;min-height:0;padding:34px 0}.ghero .in{max-width:760px}.ghero h1{font-size:clamp(26px,3.6vw,40px);margin:12px 0 8px}.ghero p{font-size:16px;margin:0 0 14px}.ghero .metae{margin-top:6px} 51.search{display:flex;max-width:560px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.4)} 52.search input{flex:1;border:none;outline:none;padding:15px 18px;font-size:16px;font-family:inherit;color:var(--ink);min-width:0} 53.search button{border:none;background:var(--ink);color:#fff;padding:0 22px;font-weight:600;cursor:pointer} 54.credit{position:absolute;right:22px;bottom:16px;color:rgba(255,255,255,.74);font-size:11.5px;letter-spacing:.02em;max-width:46%;text-align:right} 55.metae{display:flex;gap:22px;margin-top:20px;color:#AFB2BB;font-size:13px} 56.metae b{color:#fff;font-variant-numeric:tabular-nums} 57.cats{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:62px;z-index:30}
58.cats .in{display:flex;gap:4px;overflow-x:auto;align-items:center;height:54px;scrollbar-width:thin} 59.cat{border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--mut);padding:8px 14px;white-space:nowrap;border-bottom:2px solid transparent;border-radius:0} 60.cat:hover{color:var(--ink)} 61.cat.on{color:var(--ink);border-bottom-color:var(--acc)} 62.cat-r{margin-left:auto;display:flex;gap:10px;align-items:center;flex-shrink:0;padding-left:12px} 63.count{font-size:13px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums} 64.sel{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:8px 10px;font-size:13px;font-weight:500;color:var(--ink);font-family:inherit;cursor:pointer} 65.engtog{display:flex;gap:2px;background:#EDEFF3;border-radius:7px;padding:3px} 66.eng{border:none;background:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--mut);padding:6px 11px;border-radius:5px;white-space:nowrap} 67.eng.on{background:#fff;color:var(--acc);box-shadow:0 1px 2px rgba(0,0,0,.08)} 68main{padding:22px 0 80px} 69.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} 70@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}} 71@media(max-width:680px){.grid{grid-template-columns:repeat(2,1fr)}} 72.card{position:relative;overflow:hidden;background:#ECECEA;cursor:zoom-in;border-radius:3px;aspect-ratio:3/2;display:block} 73.card.big{outline:2px solid #C9A24A;outline-offset:-2px} 74.card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)} 75.card:hover img{transform:scale(1.05)} 76.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,9,.82) 0%,rgba(8,8,9,.18) 38%,transparent 60%);opacity:0;transition:opacity .2s} 77.card:hover .shade{opacity:1} 78.cap{position:absolute;left:0;right:0;bottom:0;padding:12px 13px;color:#fff;transform:translateY(6px);opacity:0;transition:opacity .2s,transform .2s} 79.card:hover .cap{opacity:1;transform:none} 80.cap .t{font-weight:600;font-size:13.5px;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} 81.cap .cr{font-size:10.5px;color:rgba(255,255,255,.74);margin-top:3px;letter-spacing:.02em} 82.cap .bot{display:flex;align-items:center;justify-content:space-between;margin-top:9px} 83.cap .pr{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums} 84.cap .add{background:#fff;color:var(--ink);border:none;border-radius:3px;padding:7px 11px;font-weight:700;font-size:12px;cursor:pointer} 85.cap .add:hover{background:var(--acc);color:#fff} 86.flag{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:1} 87.pill{font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:3px;background:rgba(10,10,11,.62);color:#fff;backdrop-filter:blur(4px)} 88.pill.f{background:#fff;color:var(--ink)} 89.pill.t{background:var(--acc);color:#fff} 90.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--ink);pointer-events:none} 91.vbadge{position:absolute;bottom:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 7px;border-radius:4px;background:rgba(10,10,11,.78);color:#fff;backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;pointer-events:none} 92.sentinel{height:60px;display:flex;align-items:center;justify-content:center;color:var(--soft);font-size:13px;grid-column:1/-1} 93.dwrap{max-width:1320px;margin:0 auto;padding:26px 28px 80px} 94.crumb{font-size:13px;color:var(--mut);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center} 95.crumb a:hover{color:var(--acc)}.crumb .sep{color:var(--soft)} 96.detail{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:34px;align-items:start} 97@media(max-width:920px){.detail{grid-template-columns:1fr}} 98.dstage{background:#0d0d0f;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:360px} 99.dstage img{width:100%;height:auto;max-height:78vh;object-fit:contain} 100.dstage video{width:100%;height:auto;max-height:78vh;background:#000}
101.dpanel .k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)} 102.dpanel h1{font-family:"Source Serif 4",Georgia,serif;font-size:30px;line-height:1.12;letter-spacing:-.01em;margin:8px 0 10px;text-wrap:balance} 103.dcredit{color:var(--mut);font-size:13.5px;margin-bottom:16px} 104.dprice{display:flex;align-items:baseline;gap:8px;margin:4px 0 14px} 105.dprice .n{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.dprice .u{color:var(--mut);font-size:13px} 106.dlicense{display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--mut);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:9px 11px;margin:12px 0 0}.dlicense svg{color:var(--acc)} 107.lic{border:1px solid var(--line);border-radius:5px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:8px;font-size:14px;width:100%;background:#fff;font-family:inherit;text-align:left;color:var(--ink)} 108.lic:hover{border-color:var(--ink)}.lic.on{border-color:var(--acc);background:#F4F7FF} 109.lic .p{font-weight:700;font-variant-numeric:tabular-nums} 110.dcap{color:#36363a;font-size:15px;line-height:1.65;margin:22px 0;white-space:pre-line} 111.dmeta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin:18px 0} 112.dmeta .row{display:flex;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px} 113.dmeta .row:last-child{border-bottom:none} 114.dmeta .lbl{width:130px;color:var(--mut);flex-shrink:0}.dmeta .val{color:var(--ink)} 115.tags{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 4px} 116.tag{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--ink)} 117.tag:hover{border-color:var(--acc);color:var(--acc)} 118h3.sec{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:40px 0 14px} 119.lb{position:fixed;inset:0;background:rgba(8,8,9,.96);display:none;z-index:60;padding:24px} 120.lb.on{display:grid;grid-template-columns:1fr 380px} 121@media(max-width:840px){.lb.on{grid-template-columns:1fr}} 122.lbimg{display:flex;align-items:center;justify-content:center;overflow:hidden} 123.lbimg img{max-width:100%;max-height:90vh;object-fit:contain} 124.lbimg video{max-width:100%;max-height:90vh;background:#000;outline:none} 125.lbpanel{background:#fff;border-radius:6px;padding:28px;overflow:auto;align-self:center;max-height:90vh} 126.lbpanel .k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)} 127.lbpanel h2{font-family:"Source Serif 4",Georgia,serif;font-size:25px;line-height:1.15;margin:8px 0 8px;letter-spacing:-.01em} 128.lbpanel .cr{color:var(--mut);font-size:12.5px;margin-bottom:14px} 129.lbpanel .cap2{color:var(--mut);font-size:13.5px;line-height:1.55;margin-bottom:18px} 130.lbx{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;line-height:1} 131.lbmeta{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;color:var(--soft);font-size:11.5px;display:flex;gap:14px;flex-wrap:wrap;font-variant-numeric:tabular-nums} 132.scrim2{position:fixed;inset:0;background:rgba(8,8,9,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.scrim2.on{opacity:1;pointer-events:auto} 133.drawer{position:fixed;top:0;right:0;height:100dvh;width:400px;max-width:92vw;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .22s;z-index:55;display:flex;flex-direction:column;overscroll-behavior:contain}.drawer.on{transform:none} 134.drawer h3{margin:0;padding:20px;border-bottom:1px solid var(--line);font-size:17px;display:flex;justify-content:space-between;align-items:center} 135.items{flex:1;overflow:auto;padding:8px 20px}.ci{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.ci img{width:62px;height:46px;object-fit:cover;border-radius:3px}.ci .rm{margin-left:auto;border:none;background:none;color:var(--soft);font-size:20px;cursor:pointer} 136.foot{padding:20px;border-top:1px solid var(--line)}.tot{display:flex;justify-content:space-between;font-weight:700;font-size:19px;margin-bottom:14px;font-variant-numeric:tabular-nums} 137.modal{position:fixed;inset:0;background:rgba(8,8,9,.55);
137display:none;align-items:center;justify-content:center;z-index:70;padding:20px}.modal.on{display:flex} 138.mb{background:#fff;border-radius:8px;max-width:460px;width:100%;padding:34px;max-height:88vh;overflow:auto}.mb .ok{width:56px;height:56px;border-radius:50%;background:#EAF7F0;color:#1F9D57;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px} 139.dlrow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;padding:10px;margin-top:8px}.dlrow img{width:48px;height:36px;object-fit:cover;border-radius:3px}.dlrow .btn{margin-left:auto;padding:8px 14px} 140.empty{grid-column:1/-1;text-align:center;color:var(--mut);padding:70px 0} 141footer{background:var(--ink);color:#9A9AA0;padding:50px 0 30px;font-size:14px} 142.fc{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap} 143footer a:hover{color:#fff} 144.copy{border-top:1px solid #1c1c1f;margin-top:30px;padding-top:18px;font-size:12px;color:#6B6B70;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px} 145/* gallery (album) cards */ 146.gsec{padding:24px 0 4px} 147.gtitle{font-family:"Source Serif 4",Georgia,serif;font-size:23px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px} 148.gsub{color:var(--mut);font-size:14px;margin:0 0 18px} 149.ggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} 150@media(max-width:1100px){.ggrid{grid-template-columns:repeat(3,1fr)}} 151@media(max-width:680px){.ggrid{grid-template-columns:repeat(2,1fr)}} 152.gcard{position:relative;display:block;aspect-ratio:4/3;border-radius:7px;overflow:hidden;background:#ECECEA} 153.gcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)} 154.gcard:hover img{transform:scale(1.06)} 155.gcard .gov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,9,.84) 0%,rgba(8,8,9,.16) 52%,rgba(8,8,9,.04) 100%)} 156.gcard .gmeta{position:absolute;left:0;right:0;bottom:0;padding:14px 15px;color:#fff} 157.gcard .gn{font-weight:700;font-size:16px;line-height:1.2;text-shadow:0 1px 8px rgba(0,0,0,.55)} 158.gcard .gc{font-size:12px;color:rgba(255,255,255,.82);margin-top:3px;font-variant-numeric:tabular-nums} 159/* search autocomplete */ 160.topsearch,.search{position:relative} 161.acbox{position:fixed;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 36px rgba(0,0,0,.16);z-index:200;overflow:hidden;display:none;text-align:left} 162.acbox.on{display:block} 163.acitem{padding:10px 14px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:9px;color:var(--ink);border-bottom:1px solid #F3F2F0} 164.acitem:last-child{border-bottom:none} 165.acitem:hover,.acitem.sel{background:#F4F7FF} 166.acitem svg{width:14px;height:14px;color:var(--soft);flex-shrink:0} 167</style> 168</head> 169<body> 170<header class="top"><div class="wrap in"> 171 <a class="brand" href="/media" aria-label="Focus DAM Pictures home"><svg viewBox="0 0 32 32" fill="none" aria-hidden="true"><rect width="32" height="32" rx="7" fill="#0A0A0B"/><circle cx="16" cy="16" r="8.5" stroke="#fff" stroke-width="2.3"/><circle cx="16" cy="16" r="2.5" fill="#fff"/></svg>Focus DAM<span class="px">Pictures</span></a> 172 <form class="topsearch" role="search" action="/media" method="get"> 173 <input type="search" name="q" placeholder="Search the picture libraryâ¦" aria-label="Search pictures" value="" autocomplete="off"> 174 <input type="hidden" name="engine" value="smart"> 175 <button type="submit" aria-label="Search"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4-4"/></svg></button> 176 </form> 177 <nav class="main" aria-label="Primary"> 178 <a href="/media?view=galleries">Galleries</a> 179 <a href="https://www.focusmyanmar.net/#pricing">Licensing</a> 180 <a href="https://www.focusmyanmar.net/">The platform</a> 181 <button class="icbtn" aria-label="Open cart" onclick="openCart()"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true"><path d="M6 6h15l-1.5 9h-12z"/><circle cx="9" cy="20" r="1.4"/>
181<circle cx="18" cy="20" r="1.4"/><path d="M6 6 5 3H3"/></svg><span class="cc" id="cc" aria-live="polite">0</span></button> 182 <a class="btn btn-o" href="/login.php">Sign in</a> 183 </nav> 184</div></header> 185 186<section class="hero"> 187 <img src="/plugins/focus_store/pages/thumb.php?ref=36240&size=l" alt="Putin" width="1600" height="900"> <div class="scrim"></div> 188 <div class="wrap in"> 189 <span class="kick">Focus DAM · Picture Service</span> 190 <h1 class="serif">Pictures that tell the story.</h1> 191 <p>Editorial & commercial photography â licensed, credited and delivered the moment you check out.</p> 192 <form class="search" role="search" action="/media" method="get"> 193 <input type="search" name="q" placeholder="Search â protest, monks, Yangon, electionâ¦" aria-label="Search pictures" autocomplete="off" spellcheck="false"> 194 <input type="hidden" name="engine" value="smart"> 195 <button type="submit">Search</button> 196 </form> 197 <div class="metae"><span><b>36,241</b> pictures</span><span><b>34</b> galleries</span><span>Licensed & delivered <b>instantly</b></span></div> 198 </div> 199 <p class="credit">Latest â Putin · © The Irrawaddy</p></section> 200 201<div class="cats"><div class="wrap in" role="tablist" aria-label="Galleries"> 202 <div id="cats" style="display:flex;gap:4px"> 203 <a role="tab" aria-selected="true" class="cat on" href="/media">All pictures</a> 204 <a role="tab" aria-selected="false" class="cat" href="/media?rt=3">â¶ Videos</a> 205 <a role="tab" aria-selected="false" class="cat" href="/media?c=17">Political <span style="color:var(--soft);font-weight:500">(4,423)</span></a> 206 <a role="tab" aria-selected="false" class="cat" href="/media?c=16">News <span style="color:var(--soft);font-weight:500">(3,981)</span></a> 207 <a role="tab" aria-selected="false" class="cat" href="/media?c=12">People <span style="color:var(--soft);font-weight:500">(3,699)</span></a> 208 <a role="tab" aria-selected="false" class="cat" href="/media?c=18">Cultural and Traditional <span style="color:var(--soft);font-weight:500">(1,533)</span></a> 209 <a role="tab" aria-selected="false" class="cat" href="/media?c=20">Business and Economic <span style="color:var(--soft);font-weight:500">(1,400)</span></a> 210 <a role="tab" aria-selected="false" class="cat" href="/media?c=11">Religion <span style="color:var(--soft);font-weight:500">(1,378)</span></a> 211 <a role="tab" aria-selected="false" class="cat" href="/media?c=29">peace <span style="color:var(--soft);font-weight:500">(1,376)</span></a> 212 <a role="tab" aria-selected="false" class="cat" href="/media?c=25">Celebrities, Fashion and Entertainment <span style="color:var(--soft);font-weight:500">(1,358)</span></a> 213 <a role="tab" aria-selected="false" class="cat" href="/media?c=34">Aung San Suu Kyi <span style="color:var(--soft);font-weight:500">(1,199)</span></a> 214 <a role="tab" aria-selected="false" class="cat" href="/media?c=26">Travel and tourism <span style="color:var(--soft);font-weight:500">(1,147)</span></a> 215 <a role="tab" aria-selected="false" class="cat" href="/media?c=30">Sports <span style="color:var(--soft);font-weight:500">(1,052)</span></a> 216 <a role="tab" aria-selected="false" class="cat" href="/media?c=23">Social work <span style="color:var(--soft);font-weight:500">(979)</span></a> 217 <a role="tab" aria-selected="false" class="cat" href="/media?c=24">Thingyan Water Festival <span style="color:var(--soft);font-weight:500">(967)</span></a> 218 <a role="tab" aria-selected="false" class="cat" href="/media?c=27">Art - Artists <span style="color:var(--soft);font-weight:500">(930)</span></a> 219 <a role="tab" aria-selected="false" class="cat" href="/media?c=21">Media <span style="color:var(--soft);font-weight:500">(927)</span></a> 220 <a role="tab" aria-selected="false" class="cat" href="/media?c=22">Environment Issues <span style="color:var(--soft);font-weight:500">(910)</span></a> 221 <a role="tab" aria-selected="false" class="cat" href="/media?c=13">Police <span style="color:var(--soft);font-weight:500">(859)</span></a> 222 <a role="tab" aria-selected="false" class="cat" href="/media?c=32">Education <span style="color:var(--soft);font-weight:500">(745)</span></a> 223 <a role="tab" aria-selected="false" class="cat" href="/media?c=37">Children <span style="color:var(--soft);font-weight:500">(647)</span></a> 224 <a role="tab" aria-selected="false" class="cat" href="/media?c=19">Transport <span style="color:var(--soft);font-weight:500">(558)</span></a> 225 <a role="tab" aria-selected="false" class="cat" href="/media?c=31">Heritage architecture <span style="color:var(--soft);font-weight:500">(530)</span></a> 226 <a role="tab" aria-selected="false" class="cat" href="/media?c=14">Health-medical <span style="color:var(--soft);font-weight:500">(424)</span></a> 227 <a role="tab" aria-selected="false" class="cat" href="/media?c=35">Refugees - IDP"s <span style="color:var(--soft);font-weight:500">(414)</span></a> 228 <a role="tab" aria-selected="false" class="cat" href="/media?c=15">worker <span style="color:var(--soft);font-weight:500">(403)</span></a> 229 <a role="tab" aria-selected="false" class="cat" href="/media?c=36">Disaster <span style="color:var(--soft);font-weight:500">(369)</span></a> 230 <a role="tab" aria-selected="false" class="cat" href="/media?c=28">Election <span style="color:var(--soft);font-weight:500">(312)</span></a> 231 <a role="tab" aria-selected="false" class="cat" href="/media?c=38">legal <span style="color:var(--soft);font-weight:500">(289)</span></a> 232 <a role="tab" aria-selected="false" class="cat" href="/media?c=33">Industrial <span style="color:var(--soft);font-weight:500">(214)</span></a> 233 <a role="tab" aria-selected="false" class="cat" href="/media?c=10">
233technology and infrastructure <span style="color:var(--soft);font-weight:500">(165)</span></a> 234 <a role="tab" aria-selected="false" class="cat" href="/media?c=42">Handcraft and cottage industries <span style="color:var(--soft);font-weight:500">(128)</span></a> 235 <a role="tab" aria-selected="false" class="cat" href="/media?c=41">Drugs <span style="color:var(--soft);font-weight:500">(83)</span></a> 236 <a role="tab" aria-selected="false" class="cat" href="/media?c=40">fishing industry <span style="color:var(--soft);font-weight:500">(61)</span></a> 237 <a role="tab" aria-selected="false" class="cat" href="/media?c=39">Shipping <span style="color:var(--soft);font-weight:500">(22)</span></a> 238 <a role="tab" aria-selected="false" class="cat" href="/media?c=46">New uploads <span style="color:var(--soft);font-weight:500">(3)</span></a> 239 </div> 240 <div class="cat-r"> 241 <span class="count" id="count" aria-live="polite">36,241 results</span> 242 <select class="sel" id="sort" aria-label="Sort pictures" onchange="reload()"> 243 <option value="newest" selected>Newest</option><option value="popular">Most viewed</option><option value="featured">Featured</option><option value="plow">Price â</option><option value="phigh">Price â</option><option value="title">Title AâZ</option> 244 </select> 245 </div> 246</div></div> 247 248<main><div class="wrap"> 249 <div class="gsec"> 250 <h2 class="gtitle">Browse by gallery</h2> 251 <p class="gsub">Pictures organised into 34 galleries â <a href="/media?view=galleries" style="color:var(--acc);font-weight:600">see all galleries â</a></p> 252 <div class="ggrid"> 253 <a class="gcard" href="/media?c=17" aria-label="Political"> 254 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=36234&size=m" alt="Political" width="600" height="450"> 255 <div class="gov"></div> 256 <div class="gmeta"><div class="gn">Political</div><div class="gc">4,423 pictures</div></div> 257 </a> 258 <a class="gcard" href="/media?c=16" aria-label="News"> 259 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=35759&size=m" alt="News" width="600" height="450"> 260 <div class="gov"></div> 261 <div class="gmeta"><div class="gn">News</div><div class="gc">3,981 pictures</div></div> 262 </a> 263 <a class="gcard" href="/media?c=12" aria-label="People"> 264 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=36185&size=m" alt="People" width="600" height="450"> 265 <div class="gov"></div> 266 <div class="gmeta"><div class="gn">People</div><div class="gc">3,699 pictures</div></div> 267 </a> 268 <a class="gcard" href="/media?c=18" aria-label="Cultural and Traditional"> 269 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=35933&size=m" alt="Cultural and Traditional" width="600" height="450"> 270 <div class="gov"></div> 271 <div class="gmeta"><div class="gn">Cultural and Traditional</div><div class="gc">1,533 pictures</div></div> 272 </a> 273 <a class="gcard" href="/media?c=20" aria-label="Business and Economic"> 274 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=35956&size=m" alt="Business and Economic" width="600" height="450"> 275 <div class="gov"></div> 276 <div class="gmeta"><div class="gn">Business and Economic</div><div class="gc">1,400 pictures</div></div> 277 </a> 278 <a class="gcard" href="/media?c=11" aria-label="Religion"> 279 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=36239&size=m" alt="Religion" width="600" height="450"> 280 <div class="gov"></div> 281 <div class="gmeta"><div class="gn">Religion</div><div class="gc">1,378 pictures</div></div> 282 </a> 283 <a class="gcard" href="/media?c=29" aria-label="peace"> 284 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=34212&size=m" alt="peace" width="600" height="450"> 285 <div class="gov"></div> 286 <div class="gmeta"><div class="gn">peace</div><div class="gc">1,376 pictures</div></div> 287 </a> 288 <a class="gcard" href="/media?c=25" aria-label="Celebrities, Fashion and Entertainment"> 289 <img loading="lazy" src="/plugins/focus_store/pages/thumb.php?ref=35985&size=m" alt="Celebrities, Fashion and Entertainment" width="600" height="450"> 290 <div class="gov"></div> 291 <div class="gmeta"><div class="gn">Celebrities, Fashion and Entertainment</div><div class="gc">1,358 pictures</div></div> 292 </a> 293 </div> 294 </div> 295 <h3 class="sec" style="margin:38px 0 14px">Latest pictures</h3> 296 <div class="grid" id="grid"></div> 297 <div class="sentinel" id="sentinel" hidden>Loading moreâ¦</div> 298</div></main> 299 300<div class="scrim2" id="scrim2" onclick="closeCart()"></div> 301<aside class="drawer" id="drawer" aria-label="Shopping cart"><h3>Your cart <button class="rm" style="font-size:24px;border:none;background:none;cursor:pointer" aria-label="Close cart" onclick="closeCart()">Ã</button></h3> 302 <div class="items" id="cartitems"></div> 303 <div class="foot"><div class="tot"><span>Total</span><span id="total">$0</span></div> 304 <p class="dlicense" style="margin:0 0 10px"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" style="flex-shrink:0;margin-top:1px"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg><span>This content is intended for editorial use only. For other uses, additional clearances may be required.</span></p> <button class="btn btn-acc" style="width:100%" onclick="checkout()">Checkout & download</button></div></aside> 305 306<div class="lb" id="lb"><button class="lbx" aria-label="Close" onclick="closeLb()">Ã</button> 307 <div class="lbimg"><img id="lbi" alt=""><video id="lbv" controls playsinline preload="metadata" style="display:none"></video></div> 308 <div class="lbpanel"><span class="k" id="lk"></span><h2 id="lt"></h2><div class="cr" id="lcr"></div><div class="cap2" id="lc"></div> 309 <a class="btn btn-o" id="lview" style="width:100%;margin-bottom:8px">View full details</a> 310 <button class="btn btn-acc" id="lbuy" style="width:100%;padding:13px">Add to cart</button> 311 <div class="lbmeta" id="lm"></div></div></div> 312 313<div class="modal" id="modal"><div class="mb"><div class="ok">â</div><h2 class="serif" style="text-align:center;margin:0 0 6px;font-size:24px">Purchase complete</h2> 314 <p style="color:var(--mut);text-align:center;margin:0 0 6px">Your pictures are licensed & ready. Download below â a receipt has been emailed.</p> 315 <div id="dls"></div> 316 <div style="text-align:center;margin-top:16px"><button class="btn btn-o" onclick="closeModal()">Done</button></div> 317 <p style="text-align:center;font-size:11px;color:var(--soft);margin-top:12px">Demo checkout â connect Stripe for live card payments.</p></div></div> 318 319<footer><div class="wrap"><div class="fc"> 320 <div style="max-width:320px"><div class="brand" style="color:#fff;font-size:18px;margin-bottom:10px">
320Focus DAM<span class="px" style="color:#777;border-color:#2a2a2e">Pictures</span></div><p style="color:#8a8a90">Rights-ready pictures, licensed and delivered live from your own Focus DAM library.</p></div> 321 <div><b style="color:#fff;display:block;margin-bottom:8px">Pictures</b><a href="/media" style="display:block;padding:3px 0">Browse all</a><a href="/login.php" style="display:block;padding:3px 0">Sign in</a></div> 322 <div><b style="color:#fff;display:block;margin-bottom:8px">Platform</b><a href="https://www.focusmyanmar.net/" style="display:block;padding:3px 0">Focus DAM system</a><a href="https://www.focusmyanmar.net/#pricing" style="display:block;padding:3px 0">Licensing</a></div> 323 <div><b style="color:#fff;display:block;margin-bottom:8px">Contact</b><a href="/cdn-cgi/l/email-protection#771a05141f16191a0e160e37101a161e1b5914181a" style="display:block;padding:3px 0">Sales & support</a></div> 324</div><div class="copy"><span>© 2026 Focus DAM Pictures</span><span>Live catalogue · 36,241 assets</span></div></div></footer>
vendor: 110 bytes, lines 324-326
324 325 326<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
326<script> 327const TYPES={1:"Photo",2:"Document",3:"Video",4:"Audio"}; 328const LICS=[{n:"Web & Social",d:"1080px · digital use",a:0},{n:"Print",d:"High-res · publications",a:15},{n:"Extended",d:"Unlimited commercial",a:40}]; 329let cart=JSON.parse(localStorage.getItem("fd_cart")||"[]"); 330let engine=(new URLSearchParams(location.search).get("engine"))||"smart"; 331const $=s=>document.querySelector(s),money=n=>"$"+Math.round(n); 332const esc=s=>String(s).replace(/[&<>"']/g,c=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[c])); 333const ITEMS={}; // id -> item (cache for cart/lightbox) 334function remember(arr){arr.forEach(m=>ITEMS[m.id]=m)} 335 336/* ---- cart ---- */ 337function save(){localStorage.setItem("fd_cart",JSON.stringify(cart));$("#cc").textContent=cart.length} 338function add(id){if(!cart.includes(id)){cart.push(id);save()}openCart()} 339function rmv(id){cart=cart.filter(x=>x!==id);save();renderCart()} 340function cartItems(){return cart.map(id=>ITEMS[id]).filter(Boolean)} 341function tot(){return cartItems().reduce((s,m)=>s+(+m.price),0)} 342function renderCart(){const it=cartItems(); 343 $("#cartitems").innerHTML=it.length?it.map(m=>`<div class="ci"><img src="${m.thumb}" alt=""><div><div style="font-weight:600;font-size:13px">${esc(m.title)}</div><div style="color:var(--mut);font-size:12px">${money(m.price)}</div></div><button class="rm" aria-label="Remove" onclick="rmv(${m.id})">Ã</button></div>`).join(""):'<p class="empty">Your cart is empty.</p>'; 344 $("#total").textContent=money(tot())} 345function openCart(){renderCart();$("#drawer").classList.add("on");$("#scrim2").classList.add("on")} 346function closeCart(){$("#drawer").classList.remove("on");$("#scrim2").classList.remove("on")} 347function checkout(){if(!cart.length)return;closeCart(); 348 $("#dls").innerHTML=cartItems().map(m=>`<div class="dlrow"><img src="${m.thumb}" alt=""><div><div style="font-weight:600;font-size:13px">${esc(m.title)}</div><div style="color:var(--mut);font-size:12px">${money(m.price)}</div></div><a class="btn btn-acc" href="/plugins/focus_store/pages/download.php?ref=${m.id}&t=${m.dt}">Download</a></div>`).join(""); 349 $("#modal").classList.add("on")} 350function closeModal(){$("#modal").classList.remove("on");cart=[];save();renderCart()} 351 352/* ---- quick-view lightbox ---- */ 353function openLb(id){const m=ITEMS[id];if(!m)return; 354 const img=$("#lbi"),vid=$("#lbv"); 355 if(m.type===3){ // video: play the watermarked preview in the lightbox 356 img.style.display="none"; 357 vid.poster=m.thumb; vid.src="/plugins/focus_store/pages/video.php?ref="+m.id; vid.style.display=""; 358 try{vid.load();}catch(e){} 359 }else{ 360 try{vid.pause();}catch(e){} vid.removeAttribute("src"); vid.style.display="none"; 361 img.src=m.thumb; img.alt=m.title; img.style.display=""; 362 } 363 $("#lk").textContent=TYPES[m.type]||"Picture";$("#lt").textContent=m.title; 364 $("#lcr").textContent="© "+(m.credit||"The Irrawaddy");$("#lc").textContent=m.caption||""; 365 $("#lview").href="/media?ref="+m.id; 366 $("#lbuy").textContent="Add to cart â "+money(m.price);$("#lbuy").onclick=()=>{add(m.id);closeLb()}; 367 $("#lm").innerHTML=`<span>Asset #${m.id}</span><span>${TYPES[m.type]}</span>`; 368 $("#lb").classList.add("on")} 369function closeLb(){const v=$("#lbv");if(v){try{v.pause();}catch(e){}v.removeAttribute("src");}$("#lb").classList.remove("on")} 370 371/* ---- infinite grid (home/browse only) ---- */ 372const GRID=$("#grid"); 373let page=0,pages=1,loading=false; 374function params(extra){const u=new URLSearchParams();u.set("api","items"); 375 const sp=new URLSearchParams(location.search); 376 if(sp.get("c"))u.set("c",sp.get("c")); 377 if(sp.get("rt"))u.set("rt",sp.get("rt")); 378 if(sp.get("q"))u.set("q",sp.get("q")); 379 const sortEl=$("#sort");if(sortEl)u.set("sort",sortEl.value); 380 if(sp.get("q"))u.set("engine",engine); 381 Object.entries(extra||{}).forEach(([k,v])=>u.set(k,v));return u} 382function setEngine(e){engine=e;document.querySelectorAll(".eng").forEach(b=>b.classList.toggle("on",b.dataset.eng===e));reload()} 383function fmtDur(s){s=Math.round(s);const h=Math.floor(s/3600),m=Math.floor((s%3600)/60),x=s%60,p=n=>String(n).padStart(2,'0');return h?h+':'+p(m)+':'+p(x):m+':'+p(x);} 384function cardHTML(m,i){return `<div class="card${m.featured?' big':''}" role="button" tabindex="0" aria-label="View ${esc(m.title)}" onclick="openLb(${m.id})" onkeydown="if(event.key==='Enter'||event.key===' '){event.preventDefault();openLb(${m.id})}"> 385 <img loading="${i<8?'eager':'lazy'}" src="${m.thumb}" alt="${esc(m.title)}" width="600" height="400"> 386 <div class="flag">${m.featured?'<span class="pill f">â Featured</span>':''}${m.type!==1?`<span class="pill t">${TYPES[m.type]}</span>`:''}</div> 387 ${m.type===3?`<span class="play" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span><span class="vbadge"><svg width="9" height="9" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg>${m.dur?fmtDur(m.dur):'VIDEO'}</span>`:''} 388 <div class="shade"></div> 389 <div class="cap"><div class="t">${esc(m.title)}</div><div class="cr">© ${esc(m.credit)}</div> 390 <div class="bot"><span class="pr">${money(m.price)}</span><button type="button" class="add" onclick="event.stopPropagation();add(${m.id})">Add</button></div></div> 391</div>`} 392async function loadPage(reset){if(loading)return;loading=true; 393 const sentinel=$("#sentinel"); 394 if(reset){page=0;GRID.innerHTML="";} 395 try{ 396 const r=await fetch("/media?"+params({p:page}).toString(),{headers:{"X-Requested-With":"fetch"}}); 397 const d=await r.json();pages=d.pages||1;remember(d.items); 398 const start=GRID.children.length; 399 const html=d.items.map((m,i)=>cardHTML(m,start+i)).join(""); 400 GRID.insertAdjacentHTML("beforeend",html|| (page===0?'<p class="empty">No pictures match your search.</p>':''));
401 $("#count").textContent=d.total.toLocaleString()+" result"+(d.total===1?"":"s"); 402 page++; 403 if(sentinel)sentinel.hidden=(page>=pages); 404 }catch(e){if(sentinel)sentinel.textContent="Could not load more.";} 405 loading=false} 406function reload(){loadPage(true)} 407if(GRID){ 408 document.querySelectorAll(".eng").forEach(b=>b.classList.toggle("on",b.dataset.eng===engine)); 409 loadPage(true); 410 const sentinel=$("#sentinel"); 411 if(sentinel&&"IntersectionObserver"in window){ 412 new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting&&page<pages)loadPage(false)})},{rootMargin:"600px"}).observe(sentinel); 413 } 414} 415 416/* ---- detail page wiring ---- */ 417if(window.__DETAIL__){const m=window.__DETAIL__;m.caption="";ITEMS[m.id]=m; 418 let pick=0; 419 const box=$("#dlics"); 420 if(box){box.innerHTML=LICS.map((L,i)=>`<button type="button" class="lic${i===0?' on':''}" data-i="${i}"><div><b>${L.n}</b><div style="color:var(--mut);font-size:12px">${L.d}</div></div><span class="p">${money(m.price+L.a)}</span></button>`).join(""); 421 box.querySelectorAll(".lic").forEach(b=>b.onclick=()=>{pick=+b.dataset.i;box.querySelectorAll(".lic").forEach((el,j)=>el.classList.toggle("on",j===pick));$("#dbuy").textContent="Add to cart â "+money(m.price+LICS[pick].a);$("#dprice").textContent=money(m.price+LICS[pick].a)});} 422 const buy=$("#dbuy");if(buy){buy.textContent="Add to cart â "+money(m.price);buy.onclick=()=>add(m.id)} 423} 424 425/* ---- search autocomplete (suggestions) ---- */ 426function attachAC(input){ 427 if(!input)return; 428 const form=input.form; if(!form)return; 429 const box=document.createElement('div'); box.className='acbox'; document.body.appendChild(box); // body-level so form overflow:hidden can't clip it 430 let items=[], sel=-1, t; 431 const place=()=>{const r=input.getBoundingClientRect();box.style.left=r.left+'px';box.style.top=(r.bottom+5)+'px';box.style.width=r.width+'px';}; 432 const close=()=>{box.classList.remove('on');sel=-1}; 433 const choose=(k)=>{input.value=k;close();form.submit();}; 434 const render=()=>{ 435 box.innerHTML=items.map((k,i)=>`<div class="acitem${i===sel?' sel':''}" data-k="${esc(k)}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4-4"/></svg>${esc(k)}</div>`).join(''); 436 if(items.length){place();box.classList.add('on');}else{close();} 437 box.querySelectorAll('.acitem').forEach(el=>el.onmousedown=e=>{e.preventDefault();choose(el.dataset.k);}); 438 }; 439 input.setAttribute('autocomplete','off'); 440 input.addEventListener('input',()=>{clearTimeout(t);const q=input.value.trim();if(q.length<2){items=[];close();return} 441 t=setTimeout(async()=>{try{const r=await fetch('/media?api=suggest&q='+encodeURIComponent(q));items=await r.json();sel=-1;render()}catch(e){}},130)}); 442 input.addEventListener('keydown',e=>{if(!box.classList.contains('on'))return; 443 if(e.key==='ArrowDown'){e.preventDefault();sel=Math.min(sel+1,items.length-1);render()} 444 else if(e.key==='ArrowUp'){e.preventDefault();sel=Math.max(sel-1,-1);render()} 445 else if(e.key==='Enter'&&sel>=0){e.preventDefault();choose(items[sel])} 446 else if(e.key==='Escape'){close()}}); 447 input.addEventListener('blur',()=>setTimeout(close,160)); 448 window.addEventListener('scroll',()=>{if(box.classList.contains('on'))place()},true); 449 window.addEventListener('resize',()=>{if(box.classList.contains('on'))place()}); 450} 451document.querySelectorAll('input[type=search][name=q]').forEach(attachAC); 452 453document.addEventListener("keydown",e=>{if(e.key==="Escape"){closeLb();closeCart()}}); 454save(); 455</script>
455 456</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.