1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-TW50L1WNQ1
vendor: 14 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 139 bytes, lines 7-10
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('config', '
10G-TW50L1WNQ1
vendor: 6 bytes, lines 10-11
10'); 11
11</script>
11 12 <meta charset="UTF-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 14 <meta name="description" content="Winsome - Northern Hospitality & Thoughtful British Cooking in Manchester. 74 Princess Street, Manchester."> 15 <title>Winsome | Restaurant, Manchester</title> 16 17 <!-- Canonical URL --> 18 <link rel="canonical" href="https://winsomemcr.co.uk/"> 19 20 <!-- Favicon --> 21 <link rel="icon" type="image/png" href="favicon.png" sizes="90x90"> 22 <link rel="icon" type="image/png" sizes="48x48" href="favicon-48.png"> 23 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png"> 24 <link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png"> 25 <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> 26 27 <!-- Open Graph --> 28 <meta property="og:type" content="website"> 29 <meta property="og:title" content="Winsome | Restaurant, Manchester"> 30 <meta property="og:description" content="Northern Hospitality & Thoughtful British Cooking. 74 Princess Street, Manchester."> 31 <meta property="og:url" content="https://winsomemcr.co.uk/"> 32 <meta property="og:image" content="https://winsomemcr.co.uk/images/logos/Pig_L_Black.png"> 33 <meta property="og:site_name" content="Winsome"> 34 35 <!-- Twitter Card --> 36 <meta name="twitter:card" content="summary_large_image"> 37 <meta name="twitter:title" content="Winsome | Restaurant, Manchester"> 38 <meta name="twitter:description" content="Northern Hospitality & Thoughtful British Cooking. 74 Princess Street, Manchester."> 39 <meta name="twitter:image" content="https://winsomemcr.co.uk/images/logos/Pig_L_Black.png"> 40 41 <!-- Structured Data --> 42
42<script type="application/ld+json"> 43 { 44 "@context": "https://schema.org", 45 "@type": "Restaurant", 46 "name": "Winsome", 47 "description": "Northern Hospitality & Thoughtful British Cooking in Manchester.", 48 "url": "https://winsomemcr.co.uk", 49 "image": "https://winsomemcr.co.uk/images/logos/Pig_L_Black.png", 50 "logo": "https://winsomemcr.co.uk/images/logos/Pig_L_Black.png", 51 "telephone": "07776 880 839", 52 "email": "[email protected]", 53 "address": { 54 "@type": "PostalAddress", 55 "streetAddress": "74 Princess Street", 56 "addressLocality": "Manchester", 57 "addressRegion": "Greater Manchester", 58 "postalCode": "M1 6JD", 59 "addressCountry": "GB" 60 }, 61 "geo": { 62 "@type": "GeoCoordinates", 63 "latitude": 53.4773, 64 "longitude": -2.2399 65 }, 66 "openingHoursSpecification": [ 67 { 68 "@type": "OpeningHoursSpecification", 69 "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], 70 "opens": "12:00", 71 "closes": "15:00" 72 }, 73 { 74 "@type": "OpeningHoursSpecification", 75 "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], 76 "opens": "17:00", 77 "closes": "23:00" 78 }, 79 { 80 "@type": "OpeningHoursSpecification", 81 "dayOfWeek": "Sunday", 82 "opens": "12:00", 83 "closes": "20:00" 84 } 85 ], 86 "servesCuisine": "British", 87 "priceRange": "$$$", 88 "acceptsReservations": true, 89 "sameAs": [ 90 "https://instagram.com/winsome_mcr", 91 "https://youtube.com/@Winsome_mcr" 92 ] 93 } 94 </script>
94 95 96 <link rel="stylesheet" href="css/style.css"> 97 <link rel="stylesheet" href="css/shop.css"> 98 <style> 99 body { 100 margin: 0; 101 overflow-x: hidden; 102 } 103 104 .home-hero { 105 position: relative; 106 height: 100vh; 107 width: 100%; 108 overflow: hidden; 109 } 110 111 /* Slideshow */ 112 .slideshow { 113 position: absolute; 114 inset: 0; 115 overflow: hidden; 116 } 117 118 .slide { 119 position: absolute; 120 inset: 0; 121 opacity: 0; 122 transition: opacity 0.8s ease-in-out; 123 } 124 125 .slide.active { 126 opacity: 1; 127 } 128 129 .slide video, 130 .slide img { 131 width: 100%; 132 height: 100%; 133 object-fit: cover; 134 } 135 136 .slide-overlay { 137 position: absolute; 138 inset: 0; 139 background: rgba(0, 0, 0, 0.3); 140 } 141 142 /* Logo */ 143 .home-logo { 144 position: fixed; 145 top: 2rem; 146 left: 2rem; 147 z-index: 50; 148 } 149 150 .home-logo img { 151 height: 38px; 152 width: auto; 153 } 154 155 /* Center W icon */ 156 .hero-center-logo { 157 position: absolute; 158 top: 50%; 159 left: 50%; 160 transform: translate(-50%, -50%); 161 z-index: 10; 162 } 163 164 .hero-center-logo img { 165 height: 140px; 166 width: auto; 167 transition: transform 0.3s ease; 168 } 169 170 .hero-center-logo:hover img { 171 transform: scaleX(-1); 172 } 173 174 /* Menu toggle */ 175 .home-menu-toggle { 176 position: fixed; 177 top: 2rem; 178 right: 2rem; 179 z-index: 50; 180 display: flex; 181 flex-direction: column; 182 gap: 6px; 183 background: none; 184 border: none; 185 cursor: pointer; 186 padding: 5px; 187 } 188 189 .home-menu-toggle span { 190 display: block; 191 width: 28px; 192 height: 1.5px; 193 background: white; 194 } 195 196 /* Reservations button */ 197 .hero-reservations-btn { 198 position: fixed; 199 top: 2rem; 200 right: 8rem; 201 z-index: 50; 202 background: transparent; 203 border: 1px solid white; 204 color: white; 205 font-family: var(--title-font); 206 font-size: 0.75rem; 207 text-transform: uppercase; 208 letter-spacing: 0.15em; 209 padding: 0.6rem 1.5rem; 210 cursor: pointer; 211 text-decoration: none; 212 transition: background-color 0.3s ease, border-color 0.3s ease; 213 } 214 215 .hero-reservations-btn:hover { 216 background-color: #322bdb; 217 border-color: #322bdb; 218 } 219 220 /* Nav overlay */ 221 .home-nav-overlay { 222 position: fixed; 223 top: 0; 224 right: 0; 225 width: 280px; 226 height: auto; 227 background: var(--cream); 228 z-index: 100; 229 display: flex; 230 flex-direction: column; 231 align-items: flex-start; 232 padding: 5rem 2rem 2rem; 233 gap: 1.25rem; 234 opacity: 0; 235 visibility: hidden; 236 transition: 0.3s; 237 box-shadow: -2px 0 10px rgba(0,0,0,0.1); 238 } 239 240 .home-nav-overlay.active { 241 opacity: 1; 242 visibility: visible; 243 } 244 245 .home-nav-overlay a { 246 font-family: var(--title-font); 247 font-size: 0.9rem; 248 text-transform: uppercase; 249 letter-spacing: 0.15em; 250 color: var(--black); 251 transition: color 0.2s; 252 } 253 254 .home-nav-overlay a:hover { 255 color: var(--gold); 256 text-decoration: underline; 257 } 258 259 .close-menu { 260 position: absolute; 261 top: 2rem; 262 right: 2rem; 263 width: 30px; 264 height: 30px; 265 background: none; 266 border: none; 267 cursor: pointer; 268 } 269 270 .close-menu::before, 271 .close-menu::after { 272 content: ''; 273 position: absolute; 274 top: 50%; 275 left: 0; 276 width: 100%; 277 height: 1.5px; 278 background: var(--black); 279 } 280 281 .close-menu::before { 282 transform: rotate(45deg); 283 } 284 285 .close-menu::after { 286 transform: rotate(-45deg); 287 } 288 289 /* Intro Section */ 290 .home-intro { 291 padding: 6rem 2rem; 292 text-align: center; 293 max-width: 700px; 294 margin: 0 auto; 295 } 296 297 .home-intro h2 { 298 font-family: var(--title-font); 299 font-size: 1rem; 300 font-weight: 400; 301 text-transform: uppercase; 302 letter-spacing: 0.2em; 303 margin-bottom: 1rem; 304 } 305 306 .home-intro p { 307 font-family: var(--font); 308 font-size: 1.1rem; 309 line-height: 1.9; 310 opacity: 0.75; 311 } 312 313 /* Image Grid */ 314 .home-gallery { 315 display: grid; 316 grid-template-columns: repeat(2, 1fr); 317 gap: 4px; 318 } 319 320 .home-gallery img { 321 width: 100%; 322 aspect-ratio: 4/3; 323 object-fit: cover; 324 display: block; 325 } 326 327 @media (max-width: 600px) { 328 .home-logo { 329 position: fixed; 330 top: 1.5rem; 331 left: 1.5rem; 332 } 333 334 .home-logo img { 335 height: 28px; 336 } 337 338 .home-menu-toggle { 339 position: fixed; 340 top: 1.5rem; 341 right: 1.5rem; 342 } 343 344 .hero-reservations-btn { 345 top: 1.5rem; 346 right: 6.5rem; 347 font-size: 0.65rem; 348 padding: 0.5rem 1rem; 349 } 350 351 .hero-center-logo img { 352 height: 100px; 353 } 354 355 .home-intro { 356 padding: 4rem 1.5rem; 357 } 358 359 .home-intro p { 360 line-height: 1.4; 361 } 362 363 .home-gallery { 364 grid-template-columns: 1fr; 365 } 366 } 367 </style> 368</head> 369<body> 370 371 <section class="home-hero"> 372 <div class="slideshow" id="slideshow"> 373 <div class="slide active" data-type="video">
374 <video autoplay muted loop playsinline> 375 <source src="images/hero-slideshow/winsome_video.mp4" type="video/mp4"> 376 </video> 377 <div class="slide-overlay"></div> 378 </div> 379 <div class="slide" data-type="image"> 380 <img src="images/hero-slideshow/INTERIORS-10.jpg" alt="Winsome Restaurant"> 381 <div class="slide-overlay"></div> 382 </div> 383 <div class="slide" data-type="image"> 384 <img src="images/hero-slideshow/INTERIORS-25.jpg" alt="Winsome Restaurant"> 385 <div class="slide-overlay"></div> 386 </div> 387 <div class="slide" data-type="image"> 388 <img src="images/hero-slideshow/INTERIORS-26.jpg" alt="Winsome Restaurant"> 389 <div class="slide-overlay"></div> 390 </div> 391 <div class="slide" data-type="image"> 392 <img src="images/hero-slideshow/winsome_service-204.jpg" alt="Winsome Service"> 393 <div class="slide-overlay"></div> 394 </div> 395 <div class="slide" data-type="image"> 396 <img src="images/hero-slideshow/winsome_service-215.jpg" alt="Winsome Service"> 397 <div class="slide-overlay"></div> 398 </div> 399 <div class="slide" data-type="image"> 400 <img src="images/hero-slideshow/GEN_-017.jpg" alt="Winsome"> 401 <div class="slide-overlay"></div> 402 </div> 403 <div class="slide" data-type="image"> 404 <img src="images/hero-slideshow/GEN_-045.jpg" alt="Winsome"> 405 <div class="slide-overlay"></div> 406 </div> 407 <div class="slide" data-type="image"> 408 <img src="images/hero-slideshow/WIN X ROCH-155.jpg" alt="Winsome"> 409 <div class="slide-overlay"></div> 410 </div> 411 <div class="slide" data-type="image"> 412 <img src="images/hero-slideshow/WIN X ROCH-164.jpg" alt="Winsome"> 413 <div class="slide-overlay"></div> 414 </div> 415 <div class="slide" data-type="image"> 416 <img src="images/hero-slideshow/FOOD&WINE-060.jpg" alt="Winsome Food"> 417 <div class="slide-overlay"></div> 418 </div> 419 </div> 420 421 <a class='home-logo' href='/'> 422 <img src="images/logos/Winsome_Wordmark_White.png" alt="Winsome"> 423 </a> 424 425 <a class='hero-reservations-btn' href='/reservations'>Reservations</a> 426 427 <div class="hero-center-logo"> 428 <img src="images/logos/Winsome_W_icon.png" alt="Winsome"> 429 </div> 430 431 <div class="home-cart-icon" id="cartIconContainer"></div> 432 433 <button class="home-menu-toggle" id="menuToggle" aria-label="Menu"> 434 <span></span> 435 <span></span> 436 <span></span> 437 </button> 438 </section> 439 440 <nav class="home-nav-overlay" id="navOverlay"> 441 <button class="close-menu" id="closeMenu" aria-label="Close menu"></button> 442 <a href='/'>Home</a> 443 <a href='/menu'>Menus</a> 444 <a href="menus/Winsome_Christmas_26.pdf" target="_blank">Christmas at Winsome</a> 445 <a href='/shop'>Shop</a> 446 <a href='/winsome-tv'>Winsome TV</a> 447 <a href="menus/Winsome_PrivateHire&Events_SS26.pdf" target="_blank">Private Hire</a> 448 <a href='/reservations'>Reservations</a> 449 <a href='/contact'>Contact</a> 450 </nav> 451 452 <section class="home-intro"> 453 <h2>Northern Hospitality</h2> 454 <p>Winsome is built on Northern hospitality and thoughtful British cooking. Led by chef Shaun Moffat the food is generous, unfussy and rooted in tradition, with flavour and technique front and centre.</p> 455 </section> 456 457 <section class="home-gallery"> 458 <img src="images/home-gallery/FOOD&WINE-004 Large.jpeg" alt="Winsome Food"> 459 <img src="images/home-gallery/FOOD&WINE-045 Large.jpeg" alt="Winsome Food"> 460 <img src="images/home-gallery/SUNDAY_ROAST_WINSOME-024 Large.jpeg" alt="Winsome"> 461 <img src="images/home-gallery/WINSOME_-040 Large.jpeg" alt="Winsome"> 462 </section> 463 464 <section class="home-intro"> 465 <h2>Seasonal Menus</h2> 466 <p>Menus change regularly with the seasons, shaped by what's available and at its best. The drinks list focuses on old-world wines and classic cocktails paired with confident, attentive service.</p> 467 </section> 468 469 <footer class="footer"> 470 <div class="footer-inner"> 471 <div class="instagram-grid" id="instaGrid"></div> 472 <div class="footer-content"> 473 <div class="footer-col"> 474 <h5>Find Us</h5> 475 <p>74 Princess Street<br>Manchester<br>M1 6JD</p> 476 <div class="social-links"> 477 <a href="https://instagram.com/winsome_mcr" target="_blank" aria-label="Instagram"> 478 <svg fill="currentColor" viewBox="0 0 24 24">
478<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> 479 </a> 480 <a href="https://www.youtube.com/@Winsome_mcr" target="_blank" aria-label="YouTube"> 481 <svg fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> 482 </a> 483 </div> 484 </div> 485 <div class="footer-col"> 486 <h5>Opening Hours</h5> 487 <p><strong>Monday â Saturday</strong><br>Lunch: 12 'til 3pm<br>Dinner: from 5pm</p> 488 <p style="margin-top: 1rem;"><strong>Sunday</strong><br>Lunch served from 12 'til 8pm</p> 489 </div> 490 <div class="footer-col"> 491 <h5>Mailing List</h5> 492 <p>Sign up for news and offers.</p> 493 <form class="newsletter-form"> 494 <input type="email" placeholder="Email address" required> 495 <button type="submit">Join</button> 496 </form> 497 </div> 498 </div> 499 <div class="featured-section"> 500 <div class="featured-block left"> 501 <p>Our Sister Site</p> 502 <div class="featured-logos"> 503 <a href="https://www.instagram.com/v.goode_pies" target="_blank"><img src="images/featured-logos/Vgoode_Green.png" alt="V. Goode Pies"></a> 504 </div> 505 </div> 506 <div class="featured-block right"> 507 <p>As featured in</p> 508 <div class="featured-logos"> 509 <img src="images/featured-logos/GFG.png" alt="Good Food Guide"> 510 <img src="images/featured-logos/MG.png" alt="Michelin Guide" class="logo-mg"> 511 <img src="images/featured-logos/guardian.png" alt="The Guardian"> 512 <img src="images/featured-logos/Condenast.png" alt="Condé Nast" class="logo-condenast"> 513 <img src="images/featured-logos/CNtraveler.png" alt="Condé Nast Traveler" class="logo-cntraveler"> 514 <img src="images/featured-logos/TheTelegraph.png" alt="The Telegraph" class="logo-telegraph"> 515 <img src="images/featured-logos/Squaremeal.png" alt="SquareMeal" class="logo-squaremeal"> 516 </div> 517 </div> 518 </div> 519 <div class="footer-bottom"> 520 <p>© 2025 Winsome.<br class="mobile-br"> 74 Princess Street, Manchester, M1 6JD</p> 521 <p class="footer-links"><a href="mailto:[email protected]">Press Enquiries</a> | <a href="mailto:[email protected]">Careers</a></p> 522 </div> 523 </div> 524 </footer> 525 526
526<script> 527 // Slideshow - Video first, then images in random order 528 const slideshow = document.getElementById('slideshow'); 529 const slides = slideshow.querySelectorAll('.slide'); 530 531 // Build randomized order: video (0) first, then shuffled image indices 532 const imageIndices = []; 533 for (let i = 1; i < slides.length; i++) imageIndices.push(i); 534 for (let i = imageIndices.length - 1; i > 0; i--) { 535 const j = Math.floor(Math.random() * (i + 1)); 536 [imageIndices[i], imageIndices[j]] = [imageIndices[j], imageIndices[i]]; 537 } 538 const slideOrder = [0, ...imageIndices]; 539 let orderPos = 0; 540 541 function showSlide(index) { 542 slides.forEach((slide, i) => { 543 slide.classList.toggle('active', i === index); 544 }); 545 } 546 547 function goNext() { 548 orderPos = (orderPos + 1) % slideOrder.length; 549 showSlide(slideOrder[orderPos]); 550 } 551 552 // Auto-cycle slides every 10 seconds 553 setInterval(goNext, 10000); 554 555 // Menu 556 const menuToggle = document.getElementById('menuToggle'); 557 const closeMenu = document.getElementById('closeMenu'); 558 const navOverlay = document.getElementById('navOverlay'); 559 560 menuToggle.addEventListener('click', () => navOverlay.classList.add('active')); 561 closeMenu.addEventListener('click', () => navOverlay.classList.remove('active')); 562 navOverlay.querySelectorAll('a').forEach(a => { 563 a.addEventListener('click', () => navOverlay.classList.remove('active')); 564 }); 565 566 // Instagram Grid - Random Order 567 const instaImages = [ 568 'instagram-grid/winsome-social-assets Large.jpeg', 569 'instagram-grid/winsome-social-assets-1 Large.jpeg', 570 'instagram-grid/winsome-social-assets_jan3 Large.jpeg', 571 'instagram-grid/rochelle Large.jpeg', 572 'hero-slideshow/INTERIORS-10.jpg', 573 'hero-slideshow/INTERIORS-25.jpg', 574 'hero-slideshow/INTERIORS-26.jpg', 575 'instagram-grid/FOOD&WINE-065 Large.jpeg', 576 'instagram-grid/winsome_service-185 Large.jpeg', 577 'hero-slideshow/winsome_service-204.jpg', 578 'hero-slideshow/winsome_service-215.jpg', 579 'instagram-grid/FOOD&WINE-145 Large.jpeg', 580 'instagram-grid/FOOD&WINE-176 Large.jpeg', 581 'instagram-grid/FOOD&WINE-208 Large.jpeg' 582 ]; 583 584 function shuffleArray(array) { 585 for (let i = array.length - 1; i > 0; i--) { 586 const j = Math.floor(Math.random() * (i + 1)); 587 [array[i], array[j]] = [array[j], array[i]]; 588 } 589 return array; 590 } 591 592 const instaGrid = document.getElementById('instaGrid'); 593 const shuffled = shuffleArray([...instaImages]).slice(0, 10); 594 shuffled.forEach(img => { 595 const link = document.createElement('a'); 596 link.href = 'https://instagram.com/winsome_mcr'; 597 link.target = '_blank'; 598 link.setAttribute('aria-label', 'Instagram post'); 599 link.innerHTML = `<img src="images/${img}" alt="Winsome">`; 600 instaGrid.appendChild(link); 601 }); 602 </script>
602 603 604 <!-- Shop Scripts --> 605
605<script src="js/config.js"></script>
605 606
606<script src="js/shopify-api.js"></script>
606 607
607<script src="js/cart.js"></script>
607 608
608<script src="js/cart-icon.js"></script>
608 609
609<script src="js/cart-drawer.js"></script>
609 610
610<script src="js/product-card.js"></script>
610 611
611<script src="js/shop-init.js"></script>
611 612 613</body> 614</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.