PageSourceSearch

https://www.focusmyanmar.net/media

html focusmyanmar.net collected 2026-10-03 02:53:51 UTC 41,563 bytes, 456 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&quot;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 &amp; 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 &amp; 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 &amp; 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=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}[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.