09 — MEDIA CENTRE CODE
VERIFIED CURRENT MASTER ✓WHAT THIS CONTROLS
Live location: Media Centre Page → Unyson RAW Code
Captured: 22 September 2026
Master size: 1,024 lines / 49,966 bytes
Contains: Press & Media Centre hero, press-pack resources, SHS logos and brand assets, approved press photography, photo/lightbox tools, press documents, media library, usage guidelines, press contact and responsive behaviour.
DEPENDENCIES / DO NOT CHANGE BLINDLY
Navigation: MEDIA CENTRE sits beneath MORE. MORE and its desktop/mobile behaviour are controlled by HEADER-NAV V01 and documented under 07.
Historical URL warning: older navigation logic hard-coded the Media Centre destination as /press-media/. Confirm the live slug before changing navigation links.
Asset dependency: logos, brand assets, photography and documents referenced here depend on their WordPress Media Library URLs. Deleting, renaming or replacing those assets can break this page without changing its RAW Code.
Interactive dependency: the photo selection/lightbox behaviour and responsive rules are part of this master. Check the full source before altering media cards, IDs, buttons or JavaScript.
413 history: embedding this 49,966-byte master in the old single-page Vault pushed the total WordPress page-builder payload beyond the hosting request limit. This separate sub-page architecture was created to prevent that problem.
Rollback rule: never overwrite this verified master. Future alterations become MEDIA-CENTRE-RAW V02, V03, etc.
VIEW / COPY COMPLETE VERIFIED MASTER CODE
<div id="shs-press-centre">
<style>
#shs-press-centre {
--shs-orange: #f37021;
--shs-dark: #222222;
--shs-line: #dddddd;
font-family: Arial, Helvetica, sans-serif;
color: #222;
max-width: 1120px;
margin: 0 auto;
padding: 0 20px 50px;
box-sizing: border-box;
}
#shs-press-centre * { box-sizing: border-box; }
#shs-press-centre a { text-decoration: none; }
#shs-press-centre .shs-hero {
background: rgba(255,255,255,.94);
border-top: 6px solid var(--shs-orange);
border-radius: 6px;
padding: 58px 55px 52px;
margin-bottom: 28px;
}
#shs-press-centre .shs-eyebrow,
#shs-press-centre .shs-section-kicker {
color: var(--shs-orange);
font-weight: 700;
letter-spacing: 2px;
font-size: 13px;
margin-bottom: 12px;
}
#shs-press-centre h1 {
margin: 0 0 18px;
font-size: 68px;
line-height: .96;
letter-spacing: -3px;
font-weight: 800;
}
#shs-press-centre .shs-hero p {
max-width: 760px;
font-size: 19px;
line-height: 1.55;
margin: 0 0 27px;
}
#shs-press-centre .shs-buttons { display:flex; flex-wrap:wrap; gap:10px; }
#shs-press-centre .shs-btn {
display:inline-block;
background:var(--shs-orange);
color:#fff !important;
padding:14px 20px;
border-radius:6px;
font-size:13px;
font-weight:700;
letter-spacing:.7px;
}
#shs-press-centre .shs-btn-dark { background:var(--shs-dark); }
#shs-press-centre .shs-pack {
display:grid;
grid-template-columns:1fr auto;
gap:25px;
align-items:center;
background:var(--shs-dark);
color:#fff;
padding:30px 34px;
border-left:8px solid var(--shs-orange);
border-radius:6px;
margin-bottom:45px;
}
#shs-press-centre .shs-pack h2 { margin:0 0 6px; color:#fff; font-size:25px; }
#shs-press-centre .shs-pack p { margin:0; line-height:1.5; color:#eee; }
#shs-press-centre .shs-section {
background:rgba(255,255,255,.94);
border-radius:6px;
padding:42px;
margin-bottom:28px;
}
#shs-press-centre .shs-section h2 {
font-size:34px;
margin:0 0 12px;
line-height:1.05;
}
#shs-press-centre .shs-section-intro {
margin:0 0 28px;
max-width:800px;
line-height:1.6;
font-size:16px;
}
#shs-press-centre .shs-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
#shs-press-centre .shs-card {
border:1px solid var(--shs-line);
border-radius:6px;
overflow:hidden;
background:#fff;
}
#shs-press-centre .shs-card-visual {
height:220px;
background:#f7f7f7;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
border-bottom:1px solid var(--shs-line);
}
#shs-press-centre .shs-card-visual img {
display:block;
max-width:100%;
max-height:160px;
width:auto;
height:auto;
object-fit:contain;
border-radius:0 !important;
}
#shs-press-centre .shs-card-body { padding:24px; }
#shs-press-centre .shs-card-body h3 { margin:0 0 8px; font-size:22px; }
#shs-press-centre .shs-meta {
color:#777;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:13px;
}
#shs-press-centre .shs-card-body p { margin:0 0 18px; line-height:1.5; }
#shs-press-centre .shs-download {
display:inline-block;
color:var(--shs-orange) !important;
font-size:13px;
font-weight:700;
letter-spacing:.5px;
}
#shs-press-centre .shs-partner-note {
margin-top:20px;
padding:17px 20px;
background:#f5f5f5;
border-radius:6px;
font-size:14px;
line-height:1.5;
}
#shs-press-centre .shs-placeholder {
height:180px;
background:#f3f3f3;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-weight:700;
color:#888;
letter-spacing:1px;
padding:20px;
}
#shs-press-centre .shs-resource-link {
display:block;
padding:21px 22px;
color:#222 !important;
font-weight:700;
border-top:1px solid var(--shs-line);
}
#shs-press-centre .shs-resource-link span { color:var(--shs-orange); float:right; }
#shs-press-centre .shs-guidelines {
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
}
#shs-press-centre .shs-guidelines h3 { margin-top:0; font-size:20px; }
#shs-press-centre .shs-guidelines p { line-height:1.6; margin-bottom:0; }
#shs-press-centre .shs-contact { background:var(--shs-orange); color:#fff; }
#shs-press-centre .shs-contact .shs-section-kicker { color:#fff; opacity:.85; }
#shs-press-centre .shs-contact h2,
#shs-press-centre .shs-contact p { color:#fff; }
#shs-press-centre .shs-contact .shs-btn { background:#fff; color:#222 !important; }
#shs-press-centre .shs-footer-note {
text-align:center;
font-size:11px;
font-weight:700;
letter-spacing:1.5px;
color:#777;
padding:10px;
}
#shs-press-centre .shs-photo-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
#shs-press-centre .shs-photo-card {
border:1px solid var(--shs-line);
border-radius:6px;
overflow:hidden;
background:#fff;
}
#shs-press-centre .shs-photo-image {
height:190px;
background:#f2f2f2;
overflow:hidden;
}
#shs-press-centre .shs-photo-image img {
width:100%;
height:100%;
object-fit:cover;
display:block;
border-radius:0 !important;
}
#shs-press-centre .shs-photo-info {
padding:15px 16px 17px;
}
#shs-press-centre .shs-photo-info strong {
display:block;
font-size:14px;
margin-bottom:5px;
}
#shs-press-centre .shs-photo-info span {
display:block;
color:#777;
font-size:11px;
font-weight:700;
letter-spacing:.8px;
margin-bottom:10px;
}
#shs-press-centre .shs-photo-info a {
color:var(--shs-orange) !important;
font-size:12px;
font-weight:700;
letter-spacing:.4px;
}
#shs-press-centre .shs-photo-image {
position:relative;
cursor:zoom-in;
}
#shs-press-centre .shs-photo-select {
position:absolute;
top:10px;
right:10px;
z-index:3;
width:32px;
height:32px;
padding:0;
border:2px solid #f37021;
border-radius:5px;
background:#fff;
color:transparent;
font-size:19px;
font-weight:800;
line-height:26px;
cursor:pointer;
box-shadow:0 1px 5px rgba(0,0,0,.15);
}
#shs-press-centre .shs-photo-select.is-selected {
background:#f37021;
color:#fff;
}
#shs-press-centre .shs-photo-zoom {
position:absolute;
left:10px;
bottom:10px;
background:rgba(0,0,0,.72);
color:#fff;
padding:7px 10px;
border-radius:5px;
font-size:10px;
font-weight:700;
letter-spacing:.8px;
opacity:0;
transition:opacity .2s ease;
pointer-events:none;
}
#shs-press-centre .shs-photo-image:hover .shs-photo-zoom { opacity:1; }
#shs-photo-selection-bar {
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
margin:0 0 18px;
padding:15px 17px;
background:#f5f5f5;
border-left:5px solid #f37021;
border-radius:6px;
}
#shs-photo-selection-bar strong {
font-size:13px;
letter-spacing:.7px;
}
#shs-photo-selection-bar span {
font-size:12px;
color:#666;
}
#shs-clear-selection {
border:0;
border-radius:5px;
padding:10px 13px;
background:#222;
color:#fff;
font-size:11px;
font-weight:700;
cursor:pointer;
white-space:nowrap;
}
#shs-photo-lightbox {
position:fixed;
z-index:999999;
inset:0;
display:none;
align-items:center;
justify-content:center;
padding:80px 24px 30px;
background:rgba(255,255,255,.94);
}
#shs-photo-lightbox.is-open { display:flex; }
#shs-photo-lightbox-frame {
position:relative;
display:flex;
align-items:center;
justify-content:center;
max-width:94vw;
max-height:84vh;
padding:12px;
background:#fff;
border:2px solid #f37021;
border-radius:6px;
box-shadow:0 10px 35px rgba(0,0,0,.18);
}
#shs-photo-lightbox img {
display:block;
max-width:90vw;
max-height:78vh;
width:auto;
height:auto;
object-fit:contain;
border:6px solid #fff;
border-radius:4px !important;
}
#shs-photo-lightbox-close {
position:absolute;
z-index:5;
top:-18px;
right:-18px;
width:38px;
height:38px;
border:2px solid #fff;
border-radius:50%;
background:#f37021;
color:#fff;
font-size:25px;
line-height:31px;
cursor:pointer;
box-shadow:0 2px 8px rgba(0,0,0,.22);
}
#shs-photo-lightbox-download {
position:absolute;
z-index:5;
left:50%;
bottom:-48px;
transform:translateX(-50%);
background:#f37021;
color:#fff !important;
padding:11px 17px;
border-radius:6px;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
white-space:nowrap;
}
#shs-press-centre .shs-document-card {
display:grid;
grid-template-columns:150px 1fr;
gap:26px;
align-items:stretch;
border:1px solid var(--shs-line);
border-radius:6px;
overflow:hidden;
background:#fff;
}
#shs-press-centre .shs-document-icon {
min-height:210px;
background:#222;
color:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
border-top:6px solid #f37021;
}
#shs-press-centre .shs-document-icon strong {
font-size:34px;
line-height:1;
margin-bottom:10px;
}
#shs-press-centre .shs-document-icon span {
color:#f37021;
font-size:11px;
font-weight:700;
letter-spacing:1.2px;
}
#shs-press-centre .shs-document-content {
padding:28px 28px 26px 0;
}
#shs-press-centre .shs-document-content h3 {
margin:0 0 8px;
font-size:24px;
line-height:1.15;
}
#shs-press-centre .shs-document-meta {
color:#f37021;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:13px;
}
#shs-press-centre .shs-document-content p {
margin:0 0 20px;
line-height:1.55;
}
#shs-press-centre .shs-document-actions {
display:flex;
flex-wrap:wrap;
gap:9px;
}
#shs-press-centre .shs-document-actions a {
display:inline-block;
padding:11px 15px;
border-radius:6px;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
}
#shs-press-centre .shs-view-pdf {
background:#222;
color:#fff !important;
}
#shs-press-centre .shs-download-pdf {
background:#f37021;
color:#fff !important;
}
@media (max-width:760px) {
#shs-photo-selection-bar { align-items:flex-start; flex-direction:column; }
#shs-photo-lightbox { padding:75px 18px 55px; }
#shs-photo-lightbox-frame { max-width:96vw; max-height:80vh; padding:8px; }
#shs-photo-lightbox img { max-width:91vw; max-height:73vh; }
#shs-photo-lightbox-close { top:-15px; right:-10px; }
}
@media (max-width:760px) {
#shs-press-centre { padding:0 12px 35px; }
#shs-press-centre .shs-hero { padding:38px 25px; }
#shs-press-centre h1 { font-size:43px; letter-spacing:-2px; }
#shs-press-centre .shs-hero p { font-size:17px; }
#shs-press-centre .shs-pack { grid-template-columns:1fr; padding:25px; }
#shs-press-centre .shs-section { padding:28px 22px; }
#shs-press-centre .shs-grid,
#shs-press-centre .shs-guidelines { grid-template-columns:1fr; }
#shs-press-centre .shs-card-visual { height:190px; }
#shs-press-centre .shs-document-card { grid-template-columns:1fr; }
#shs-press-centre .shs-document-icon { min-height:125px; }
#shs-press-centre .shs-document-content { padding:24px; }
#shs-press-centre .shs-photo-grid { grid-template-columns:1fr; }
#shs-press-centre .shs-photo-image { height:220px; }
}
</style>
<div class="shs-hero">
<div class="shs-eyebrow">SUSSEX HOMELESS SUPPORT</div>
<h1>PRESS &<br>MEDIA CENTRE</h1>
<p>Resources for journalists, broadcasters, publishers and media partners. Download approved Sussex Homeless Support logos, photography, press releases and background information.</p>
<div class="shs-buttons">
<a class="shs-btn" href="#media-assets">EXPLORE MEDIA ASSETS</a>
<a class="shs-btn shs-btn-dark" href="#press-contact">PRESS CONTACT</a>
</div>
</div>
<div class="shs-pack">
<div>
<h2>COMPLETE PRESS PACK</h2>
<p>Our complete press pack will bring together key SHS logos, background information, approved photography and press materials in one place.</p>
</div>
<a class="shs-btn" href="#media-assets">VIEW RESOURCES</a>
</div>
<div class="shs-section" id="media-assets">
<div class="shs-section-kicker">MEDIA ASSETS</div>
<h2>LOGOS & BRAND ASSETS</h2>
<p class="shs-section-intro">Download approved Sussex Homeless Support artwork for editorial and press use. Vector SVG files are ideal for professional print and large-format use; PNG artwork is suitable for screen and digital use.</p>
<div class="shs-grid">
<div class="shs-card">
<div class="shs-card-visual">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/SHS-Logo.svg" alt="Sussex Homeless Support logo">
</div>
<div class="shs-card-body">
<h3>SHS MAIN LOGO</h3>
<div class="shs-meta">SVG / VECTOR</div>
<p>Primary Sussex Homeless Support logo for approved editorial and press use.</p>
<a class="shs-download" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/SHS-Logo.svg" download>DOWNLOAD SVG →</a>
</div>
</div>
<div class="shs-card">
<div class="shs-card-visual">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/SHS-Ebay-Shop-Logo.svg" alt="Sussex Homeless Support eBay Shop logo">
</div>
<div class="shs-card-body">
<h3>SHS EBAY SHOP LOGO</h3>
<div class="shs-meta">SVG / VECTOR</div>
<p>Approved artwork for Sussex Homeless Support eBay Shop coverage and related editorial use.</p>
<a class="shs-download" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/SHS-Ebay-Shop-Logo.svg" download>DOWNLOAD SVG →</a>
</div>
</div>
</div>
</div>
<div class="shs-section">
<div class="shs-section-kicker">ASSOCIATED ARTWORK</div>
<h2>PARTNER & ACCREDITATION LOGOS</h2>
<p class="shs-section-intro">These marks relate to organisations associated with Sussex Homeless Support. They are kept separate from SHS brand artwork so they cannot be mistaken for Sussex Homeless Support logos.</p>
<div class="shs-grid">
<div class="shs-card">
<div class="shs-card-visual">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Whatnot-Logo-Lockup-Warm-Black-3-scaled.png" alt="Whatnot logo">
</div>
<div class="shs-card-body">
<h3>WHATNOT</h3>
<div class="shs-meta">PNG / DIGITAL</div>
<p>Associated platform artwork for appropriate editorial reference to Sussex Homeless Support auctions and sales.</p>
<a class="shs-download" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Whatnot-Logo-Lockup-Warm-Black-3-scaled.png" download>DOWNLOAD PNG →</a>
</div>
</div>
<div class="shs-card">
<div class="shs-card-visual">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/brighton-hove-albion-f-c-seeklogo-copy.svg" alt="Brighton and Hove Albion FC logo">
</div>
<div class="shs-card-body">
<h3>BRIGHTON & HOVE ALBION FC</h3>
<div class="shs-meta">SVG / VECTOR</div>
<p>Associated organisation artwork supplied as a vector file.</p>
<a class="shs-download" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/brighton-hove-albion-f-c-seeklogo-copy.svg" download>DOWNLOAD SVG →</a>
</div>
</div>
<div class="shs-card">
<div class="shs-card-visual">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/fundraising-regulator-seeklogo-copy.svg" alt="Fundraising Regulator logo">
</div>
<div class="shs-card-body">
<h3>FUNDRAISING REGULATOR</h3>
<div class="shs-meta">SVG / VECTOR</div>
<p>Accreditation artwork supplied for appropriate editorial reference.</p>
<a class="shs-download" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/fundraising-regulator-seeklogo-copy.svg" download>DOWNLOAD SVG →</a>
</div>
</div>
</div>
<div class="shs-partner-note"><strong>PLEASE NOTE:</strong> Third-party logos remain the property of their respective organisations and should only be used in an appropriate editorial context.</div>
</div>
<div class="shs-section" id="photography">
<div class="shs-section-kicker">PRESS PHOTOGRAPHY</div>
<h2>APPROVED PHOTOGRAPHY</h2>
<p class="shs-section-intro">A selection of Sussex Homeless Support photography for editorial and press use. Click the download link beneath an image to access the original uploaded file. Please retain any photographer credit supplied separately by Sussex Homeless Support.</p>
<div id="shs-photo-selection-bar">
<div><strong id="shs-selected-count">0 PHOTOS SELECTED</strong><br><span>Tick the square on any photographs you want to keep track of.</span></div>
<button type="button" id="shs-clear-selection">CLEAR SELECTION</button>
</div>
<div class="shs-photo-grid">
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Jim-and-Frances.jpeg" role="button" tabindex="0" aria-label="View Jim & Frances larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Jim-and-Frances.jpeg" alt="Jim & Frances" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Jim-and-Frances.jpeg" aria-label="Select Jim & Frances" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>Jim & Frances</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Jim-and-Frances.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/452263926_26442892001968614_20886816741179211_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 02 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/452263926_26442892001968614_20886816741179211_n.jpg" alt="SHS Press Photo 02" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/452263926_26442892001968614_20886816741179211_n.jpg" aria-label="Select SHS Press Photo 02" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 02</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/452263926_26442892001968614_20886816741179211_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/att.ja00VKfnTZb0mInX4A8lfST5zeHQkea1b8fR3mP7LJ4.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 03 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/att.ja00VKfnTZb0mInX4A8lfST5zeHQkea1b8fR3mP7LJ4.jpg" alt="SHS Press Photo 03" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/att.ja00VKfnTZb0mInX4A8lfST5zeHQkea1b8fR3mP7LJ4.jpg" aria-label="Select SHS Press Photo 03" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 03</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/att.ja00VKfnTZb0mInX4A8lfST5zeHQkea1b8fR3mP7LJ4.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 04 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg" alt="SHS Press Photo 04" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg" aria-label="Select SHS Press Photo 04" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 04</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451366813_26356457533945395_6023790587680054158_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451293956_26356457140612101_5346670036951809054_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 05 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451293956_26356457140612101_5346670036951809054_n.jpg" alt="SHS Press Photo 05" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451293956_26356457140612101_5346670036951809054_n.jpg" aria-label="Select SHS Press Photo 05" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 05</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451293956_26356457140612101_5346670036951809054_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451016241_26356456807278801_1319990030760202933_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 06 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451016241_26356456807278801_1319990030760202933_n.jpg" alt="SHS Press Photo 06" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451016241_26356456807278801_1319990030760202933_n.jpg" aria-label="Select SHS Press Photo 06" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 06</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451016241_26356456807278801_1319990030760202933_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-25-at-08.57.45.jpeg" role="button" tabindex="0" aria-label="View SHS Press Photo 07 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-25-at-08.57.45.jpeg" alt="SHS Press Photo 07" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-25-at-08.57.45.jpeg" aria-label="Select SHS Press Photo 07" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 07</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-25-at-08.57.45.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/449484597_26246800924911057_4288291914068999257_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 08 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/449484597_26246800924911057_4288291914068999257_n.jpg" alt="SHS Press Photo 08" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/449484597_26246800924911057_4288291914068999257_n.jpg" aria-label="Select SHS Press Photo 08" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 08</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/449484597_26246800924911057_4288291914068999257_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451434301_26356456443945504_8220961937897557289_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 09 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451434301_26356456443945504_8220961937897557289_n.jpg" alt="SHS Press Photo 09" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451434301_26356456443945504_8220961937897557289_n.jpg" aria-label="Select SHS Press Photo 09" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 09</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451434301_26356456443945504_8220961937897557289_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 10 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg" alt="SHS Press Photo 10" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg" aria-label="Select SHS Press Photo 10" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 10</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/451437642_26356455743945574_6065456325553541944_n.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg" role="button" tabindex="0" aria-label="View SHS Press Photo 11 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg" alt="SHS Press Photo 11" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg" aria-label="Select SHS Press Photo 11" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 11</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.42.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.34-1.jpeg" role="button" tabindex="0" aria-label="View SHS Press Photo 12 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.34-1.jpeg" alt="SHS Press Photo 12" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.34-1.jpeg" aria-label="Select SHS Press Photo 12" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 12</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.34-1.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.28.jpeg" role="button" tabindex="0" aria-label="View SHS Press Photo 13 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.28.jpeg" alt="SHS Press Photo 13" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.28.jpeg" aria-label="Select SHS Press Photo 13" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 13</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.06.28.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg" role="button" tabindex="0" aria-label="View SHS Press Photo 14 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg" alt="SHS Press Photo 14" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg" aria-label="Select SHS Press Photo 14" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 14</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/WhatsApp-Image-2024-07-24-at-18.05.11.jpeg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3247.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 15 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3247.jpg" alt="SHS Press Photo 15" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3247.jpg" aria-label="Select SHS Press Photo 15" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 15</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3247.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3246.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 16 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3246.jpg" alt="SHS Press Photo 16" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3246.jpg" aria-label="Select SHS Press Photo 16" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 16</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3246.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3245.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 17 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3245.jpg" alt="SHS Press Photo 17" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3245.jpg" aria-label="Select SHS Press Photo 17" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 17</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3245.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3236.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 18 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3236.jpg" alt="SHS Press Photo 18" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3236.jpg" aria-label="Select SHS Press Photo 18" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 18</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3236.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3221.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 19 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3221.jpg" alt="SHS Press Photo 19" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3221.jpg" aria-label="Select SHS Press Photo 19" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 19</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/thumbnail_IMG_3221.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/10/Screenshot-2022-10-24-122038.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 20 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/10/Screenshot-2022-10-24-122038.jpg" alt="SHS Press Photo 20" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/10/Screenshot-2022-10-24-122038.jpg" aria-label="Select SHS Press Photo 20" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 20</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/10/Screenshot-2022-10-24-122038.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/02/streetkitchen2022.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 21 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/02/streetkitchen2022.jpg" alt="SHS Press Photo 21" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/02/streetkitchen2022.jpg" aria-label="Select SHS Press Photo 21" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 21</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2022/02/streetkitchen2022.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<div class="shs-photo-card">
<div class="shs-photo-image" data-full="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2021/12/street-kitchen.jpg" role="button" tabindex="0" aria-label="View SHS Press Photo 22 larger">
<img src="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2021/12/street-kitchen.jpg" alt="SHS Press Photo 22" loading="lazy">
<button type="button" class="shs-photo-select" data-url="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2021/12/street-kitchen.jpg" aria-label="Select SHS Press Photo 22" title="Select photograph">✓</button>
<div class="shs-photo-zoom">VIEW LARGER</div>
</div>
<div class="shs-photo-info">
<strong>SHS Press Photo 22</strong>
<span>APPROVED PRESS PHOTOGRAPHY</span>
<a href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2021/12/street-kitchen.jpg" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
</div>
</div>
<div class="shs-section" id="press-documents">
<div class="shs-section-kicker">PRESS MATERIAL</div>
<h2>PRESS RELEASES & DOCUMENTS</h2>
<p class="shs-section-intro">Download current Sussex Homeless Support proposals, press materials and supporting documents. Additional press releases and media statements can be added here as they become available.</p>
<div class="shs-document-card">
<div class="shs-document-icon">
<strong>PDF</strong>
<span>16 PAGES</span>
</div>
<div class="shs-document-content">
<h3>CORPORATE STOCK & WINTER PARTNERSHIP PROPOSAL</h3>
<div class="shs-document-meta">CORPORATE PARTNERSHIP / WINTER 2026</div>
<p>A proposal for retailers, brands, wholesalers and manufacturers to support Sussex Homeless Support through surplus stock, discounted stock and winter sponsorship.</p>
<div class="shs-document-actions">
<a class="shs-view-pdf" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Corporate-Funding-V7-1.pdf" target="_blank" rel="noopener">VIEW PDF →</a>
<a class="shs-download-pdf" href="https://www.sussexhomelesssupport.co.uk/wp-content/uploads/2026/09/Corporate-Funding-V7-1.pdf" download>DOWNLOAD PDF →</a>
</div>
</div>
</div>
</div>
<div class="shs-section">
<div class="shs-section-kicker">MORE PRESS RESOURCES</div>
<h2>MEDIA LIBRARY</h2>
<p class="shs-section-intro">We are building a simple library of approved material so journalists can quickly find what they need.</p>
<div class="shs-grid">
<div class="shs-card">
<div class="shs-placeholder">APPROVED<br>PHOTOGRAPHY</div>
<a class="shs-resource-link" href="#photography">PHOTOGRAPHY <span>VIEW LIBRARY →</span></a>
</div>
<div class="shs-card">
<div class="shs-placeholder">PRESS RELEASES<br>& DOCUMENTS</div>
<a class="shs-resource-link" href="#press-documents">PRESS MATERIAL <span>VIEW DOCUMENTS →</span></a>
</div>
<div class="shs-card">
<div class="shs-placeholder">SHS<br>FACT SHEET</div>
<div class="shs-resource-link">ABOUT SHS <span>COMING SOON →</span></div>
</div>
<div class="shs-card">
<div class="shs-placeholder">COMPLETE<br>PRESS PACK</div>
<div class="shs-resource-link">PRESS PACK <span>COMING SOON →</span></div>
</div>
</div>
</div>
<div class="shs-section">
<div class="shs-section-kicker">USING OUR MATERIAL</div>
<h2>MEDIA GUIDELINES</h2>
<div class="shs-guidelines">
<div>
<h3>Editorial use</h3>
<p>Press resources are provided for legitimate editorial, journalistic and media use relating to Sussex Homeless Support and its work.</p>
</div>
<div>
<h3>Keep artwork intact</h3>
<p>Please use supplied logos as provided. Do not alter colours, proportions or artwork. Please retain photographer credits where supplied with photography.</p>
</div>
</div>
</div>
<div class="shs-section shs-contact" id="press-contact">
<div class="shs-section-kicker">PRESS CONTACT</div>
<h2>NEED SOMETHING ELSE?</h2>
<p class="shs-section-intro">If you need a different file format, further information, an interview, comment or additional photography, please contact Sussex Homeless Support.</p>
<a class="shs-btn" href="/contact/">CONTACT SUSSEX HOMELESS SUPPORT</a>
</div>
<div class="shs-footer-note">SUSSEX HOMELESS SUPPORT / PRESS & MEDIA CENTRE</div>
<div id="shs-photo-lightbox" aria-hidden="true">
<div id="shs-photo-lightbox-frame">
<button type="button" id="shs-photo-lightbox-close" aria-label="Close large image">×</button>
<img id="shs-photo-lightbox-image" src="" alt="">
<a id="shs-photo-lightbox-download" href="" download>DOWNLOAD HIGH RES →</a>
</div>
</div>
<script>
(function () {
var root = document.getElementById('shs-press-centre');
if (!root) return;
var lightbox = document.getElementById('shs-photo-lightbox');
var lightboxImage = document.getElementById('shs-photo-lightbox-image');
var lightboxDownload = document.getElementById('shs-photo-lightbox-download');
var closeButton = document.getElementById('shs-photo-lightbox-close');
var count = document.getElementById('shs-selected-count');
var clearButton = document.getElementById('shs-clear-selection');
var selected = {};
function updateCount() {
var total = Object.keys(selected).length;
count.textContent = total + (total === 1 ? ' PHOTO SELECTED' : ' PHOTOS SELECTED');
}
function openLightbox(box) {
var url = box.getAttribute('data-full');
var image = box.querySelector('img');
lightboxImage.src = url;
lightboxImage.alt = image ? image.alt : 'Press photograph';
lightboxDownload.href = url;
lightbox.classList.add('is-open');
lightbox.setAttribute('aria-hidden', 'false');
document.body.style.overflow = 'hidden';
}
function closeLightbox() {
lightbox.classList.remove('is-open');
lightbox.setAttribute('aria-hidden', 'true');
lightboxImage.src = '';
document.body.style.overflow = '';
}
root.querySelectorAll('.shs-photo-image').forEach(function (box) {
box.addEventListener('click', function (event) {
if (event.target.closest('.shs-photo-select')) return;
openLightbox(box);
});
box.addEventListener('keydown', function (event) {
if ((event.key === 'Enter' || event.key === ' ') && !event.target.closest('.shs-photo-select')) {
event.preventDefault();
openLightbox(box);
}
});
});
root.querySelectorAll('.shs-photo-select').forEach(function (button) {
button.addEventListener('click', function (event) {
event.preventDefault();
event.stopPropagation();
var url = button.getAttribute('data-url');
if (selected[url]) {
delete selected[url];
button.classList.remove('is-selected');
button.setAttribute('aria-pressed', 'false');
} else {
selected[url] = true;
button.classList.add('is-selected');
button.setAttribute('aria-pressed', 'true');
}
updateCount();
});
});
clearButton.addEventListener('click', function () {
selected = {};
root.querySelectorAll('.shs-photo-select').forEach(function (button) {
button.classList.remove('is-selected');
button.setAttribute('aria-pressed', 'false');
});
updateCount();
});
closeButton.addEventListener('click', closeLightbox);
lightbox.addEventListener('click', function (event) {
if (event.target === lightbox) closeLightbox();
});
document.addEventListener('keydown', function (event) {
if (event.key === 'Escape' && lightbox.classList.contains('is-open')) closeLightbox();
});
updateCount();
})();
</script>
</div>