1 2<!DOCTYPE html> 3 4<html lang="en"> 5 6<head> 7
7<script async crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyhtml.min.js"></script>
7 8 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 11 12 <title>LeftLion - Nottingham Art, Music, Sport, Food, Events - Leftlion - Nottingham Culture</title> 13 <meta name="description" content="Where Nottingham Culture meets"/> 14 <meta property="og:title" content="LeftLion - Nottingham Art, Music, Sport, Food, Events - Leftlion - Nottingham Culture"> 15 <meta property="og:type" content="website" /> 16 <meta property="og:description" content="Where Nottingham Culture meets"> 17 <meta property="og:image" content="https://leftlion.co.uk/media/3aliiul4/cover-199.jpg?width=1200&height=630&v=1dd3483bc9f4ea0"> 18 <meta property="og:url" content="https://leftlion.co.uk/"> 19 <meta name="twitter:card" content="summary_large_image"> 20 21 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 22 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 23 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 24 <link rel="manifest" href="/site.webmanifest"> 25 <link rel="mask-icon" color="#5bbad5" href="/safari-pinned-tab.svg"> 26 <meta name="msapplication-TileColor" content="#00aba9"> 27 <meta name="theme-color" content="#ffffff"> 28 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" crossorigin href="https://fonts.gstatic.com"> 31 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Oswald:wght@600&display=swap"> 32 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 33 <link rel="stylesheet" href="/ll/css/leftlion.min.css?1=103"> 34
35<script src="https://www.paypalobjects.com/ncp/cart/cart.js" data-merchant-id="HHT9H539VZBHC"></script>
35</head> 36<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 36-37
36 37<script async src="https://www.googletagmanager.com/gtag/js?id=
37G-0B6GJ31NPD
vendor: 13 bytes, line 37
37"></script>
38<script> 39
vendor: 147 bytes, lines 39-43
39window.dataLayer = window.dataLayer || []; 40 function gtag() { dataLayer.push(arguments); } 41 gtag('js', new Date()); 42 43 gtag('config', '
43G-0B6GJ31NPD
vendor: 5 bytes, line 43
43');
44</script>
44 45 46 47<body class="bg-primary" x-data="getPromos()"> 48 49 <div x-data="modals()" x-on:keydown.escape="loginModal = false"> 50 51<header class="bg-secondary mb-6 w-full z-20" x-data="{atTop : false}" :class="{ 'shadow-lg': atTop, '': !atTop, 'fixed top-0': atTop }" 52 @scroll.window="atTop = (window.pageYOffset < 50) ? false : true"> 53 54 <section class="pl-4 lg:container lg:mx-auto top-0 left-0 right-0 font-lg p-2 transition duration-500 ease-in-out" :class="!atTop ? 'py-3' : ''"> 55 <nav class="gap-x-2 grid grid-cols-12" x-data="{navigationOpen: false}" :class="atTop ? 'items-center' : ' '"> 56 <div class="md:col-span-3 col-span-5 order-1" > 57 58 <div class="gap-x-4 flex h-full w-full flex-wrap md:flex-nowrap flex-row items-center justify-between md:justify-start shrink-0 pr-4"> 59 <div class="w-full flex flex-row md:flex-col shrink-0"> 60 <a href="/" class="block text-white hover:text-slate-300 transition-all"> 61 <svg class=" max-w-full w-full block h-full fill-current md:mb-1" 62 :class="atTop ? '' : 'md:mb-1'" 63 width="717" 64 height="162" viewBox="0 0 717 162" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> 65 66 <path d="M26.021,143.792c-4.325,-0 -7.863,-3.538 -7.863,-7.863l0,-127.301c0,-4.323 -3.538,-7.862 -7.863,-7.862l-2.433,0c-4.324,0 -7.862,3.539 -7.862,7.862l-0,145.381c-0,4.324 3.538,7.862 7.862,7.862l58.99,0c4.324,0 7.862,-3.538 7.862,-7.862l-0,-2.355c-0,-4.325 -3.538,-7.862 -7.862,-7.862l-40.831,-0Z"></path> 67 <path d="M405.421,143.792c-4.324,-0 -7.862,-3.538 -7.862,-7.863l-0,-127.301c-0,-4.323 -3.538,-7.862 -7.861,-7.862l-2.435,0c-4.324,0 -7.862,3.539 -7.862,7.862l0,145.381c0,4.324 3.538,7.862 7.862,7.862l58.99,0c4.325,0 7.863,-3.538 7.863,-7.862l-0,-2.355c-0,-4.325 -3.538,-7.862 -7.863,-7.862l-40.832,-0Z"></path><path d="M355.126,8.628c0,-4.323 -3.538,-7.862 -7.863,-7.862l-59.634,0c-4.324,0 -7.862,3.539 -7.862,7.862l-0,2.356c-0,4.324 3.538,7.862 7.862,7.862l12.876,-0c4.324,-0 7.863,3.538 7.863,7.862l0,127.301c0,4.324 3.537,7.862 7.861,7.862l2.434,0c4.325,0 7.862,-3.538 7.862,-7.862l-0,-127.301c-0,-4.324 3.538,-7.862 7.863,-7.862l12.875,-0c4.325,-0 7.863,-3.538 7.863,-7.862l0,-2.356Z"></path><path d="M505.489,17.036c3.941,-0 7.167,-3.538 7.167,-7.861l0,-0.547c0,-4.323 -3.226,-7.862 -7.167,-7.862l-27.904,0c-3.941,0 -7.167,3.539 -7.167,7.862l-0,0.547c-0,4.323 3.226,7.861 7.167,7.861c3.942,-0 7.167,3.538 7.167,7.863l0,112.839c0,4.324 -3.225,7.862 -7.167,7.862c-3.941,0 -7.167,3.538 -7.167,7.864l-0,0.545c-0,4.324 3.226,7.862 7.167,7.862l27.904,0c3.941,0 7.167,-3.538 7.167,-7.862l0,-0.545c0,-4.326 -3.226,-7.864 -7.167,-7.864c-3.942,0 -7.167,-3.538 -7.167,-7.862l-0,-112.839c-0,-4.325 3.225,-7.863 7.167,-7.863Z"></path><path d="M153.97,18.846c4.324,-0 7.863,-3.538 7.863,-7.862l-0,-2.356c-0,-4.323 -3.539,-7.862 -7.863,-7.862l-49.031,0c-4.324,0 -7.862,3.539 -7.862,7.862l0,145.381c0,4.324 3.538,7.862 7.862,7.862l49.031,0c4.324,0 7.863,-3.538 7.863,-7.862l-0,-2.355c-0,-4.325 -3.539,-7.862 -7.863,-7.862l-30.872,-0c-4.325,-0 -7.863,-3.538 -7.863,-7.863l0,-37.838c0,-4.324 3.538,-7.862 7.863,-7.862l12.097,-0c4.324,-0 7.863,-3.538 7.863,-7.862l-0,-2.356c-0,-4.323 -3.539,-7.861 -7.863,-7.861l-12.097,0c-4.325,0 -7.863,-3.538 -7.863,-7.863l0,-37.579c0,-4.324 3.538,-7.862 7.863,-7.862l30.872,-0Z"></path><path d="M256.146,18.846c4.324,-0 7.862,-3.538 7.862,-7.862l-0,-2.356c-0,-4.323 -3.538,-7.862 -7.862,-7.862l-60.508,0c-4.325,0 -7.863,3.539 -7.863,7.862l-0,145.381c-0,4.324 3.538,7.862 7.863,7.862l2.433,0c4.325,0 7.863,-3.538 7.863,-7.862l0,-60.91c0,-4.324 3.538,-7.862 7.862,-7.862l21.978,-0c4.324,-0 7.863,-3.538 7.863,-7.862l-0,-2.356c-0,-4.324 -3.539,-7.862 -7.863,-7.862l-21.978,-0c-4.324,-0 -7.862,-3.538 -7.862,-7.862l0,-32.587c0,-4.324 3.538,-7.862 7.862,-7.862l42.35,-0Z"></path><path d="M600.623,122.747c-0,11.751 -9.336,21.311 -20.812,21.311l-1.831,0c-11.476,0 -20.812,-9.56 -20.812,-21.311l0,-83.884c0,-11.751 9.336,-21.312 20.812,-21.312l1.831,-0c11.476,-0 20.812,9.561 20.812,21.312l-0,83.884Zm18.622,3.54c0.104,-10.903 0.965,-40.496 0.973,-40.795c0,-0.313 0.081,-36.696 -0.024,-47.568c-0.052,-5.498 -2.818,-14.35 -8.876,-21.732c-5.236,-6.381 -14.931,-13.987 -31.372,-13.987l-0.239,0c-16.444,0 -26.137,7.606 -31.374,13.987c-6.057,7.381
67-8.822,16.233 -8.875,21.732c-0.104,10.872 -0.024,47.255 -0.023,47.621c0.008,0.246 0.869,29.839 0.974,40.742c0.05,5.342 2.707,13.999 8.524,21.293c5.013,6.286 14.291,13.887 30.025,14.393l0.709,0.024l0.132,-0.002l0.275,0.003c0.032,-0 0.064,0.002 0.096,0.002l0.524,-0.027c15.735,-0.506 25.013,-8.107 30.026,-14.393c5.818,-7.294 8.473,-15.951 8.525,-21.293Z"></path><path d="M707.27,0.263c-4.421,0 -8.037,3.618 -8.037,8.038l-0,91.878c-0,4.419 -1.217,4.63 -2.703,0.467l-32.647,-91.406c-1.487,-4.163 -6.308,-7.858 -10.715,-8.211l-1.543,-0.123c-4.406,-0.353 -8.011,2.975 -8.011,7.395l0,143.54c0,4.421 3.616,8.038 8.037,8.038l1.491,-0c4.421,-0 8.038,-3.617 8.038,-8.038l-0,-89.635c-0,-4.42 1.225,-4.634 2.722,-0.475l32.608,90.585c1.498,4.159 6.304,7.057 10.681,6.439l1.649,-0.233c4.377,-0.618 7.958,-4.74 7.958,-9.161l-0,-141.06c-0,-4.42 -3.616,-8.038 -8.037,-8.038l-1.491,0Z"></path> 68 69 </svg> 70 </a> 71 <div class="z-0 py-1 hidden gap-x-1 grid-cols-1 md:flex md:flex-row text-white justify-end" > 72 73 <!-- search 74 <a href="/" class="group "> 75 <div class="w-6 h-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 76 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" > 77 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /> 78 </svg> 79 80 </div> 81 </a>--> 82 83 <!-- Twitter --> 84 <a href="https://twitter.com/leftlion" class="group "> 85 <div class="h-6 w-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 86 <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 87<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/> 88</svg> 89 90 </div> 91 </a> 92 <!-- Facebook --> 93 <a href="https://www.facebook.com/leftlion" class="group "> 94 <div class="h-6 w-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 95 <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 96 <g id="surface194504499"> 97 <path d="M 15.917969 4.351562 C 5.191406 4.351562 4.351562 5.191406 4.351562 15.917969 L 4.351562 32.082031 C 4.351562 42.808594 5.191406 43.648438 15.917969 43.648438 L 32.082031 43.648438 C 42.808594 43.648438 43.648438 42.808594 43.648438 32.082031 L 43.648438 15.917969 C 43.648438 5.191406 42.808594 4.351562 32.082031 4.351562 Z M 13.359375 8.28125 L 34.640625 8.28125 C 39.351562 8.28125 39.71875 8.648438 39.71875 13.359375 L 39.71875 34.640625 C 39.71875 39.351562 39.351562 39.71875 34.640625 39.71875 L 30.5 39.71875 L 30.5 27.96875 L 35.15625 27.96875 L 35.886719 22.738281 L 30.5 22.738281 C 30.5 22.738281 30.492188 19.675781 30.5 18.914062 C 30.515625 17.417969 31.765625 16.664062 32.839844 16.671875 C 33.910156 16.683594 36.132812 16.675781 36.132812 16.675781 L 36.132812 11.855469 C 36.132812 11.855469 34.210938 11.605469 32.191406 11.585938 C 30.496094 11.570312 28.625 12.027344 27.113281 13.550781 C 25.574219 15.101562 25.332031 17.40625 25.304688 20.226562 C 25.292969 21.039062 25.304688 22.738281 25.304688 22.738281 L 20.75 22.738281 L 20.75 27.964844 L 25.304688 27.964844 L 25.304688 39.71875 L 13.359375 39.71875 C 8.648438 39.71875 8.28125 39.351562 8.28125 34.640625 L 8.28125 13.359375 C 8.28125 8.648438 8.648438 8.28125 13.359375 8.28125 Z M 13.359375 8.28125 " fill="" /> 98 </g> 99 </svg> 100 </div> 101 </a> 102 <!-- Youtube --> 103 <a href="https://www.youtube.com/leftliontv" class="group "> 104 <div class="h-6 w-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 105 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
105ox="0 0 48 48"> 106 <g id="surface194856540"> 107 <path d="M 24 7.296875 C 7.238281 7.296875 5 7.472656 2.847656 9.683594 C 0.699219 11.894531 0.421875 15.40625 0.421875 24 C 0.421875 32.59375 0.699219 36.109375 2.847656 38.316406 C 5 40.527344 7.238281 40.703125 24 40.703125 C 40.761719 40.703125 43 40.527344 45.152344 38.316406 C 47.300781 36.105469 47.578125 32.59375 47.578125 24 C 47.578125 15.40625 47.300781 11.894531 45.152344 9.683594 C 43 7.472656 40.761719 7.296875 24 7.296875 Z M 24 11.226562 C 37.722656 11.226562 41.074219 11.289062 42.210938 12.4375 C 43.347656 13.585938 43.648438 16.667969 43.648438 24 C 43.648438 31.332031 43.347656 34.414062 42.210938 35.5625 C 41.074219 36.710938 37.722656 36.773438 24 36.773438 C 10.277344 36.773438 6.925781 36.710938 5.789062 35.5625 C 4.652344 34.414062 4.378906 31.332031 4.378906 24 C 4.378906 16.667969 4.652344 13.585938 5.789062 12.4375 C 6.925781 11.289062 10.277344 11.226562 24 11.226562 Z M 20.019531 17.140625 L 20.019531 30.859375 L 31.953125 23.945312 Z M 20.019531 17.140625 " fill="" /> 108 </g> 109 </svg> 110 </div> 111 </a> 112 <!-- Instagram --> 113 <a href="https://www.instagram.com/leftlionmagazine/" class="group "> 114 <div class="h-6 w-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 115 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 116 <g id="surface194855108"> 117 <path d="M 23.824219 4.351562 C 5.765625 4.351562 4.351562 5.765625 4.351562 23.824219 L 4.351562 24.175781 C 4.351562 42.234375 5.765625 43.648438 23.824219 43.648438 L 24.175781 43.648438 C 42.234375 43.648438 43.648438 42.234375 43.648438 24.175781 L 43.648438 24 C 43.648438 5.777344 42.222656 4.351562 24 4.351562 Z M 20.070312 8.28125 L 27.929688 8.28125 C 38.863281 8.28125 39.71875 9.136719 39.71875 20.070312 L 39.71875 27.929688 C 39.71875 38.863281 38.863281 39.71875 27.929688 39.71875 L 20.070312 39.71875 C 9.136719 39.71875 8.28125 38.863281 8.28125 27.929688 L 8.28125 20.070312 C 8.28125 9.136719 9.136719 8.28125 20.070312 8.28125 Z M 33.820312 12.210938 C 32.734375 12.214844 31.855469 13.09375 31.859375 14.179688 C 31.863281 15.265625 32.746094 16.144531 33.832031 16.140625 C 34.917969 16.136719 35.792969 15.253906 35.789062 14.167969 C 35.785156 13.082031 34.90625 12.207031 33.820312 12.210938 Z M 23.976562 14.175781 C 18.550781 14.1875 14.164062 18.597656 14.175781 24.023438 C 14.1875 29.449219 18.597656 33.835938 24.023438 33.824219 C 29.449219 33.8125 33.835938 29.402344 33.824219 23.976562 C 33.8125 18.550781 29.402344 14.164
117062 23.976562 14.175781 Z M 23.988281 18.105469 C 27.242188 18.097656 29.886719 20.730469 29.894531 23.988281 C 29.902344 27.242188 27.269531 29.886719 24.011719 29.894531 C 20.757812 29.902344 18.113281 27.269531 18.105469 24.011719 C 18.097656 20.757812 20.730469 18.113281 23.988281 18.105469 Z M 23.988281 18.105469 " fill="" /> 118 </g> 119 </svg> 120 </div> 121 </a> 122 <!-- TikTok --> 123 <a href="https://www.tiktok.com/@leftlionmagazine" class="group "> 124 <div class="h-6 w-6 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 125 <svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/></svg> 126 </div> 127 </a> 128 <a href="https://www.patreon.com/leftlion" target="_blank" class="group"> 129 <img src="/ll/icons/patron-white.svg" class=" w-5 h-5 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300" /> 130 </a> 131 132 </div> 133 </div> 134 </div> 135 </div> 136 <div x-cloak class="col-span-6 order-2 md:justify-end flex items-center" :class="atTop ? 'md:col-span-3 md:order-3 ' : 'order-2 md:hidden '"> 137 138 139 <div class="relative hidden md:flex"> 140 141 <div class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none"> 142 <svg aria-hidden="true" class="w-5 h-5 text-slate-500 dark:text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 143 <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"> 144 </path> 145 </svg> 146 </div> 147 <input @click="manageNewsletter()" type="text" id="email-address-icon" class="px-8 bg-slate-50 border border-slate-300 text-slate-900 text-sm rounded-lg focus:ring-amber-800 focus:border-amber-800 block w-full p-2" placeholder="newsletter signup"> 148 <div class="absolute top-2 right-2"> 149 <button @click="manageNewsletter()"; class="text-white rounded-full bg-secondary hover:bg-amber-800 p-1 transition-all "> 150 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> 151 <path stroke-linecap="round" stroke-linejoin="round" d="M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5" /> 152 </svg> 153 </button> 154 </div> 155 </div> 156 <div class="flex md:hidden justify-end items-center h-full"> 157 <a href="/leftlion-newsletter/" target="blank"class="inline-flex btn-white btn-small mr-2 "> 158 Newsletter 159 </a> 160 <a href="/features/?tag=magazine" class="inline-flex items-center "> 161 <picture> 162<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=101&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=202&format=webp&quality=90&autoorient=true&
162sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=304&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=405&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=506&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=608&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=709&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=810&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=911&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=1012&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=1114&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&height=540&format=webp&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/webp" data-sizes="auto" /> 163 164<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=101&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=202&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=304&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=405&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=506&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=608&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=709&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=810&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=911&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=1012&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=1114&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&height=540&format=avif&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/avif" data-sizes="auto" /> 165 166<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=101&format=jpg&quality=70&autoorient=true&
166sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=202&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=304&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=405&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=506&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=608&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=709&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=810&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=911&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=1012&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=1114&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&height=540&format=jpg&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/jpeg" data-sizes="auto" /> 167<img src="/media/3aliiul4/cover-199.jpg?width=960&height=540&format=jpg&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" data-src="/media/3aliiul4/cover-199.jpg?width=1920&height=1080&format=jpg&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" class="lazyload w-full mr-2 inset-y-0" data-sizes="auto" alt="Cover #199" width="0" height="0" /> 168</picture> 169 </a> 170 </div> 171 172 </div> 173 <div class="order-3 col-span-1 shrink-0 w-8 md:hidden " x-cloak> 174 175 <button class=" group transition-all flex justify-center flex-col w-6 h-8 space-y-1 flex-wrap focus:outline-none" @click="navigationOpen = !navigationOpen"> 176 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded" x-show.transition="!navigationOpen"></span> 177 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded"></span> 178 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded" x-show.transition="!navigationOpen "></span> 179 180 </button> 181 </div> 182 183 <div class="order-4 col-span-12 md:col-span-6 flex flex-wrap justify-end" :class="atTop ? 'order-3 md:order-2' : 'order-4 ' "> 184 <div class="shrink-0 w-8 hidden md:flex" :class="atTop ? 'hidden md:self-center' : ' md:self-center' " x-cloak> 185 186 <button class=" group transition-all flex justify-center flex-col w-6 h-8 space-y-1 flex-wrap focus:outline-none" @click="navigationOpen = !navigationOpen"> 187 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded" x-show.transition="!navigationOpen"></span> 188 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded"></span> 189 <span class="h-1 w-6 bg-white group-hover:bg-slate-200 rounded" x-show.transition="!navigationOpen "></span> 190 </button> 191 </div> 192 <div x-cloak class=" flex-1 flex w-full md:w-auto flex-wrap md:justify-start items-center" 193 :class="atTop ? '' : ''"> 194 <div class="flex items-center md:block py-4 md:py-0 relative md:static w-full md:w-auto z-30 transform transition-all duration-300 origin-top-left md:origin-left" @click.away="navigationOpen = false" x-show="navigationOpen " x-transition:enter-start="opacity-0 lg:scale-75" x-transition:enter-end="opacity-100 lg:scale-100" x-transition:leave-start="opacity-100 lg:scale-100" x-transition:leave-end="opacity-0 lg:scale-75 mr-6"> 195 <ul class="flex text-white text-lg md:text-sm flex-wrap items-center max-h-full -mx-2"> 196 <li class="px-2 w-full md:w-auto"> 197 <a href="/events/" class=" py-1 block group transition-all duration-300 ease-in-out">
198 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 199 What's on 200 </span> 201 </a> 202 </li> 203 <li class="px-2 w-full md:w-auto"> 204 <a href="/features/?show=art" class=" py-1 block group transition-all duration-300 ease-in-out"> 205 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 206 Art 207 </span> 208 </a> 209 </li> 210 <li class="px-2 w-full md:w-auto"> 211 <a href="/features?show=community" class=" py-1 block group transition-all duration-300 ease-in-out"> 212 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 213 Community 214 </span> 215 </a> 216 </li> 217 <li class="px-2 w-full md:w-auto"> 218 <a href="/features/?show=environment" class=" py-1 block group transition-all duration-300 ease-in-out"> 219 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 220 Environment 221 </span> 222 </a> 223 </li> 224 <li class="px-2 w-full md:w-auto"> 225 <a href="/features?show=fashion" class=" py-1 block group transition-all duration-300 ease-in-out"> 226 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 227 Fashion 228 </span> 229 </a> 230 </li> 231 <li class="px-2 w-full md:w-auto"> 232 <a href="/features/?show=food%20and%20drink" class=" py-1 block group transition-all duration-300 ease-in-out"> 233 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 234 Food & drink 235 </span> 236 </a> 237 </li> 238 <li class="px-2 w-full md:w-auto"> 239 <a href="/features/?show=literature" class=" py-1 block group transition-all duration-300 ease-in-out"> 240 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 241 Literature 242 </span> 243 </a> 244 </li> 245 <li class="px-2 w-full md:w-auto"> 246 <a href="/features/?show=music" class=" py-1 block group transition-all duration-300 ease-in-out">
247 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 248 Music 249 </span> 250 </a> 251 </li> 252 <li class="px-2 w-full md:w-auto"> 253 <a href="/features/?show=screen" class=" py-1 block group transition-all duration-300 ease-in-out"> 254 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 255 Screen 256 </span> 257 </a> 258 </li> 259 <li class="px-2 w-full md:w-auto"> 260 <a href="/features/?show=sport" class=" py-1 block group transition-all duration-300 ease-in-out"> 261 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 262 Sport 263 </span> 264 </a> 265 </li> 266 <li class="px-2 w-full md:w-auto"> 267 <a href="/features/?show=stage" class=" py-1 block group transition-all duration-300 ease-in-out"> 268 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 269 Stage 270 </span> 271 </a> 272 </li> 273 <li class="px-2 w-full md:w-auto"> 274 <a href="/features/?tag=Podcast" class=" py-1 block group transition-all duration-300 ease-in-out"> 275 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 276 Podcasts 277 </span> 278 </a> 279 </li> 280 <li class="px-2 w-full md:w-auto"> 281 <a href="/features/?show=history" class=" py-1 block group transition-all duration-300 ease-in-out"> 282 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 283 History 284 </span> 285 </a> 286 </li> 287 <li><a href="#" class="btn btn-primary" @click="loginModal = true">Login</a></li> 288 </ul> 289 290 </div> 291 </div> 292 </div> 293 <div x-cloak class="hidden md:flex justify-end col-span-6 col-start-11 relative order-4" x-show="!atTop"> 294 <div class="flex gap-x-1 text-white"> 295 <div class="w-full flex flex-wrap justify-end gap-x-1 items-center" > 296 <a href="/features/?tag=magazine" class="block hover:saturate-150 hover:scale-110 shadow-lg transition-all" > 297 <picture> 298<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=234&format=webp&quality=90&autoorient=true&
298sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=468&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=702&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=936&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=1170&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=1404&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=1638&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=1872&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=2106&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=2340&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=2574&format=webp&quality=90&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&height=325&format=webp&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/webp" data-sizes="auto" /> 299 300<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=234&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=468&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=702&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=936&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=1170&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=1404&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=1638&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=1872&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=2106&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=2340&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=2574&format=avif&quality=100&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&height=325&format=avif&quality=20&autoorient=true&
300sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/avif" data-sizes="auto" /> 301 302<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&height=234&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&height=468&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&height=702&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&height=936&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&height=1170&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&height=1404&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&height=1638&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&height=1872&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&height=2106&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&height=2340&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&height=2574&format=jpg&quality=70&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" type="image/jpeg" data-sizes="auto" /> 303<img src="/media/3aliiul4/cover-199.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" data-src="/media/3aliiul4/cover-199.jpg?width=500&height=650&format=jpg&autoorient=true&sourceWidth=3307&sourceHeight=3957&v=1dd3483bc9f4ea0" class="lazyload w-full h-32" data-sizes="auto" alt="Cover #199" width="0" height="0" /> 304</picture> 305 </a> 306 </div> 307 </div> 308 </div> 309 </nav> 310 </section> 311</header> 312 313<section class="lg:container lg:mx-auto bg-white mb-3" > 314 315 <picture x-show="promoIsLoading"> 316 <source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAACWCAQAAACClLLkAAABWUlEQVR42u3TAQ0AAAjDMO5f9FGAAdJKWLK0AzwXo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkY3OhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHQRwOiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgcuC9YnK3pdvdJmAAAAAElFTkSuQmCC" media="(max-width: 480px)"> 317 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAQAAAA9B+e4AAAAEUlEQVR42mP8/58BDhgHggMAdiAT98+go6IAAAAASUVORK5CYII=" class="w-full h-full"> 318 </picture> 319 <template x-for="(banner, index) in banners"> 320 <a :href="banner.url" x-show="index == showPromo" :class="'ll-promo count-view-'+banner.id" x-cloak 321 x-data="{ desktopVideoReady: false, mobileVideoReady: false }" class="relative"> 322 <picture> 323 <source :srcset="banner.mobileImageHTML" media="(max-width: 480px)"> 324 <img :src="banner.desktopImageSrc" class="w-full h-full"> 325 </picture> 326 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none hidden md:block" 327 x-show="banner.htmL5Promo != ''" 328 :class="desktopVideoReady ? 'opacity-100' : 'opacity-0'" 329 x-html="banner.htmL5Promo" 330 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => desktopVideoReady = true); } else if (banner.htmL5Promo != '') { desktopVideoReady = true; } })"> 331 </div> 332 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none block md:hidden" 333 x-show="banner.htmL5MobilePromo != ''" 334 :class="mobileVideoReady ? 'opacity-100' : 'opacity-0'" 335 x-html="banner.htmL5MobilePromo" 336 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => mobileVideoReady = true); } else if (banner.htmL5MobilePromo != '') { mobileVideoReady = true; } })"> 337 </div> 338 <div class="hidden" x-html="banner.title"></div> 339 </a> 340 341 </template> 342</section> 343 344 345 <!-- Main --> 346<section class="lg:container lg:mx-auto bg-white mt-6 pt-4"> 347 <div class="grid grid-cols-12 gap-x-6 md:px-4"> 348 <div class="col-span-12 md:col-span-9"> 349 <h1 class="hidden">LeftLion - Nottingham Magazine: Art, Music, Sport, Food, Community, What's On Events</h1> 350 <div class="w-full mb-4 md:mb-6"> 351 <div class="flex flex-col md:flex-row bg-white text-white relative group"> 352 <a href="/features/2026/09/review-the-halle-with-kahchun-wong-at-the-royal-concert-hall/" class="h-full w-full md:min-h-[200px] group-hover:saturate-150 transition-all duration-200"> 353 <picture> 354<source data-srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=180&height=101&format=webp&quality=90&autoorient=true&
354sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 180w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=360&height=202&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 360w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=540&height=304&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 540w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=720&height=405&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 720w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=900&height=506&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 900w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1080&height=608&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1080w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1260&height=709&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1260w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1440&height=810&format=webp&quality=90&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1440w" srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=640&height=360&format=webp&quality=20&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0" type="image/webp" data-sizes="auto" /> 355 356<source data-srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=180&height=101&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 180w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=360&height=202&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 360w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=540&height=304&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 540w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=720&height=405&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 720w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=900&height=506&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 900w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1080&height=608&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1080w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1260&height=709&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1260w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1440&height=810&format=avif&quality=100&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1440w" srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=640&height=360&format=avif&quality=20&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0" type="image/avif" data-sizes="auto" /> 357 358<source data-srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=180&height=101&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 180w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=360&height=202&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 360w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=540&height=304&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 540w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=720&height=405&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 720w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=900&height=506&format=jpg&quality=70&autoorient=true&
358sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 900w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1080&height=608&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1080w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1260&height=709&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1260w,/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1440&height=810&format=jpg&quality=70&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0 1440w" srcset="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0" type="image/jpeg" data-sizes="auto" /> 359<img src="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0" data-src="/media/tckpqirl/kahchun-290424-hr-5.jpg?width=1280&height=720&format=jpg&autoorient=true&sourceWidth=1484&sourceHeight=990&v=1dd4c0f601badb0" class="lazyload object-cover w-full h-full" data-sizes="auto" alt="Kahchun 29.04.24 HR 5" width="0" height="0" /> 360</picture> 361 </a> 362 <div class="w-full md:w-1/2 md:absolute right-0 bottom-0 md:translate-x-3 md:translate-y-3 bg-secondary/90 p-2 md:p-4 flex flex-col justify-start group"> 363 <h2 class="text-base md:text-xl "> 364 <a href="/features/2026/09/review-the-halle-with-kahchun-wong-at-the-royal-concert-hall/" class=" block group transition-all duration-300 ease-in-out"> 365 <span class='pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-white to-white bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 366 Concert Review: The Hallé with Kahchun Wong at the Royal Concert Hall 367 </span> 368 </a> 369 </h2> 370 <a href="/features/2026/09/review-the-halle-with-kahchun-wong-at-the-royal-concert-hall/" class="hidden lg:block text-base mb-4 "> 371 <div class="line-clamp-2 md:line-clamp-4"> 372 <p>The Hallé are back in Nottingham, with their new conductor Kanchun Wong and world-renowned pianist Stephen Hough on the ivories... </p> 373 </div> 374 </a> 375 <div class="flex flex-wrap items-center -mx-1 justify-end"> 376 <div class=" px-1 hidden md:block"> 377 <a href="/features/?tag=royal concert hall" class="btn-small btn-tag mr-0.5">Royal Concert Hall</a> 378 <a href="/features/?tag=classical music" class="btn-small btn-tag mr-0.5">Classical music</a> 379 <a href="/features/?tag=stage" class="btn-small btn-tag mr-0.5">Stage</a> 380 </div> 381 <div class=" px-1 text-right"> 382 <span class="text-xs md:text-sm font-semibold">Thu 24 Sept 26</span> 383 </div> 384 </div> 385 </div> 386 387 </div> 388 </div> 389 <div class="grid grid-cols-12 gap-x-2 md:gap-x-4"> 390 <div class="col-span-12 md:col-span-12 lg:col-span-9"> 391 <div class="grid grid-cols-12 gap-x-2 md:gap-x-4"> 392 <div class="col-span-6 mb-4 group "> 393 394 395 <div class="shadow-lg h-full relative group"> 396 <a href="/features/2026/09/the-hunt-for-the-wollaton-gnomes/" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2"> 397 <picture> 398<source data-srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=180&height=234&format=webp&quality=90&autoorient=true&
398sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 180w,/media/vf2l00kz/wollaton_gnomes_.png?width=360&height=468&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 360w,/media/vf2l00kz/wollaton_gnomes_.png?width=540&height=702&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 540w,/media/vf2l00kz/wollaton_gnomes_.png?width=720&height=936&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 720w,/media/vf2l00kz/wollaton_gnomes_.png?width=900&height=1170&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 900w,/media/vf2l00kz/wollaton_gnomes_.png?width=1080&height=1404&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1080w,/media/vf2l00kz/wollaton_gnomes_.png?width=1260&height=1638&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1260w,/media/vf2l00kz/wollaton_gnomes_.png?width=1440&height=1872&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1440w,/media/vf2l00kz/wollaton_gnomes_.png?width=1620&height=2106&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1620w,/media/vf2l00kz/wollaton_gnomes_.png?width=1800&height=2340&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1800w,/media/vf2l00kz/wollaton_gnomes_.png?width=1980&height=2574&format=webp&quality=90&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1980w" srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=250&height=325&format=webp&quality=20&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140" type="image/webp" data-sizes="auto" /> 399 400<source data-srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=180&height=234&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 180w,/media/vf2l00kz/wollaton_gnomes_.png?width=360&height=468&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 360w,/media/vf2l00kz/wollaton_gnomes_.png?width=540&height=702&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 540w,/media/vf2l00kz/wollaton_gnomes_.png?width=720&height=936&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 720w,/media/vf2l00kz/wollaton_gnomes_.png?width=900&height=1170&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 900w,/media/vf2l00kz/wollaton_gnomes_.png?width=1080&height=1404&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1080w,/media/vf2l00kz/wollaton_gnomes_.png?width=1260&height=1638&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1260w,/media/vf2l00kz/wollaton_gnomes_.png?width=1440&height=1872&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1440w,/media/vf2l00kz/wollaton_gnomes_.png?width=1620&height=2106&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1620w,/media/vf2l00kz/wollaton_gnomes_.png?width=1800&height=2340&format=avif&quality=100&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1800w,/media/vf2l00kz/wollaton_gnomes_.png?width=1980&height=2574&format=avif&quality=100&autoorient=true&
400sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1980w" srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=250&height=325&format=avif&quality=20&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140" type="image/avif" data-sizes="auto" /> 401 402<source data-srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=180&height=234&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 180w,/media/vf2l00kz/wollaton_gnomes_.png?width=360&height=468&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 360w,/media/vf2l00kz/wollaton_gnomes_.png?width=540&height=702&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 540w,/media/vf2l00kz/wollaton_gnomes_.png?width=720&height=936&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 720w,/media/vf2l00kz/wollaton_gnomes_.png?width=900&height=1170&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 900w,/media/vf2l00kz/wollaton_gnomes_.png?width=1080&height=1404&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1080w,/media/vf2l00kz/wollaton_gnomes_.png?width=1260&height=1638&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1260w,/media/vf2l00kz/wollaton_gnomes_.png?width=1440&height=1872&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1440w,/media/vf2l00kz/wollaton_gnomes_.png?width=1620&height=2106&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1620w,/media/vf2l00kz/wollaton_gnomes_.png?width=1800&height=2340&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1800w,/media/vf2l00kz/wollaton_gnomes_.png?width=1980&height=2574&format=png&quality=70&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140 1980w" srcset="/media/vf2l00kz/wollaton_gnomes_.png?width=250&height=325&format=png&quality=20&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140" type="image/png" data-sizes="auto" /> 403<img src="/media/vf2l00kz/wollaton_gnomes_.png?width=250&height=325&format=png&quality=20&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140" data-src="/media/vf2l00kz/wollaton_gnomes_.png?width=500&height=650&format=png&autoorient=true&sourceWidth=3189&sourceHeight=1772&v=1dd4c015e2f0140" class="lazyload block h-full w-full" data-sizes="auto" alt="Wollaton Gnomes" width="0" height="0" /> 404</picture> 405 </a> 406 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 407 <h3 class="mb-2 line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 408 <a href="/features/2026/09/the-hunt-for-the-wollaton-gnomes/" class=" py-1 block group transition-all duration-300 ease-in-out"> 409 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 410 The hunt for the Wollaton Gnomes 411 </span> 412 413 </a> 414 </h3> 415 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 416 <div class="w-full"> 417 <a href="/features/?tag=history" class="btn-small btn-tag mr-0.5 mb-1">History</a> 418 <a href="/features/?tag=wollaton hall and park" class="btn-small btn-tag mr-0.5 mb-1">Wollaton Hall and Park</a> 419 </div> 420 <div class="w-full text-right hidden">
421 <span class="text-sm font-semibold">Thursday 24 Sept 2026</span> 422 423 </div> 424 </div> 425 </div> 426 </div> 427 428 </div> 429 <div class="col-span-6 mb-4 group "> 430 431 432 <div class="shadow-lg h-full relative group"> 433 <a href="/features/2026/09/how-the-notts-community-choir-is-connecting-local-people-through-music/" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2"> 434 <picture> 435<source data-srcset="/media/d4rebhaz/img_7126.jpg?width=180&height=234&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 180w,/media/d4rebhaz/img_7126.jpg?width=360&height=468&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 360w,/media/d4rebhaz/img_7126.jpg?width=540&height=702&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 540w,/media/d4rebhaz/img_7126.jpg?width=720&height=936&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 720w,/media/d4rebhaz/img_7126.jpg?width=900&height=1170&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 900w,/media/d4rebhaz/img_7126.jpg?width=1080&height=1404&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1080w,/media/d4rebhaz/img_7126.jpg?width=1260&height=1638&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1260w,/media/d4rebhaz/img_7126.jpg?width=1440&height=1872&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1440w,/media/d4rebhaz/img_7126.jpg?width=1620&height=2106&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1620w,/media/d4rebhaz/img_7126.jpg?width=1800&height=2340&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1800w,/media/d4rebhaz/img_7126.jpg?width=1980&height=2574&format=webp&quality=90&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1980w" srcset="/media/d4rebhaz/img_7126.jpg?width=250&height=325&format=webp&quality=20&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0" type="image/webp" data-sizes="auto" /> 436 437<source data-srcset="/media/d4rebhaz/img_7126.jpg?width=180&height=234&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 180w,/media/d4rebhaz/img_7126.jpg?width=360&height=468&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 360w,/media/d4rebhaz/img_7126.jpg?width=540&height=702&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 540w,/media/d4rebhaz/img_7126.jpg?width=720&height=936&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 720w,/media/d4rebhaz/img_7126.jpg?width=900&height=1170&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 900w,/media/d4rebhaz/img_7126.jpg?width=1080&height=1404&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1080w,/media/d4rebhaz/img_7126.jpg?width=1260&height=1638&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1260w,/media/d4rebhaz/img_7126.jpg?width=1440&height=1872&format=avif&quality=100&autoorient=true&
437sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1440w,/media/d4rebhaz/img_7126.jpg?width=1620&height=2106&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1620w,/media/d4rebhaz/img_7126.jpg?width=1800&height=2340&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1800w,/media/d4rebhaz/img_7126.jpg?width=1980&height=2574&format=avif&quality=100&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1980w" srcset="/media/d4rebhaz/img_7126.jpg?width=250&height=325&format=avif&quality=20&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0" type="image/avif" data-sizes="auto" /> 438 439<source data-srcset="/media/d4rebhaz/img_7126.jpg?width=180&height=234&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 180w,/media/d4rebhaz/img_7126.jpg?width=360&height=468&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 360w,/media/d4rebhaz/img_7126.jpg?width=540&height=702&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 540w,/media/d4rebhaz/img_7126.jpg?width=720&height=936&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 720w,/media/d4rebhaz/img_7126.jpg?width=900&height=1170&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 900w,/media/d4rebhaz/img_7126.jpg?width=1080&height=1404&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1080w,/media/d4rebhaz/img_7126.jpg?width=1260&height=1638&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1260w,/media/d4rebhaz/img_7126.jpg?width=1440&height=1872&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1440w,/media/d4rebhaz/img_7126.jpg?width=1620&height=2106&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1620w,/media/d4rebhaz/img_7126.jpg?width=1800&height=2340&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1800w,/media/d4rebhaz/img_7126.jpg?width=1980&height=2574&format=jpg&quality=70&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0 1980w" srcset="/media/d4rebhaz/img_7126.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0" type="image/jpeg" data-sizes="auto" /> 440<img src="/media/d4rebhaz/img_7126.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0" data-src="/media/d4rebhaz/img_7126.jpg?width=500&height=650&format=jpg&autoorient=true&sourceWidth=5954&sourceHeight=3969&v=1dd36382183b0d0" class="lazyload block h-full w-full" data-sizes="auto" alt="Img 7126" width="0" height="0" /> 441</picture> 442 </a> 443 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 444 <h3 class="mb-2 line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 445 <a href="/features/2026/09/how-the-notts-community-choir-is-connecting-local-people-through-music/" class=" py-1 block group transition-all duration-300 ease-in-out"> 446 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 447 How the Notts Community Choir is connecting local people through music 448 </span> 449 450 </a> 451 </h3> 452 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 453 <div class="w-full"> 454 <a href="/features/?tag=#199" class="btn-small btn-tag mr-0.5 mb-1">#199</a> 455 <a href="/features/?tag=community" class="btn-small btn-tag mr-0.5 mb-1">Community</a> 456 </div> 457 <div class="w-full text-right hidden">
458 <span class="text-sm font-semibold">Thursday 24 Sept 2026</span> 459 460 </div> 461 </div> 462 </div> 463 </div> 464 465 </div> 466 <div class="col-span-6 mb-4 group "> 467 468 469 <div class="shadow-lg h-full relative group"> 470 <a href="/features/2026/09/40-years-of-notts-county-fcs-lifeline-scheme/" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2"> 471 <picture> 472<source data-srcset="/media/3phbxpa4/lifeline_v2.jpg?width=180&height=234&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 180w,/media/3phbxpa4/lifeline_v2.jpg?width=360&height=468&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 360w,/media/3phbxpa4/lifeline_v2.jpg?width=540&height=702&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 540w,/media/3phbxpa4/lifeline_v2.jpg?width=720&height=936&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 720w,/media/3phbxpa4/lifeline_v2.jpg?width=900&height=1170&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 900w,/media/3phbxpa4/lifeline_v2.jpg?width=1080&height=1404&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1080w,/media/3phbxpa4/lifeline_v2.jpg?width=1260&height=1638&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1260w,/media/3phbxpa4/lifeline_v2.jpg?width=1440&height=1872&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1440w,/media/3phbxpa4/lifeline_v2.jpg?width=1620&height=2106&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1620w,/media/3phbxpa4/lifeline_v2.jpg?width=1800&height=2340&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1800w,/media/3phbxpa4/lifeline_v2.jpg?width=1980&height=2574&format=webp&quality=90&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1980w" srcset="/media/3phbxpa4/lifeline_v2.jpg?width=250&height=325&format=webp&quality=20&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790" type="image/webp" data-sizes="auto" /> 473 474<source data-srcset="/media/3phbxpa4/lifeline_v2.jpg?width=180&height=234&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 180w,/media/3phbxpa4/lifeline_v2.jpg?width=360&height=468&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 360w,/media/3phbxpa4/lifeline_v2.jpg?width=540&height=702&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 540w,/media/3phbxpa4/lifeline_v2.jpg?width=720&height=936&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 720w,/media/3phbxpa4/lifeline_v2.jpg?width=900&height=1170&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 900w,/media/3phbxpa4/lifeline_v2.jpg?width=1080&height=1404&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1080w,/media/3phbxpa4/lifeline_v2.jpg?width=1260&height=1638&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1260w,/media/3phbxpa4/lifeline_v2.jpg?width=1440&height=1872&format=avif&quality=100&autoorient=true&
474sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1440w,/media/3phbxpa4/lifeline_v2.jpg?width=1620&height=2106&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1620w,/media/3phbxpa4/lifeline_v2.jpg?width=1800&height=2340&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1800w,/media/3phbxpa4/lifeline_v2.jpg?width=1980&height=2574&format=avif&quality=100&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1980w" srcset="/media/3phbxpa4/lifeline_v2.jpg?width=250&height=325&format=avif&quality=20&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790" type="image/avif" data-sizes="auto" /> 475 476<source data-srcset="/media/3phbxpa4/lifeline_v2.jpg?width=180&height=234&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 180w,/media/3phbxpa4/lifeline_v2.jpg?width=360&height=468&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 360w,/media/3phbxpa4/lifeline_v2.jpg?width=540&height=702&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 540w,/media/3phbxpa4/lifeline_v2.jpg?width=720&height=936&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 720w,/media/3phbxpa4/lifeline_v2.jpg?width=900&height=1170&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 900w,/media/3phbxpa4/lifeline_v2.jpg?width=1080&height=1404&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1080w,/media/3phbxpa4/lifeline_v2.jpg?width=1260&height=1638&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1260w,/media/3phbxpa4/lifeline_v2.jpg?width=1440&height=1872&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1440w,/media/3phbxpa4/lifeline_v2.jpg?width=1620&height=2106&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1620w,/media/3phbxpa4/lifeline_v2.jpg?width=1800&height=2340&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1800w,/media/3phbxpa4/lifeline_v2.jpg?width=1980&height=2574&format=jpg&quality=70&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790 1980w" srcset="/media/3phbxpa4/lifeline_v2.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790" type="image/jpeg" data-sizes="auto" /> 477<img src="/media/3phbxpa4/lifeline_v2.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790" data-src="/media/3phbxpa4/lifeline_v2.jpg?width=500&height=650&format=jpg&autoorient=true&sourceWidth=3366&sourceHeight=1890&v=1dd363b83a12790" class="lazyload block h-full w-full" data-sizes="auto" alt="Lifeline V2 (1)" width="0" height="0" /> 478</picture> 479 </a> 480 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 481 <h3 class="mb-2 line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 482 <a href="/features/2026/09/40-years-of-notts-county-fcs-lifeline-scheme/" class=" py-1 block group transition-all duration-300 ease-in-out"> 483 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 484 40 years of Notts County FC'
484s Lifeline scheme 485 </span> 486 487 </a> 488 </h3> 489 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 490 <div class="w-full"> 491 <a href="/features/?tag=#199" class="btn-small btn-tag mr-0.5 mb-1">#199</a> 492 <a href="/features/?tag=notts county fc" class="btn-small btn-tag mr-0.5 mb-1">Notts County FC</a> 493 </div> 494 <div class="w-full text-right hidden"> 495 <span class="text-sm font-semibold">Tuesday 22 Sept 2026</span> 496 497 </div> 498 </div> 499 </div> 500 </div> 501 502 </div> 503 <div class="col-span-6 mb-4 group "> 504 505 506 <div class="shadow-lg h-full relative group"> 507 <a href="/features/2026/09/common-ground-alan-lodges-upcoming-exhibition-documents-protests-parties-and-festivals-over-the-last-fifty-years-bonington-gallery-photography/" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2"> 508 <picture> 509<source data-srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=180&height=234&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 180w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=360&height=468&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 360w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=540&height=702&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 540w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=720&height=936&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 720w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=900&height=1170&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 900w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1080&height=1404&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1080w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1260&height=1638&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1260w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1440&height=1872&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1440w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1620&height=2106&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1620w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1800&height=2340&format=webp&quality=90&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1800w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1980&height=2574&format=webp&quality=90&autoorient=true&
509sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1980w" srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=250&height=325&format=webp&quality=20&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210" type="image/webp" data-sizes="auto" /> 510 511<source data-srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=180&height=234&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 180w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=360&height=468&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 360w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=540&height=702&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 540w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=720&height=936&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 720w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=900&height=1170&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 900w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1080&height=1404&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1080w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1260&height=1638&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1260w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1440&height=1872&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1440w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1620&height=2106&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1620w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1800&height=2340&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1800w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1980&height=2574&format=avif&quality=100&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1980w" srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=250&height=325&format=avif&quality=20&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210" type="image/avif" data-sizes="auto" /> 512 513<source data-srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=180&height=234&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 180w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=360&height=468&format=jpg&quality=70&autoorient=true&
513sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 360w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=540&height=702&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 540w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=720&height=936&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 720w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=900&height=1170&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 900w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1080&height=1404&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1080w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1260&height=1638&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1260w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1440&height=1872&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1440w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1620&height=2106&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1620w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1800&height=2340&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1800w,/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=1980&height=2574&format=jpg&quality=70&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210 1980w" srcset="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210" type="image/jpeg" data-sizes="auto" /> 514<img src="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=250&height=325&format=jpg&quality=20&autoorient=true&sourceWidth=7206&sourceHeight=4804&
514v=1dd3559b827f210" data-src="/media/oeujk3ru/alan-lodge-july-1985-young-travellers-cannock-chase-seven-springs-staffordshire-copyright-alan-lodge-1.jpg?width=500&height=650&format=jpg&autoorient=true&sourceWidth=7206&sourceHeight=4804&v=1dd3559b827f210" class="lazyload block h-full w-full" data-sizes="auto" alt="Alan Lodge. July 1985. Young Travellers, Cannock Chase, Seven Springs, Staffordshire. Copyright Alan Lodge (1)" width="0" height="0" /> 515</picture> 516 </a> 517 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 518 <h3 class="mb-2 line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 519 <a href="/features/2026/09/common-ground-alan-lodges-upcoming-exhibition-documents-protests-parties-and-festivals-over-the-last-fifty-years-bonington-gallery-photography/" class=" py-1 block group transition-all duration-300 ease-in-out"> 520 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 521 Common Ground: Alan Lodge's upcoming exhibition documents protests, parties and festivals over the last fifty years 522 </span> 523 524 </a> 525 </h3> 526 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 527 <div class="w-full"> 528 <a href="/features/?tag=photography" class="btn-small btn-tag mr-0.5 mb-1">Photography</a> 529 <a href="/features/?tag=festivals" class="btn-small btn-tag mr-0.5 mb-1">festivals</a> 530 </div> 531 <div class="w-full text-right hidden"> 532 <span class="text-sm font-semibold">Monday 21 Sept 2026</span> 533 534 </div> 535 </div> 536 </div> 537 </div> 538 539 </div> 540 </div> 541 </div> 542 <!--mini cards--> 543 <div class="col-span-12 lg:col-span-3"> 544 <div class="grid grid-cols-12 gap-x-2"> 545 <div class="col-span-4 lg:col-span-12 mb-4 group md:block"> 546 547 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 548 549 <a class=" group block" href="/features/2026/09/life-behind-bars-with-jake-jenkinson-assistant-manager-at-effy/"> 550 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 551 <span class=" py-1 block transition-all duration-300 ease-in-out"> 552 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 553 Life Behind Bars: With Jake Jenkinson, assistant manager at Effy 554 </span> 555 556 </span> 557 </h3> 558 </a> 559 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 560 <div class="w-full mb-1"> 561 <a href="/features/?tag=#199" class=" btn-small btn-tag mr-0.5">#199</a> 562 <a href="/features/?tag=life behind bars" class=" btn-small btn-tag mr-0.5">Life Behind Bars</a> 563 </div> 564 <div class="w-full md:w-1/2 px-1 text-right hidden"> 565 <span class="text-xs md:text-sm font-semibold">Mon 21 Sept</span> 566 567 </div> 568 </div> 569 570</div> 571 </div> 572 <div class="col-span-4 lg:col-span-12 mb-4 group md:block"> 573 574 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 575 576 <a class=" group block" href="/features/2026/09/melbourne-writer-lisette-muratore-on-working-with-the-nottingham-womens-centre/"> 577 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg">
578 <span class=" py-1 block transition-all duration-300 ease-in-out"> 579 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 580 Melbourne writer Lisette Muratore on working with the Nottingham Women's Centre 581 </span> 582 583 </span> 584 </h3> 585 </a> 586 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 587 <div class="w-full mb-1"> 588 <a href="/features/?tag=#199" class=" btn-small btn-tag mr-0.5">#199</a> 589 <a href="/features/?tag=nottingham city of literature" class=" btn-small btn-tag mr-0.5">Nottingham City of Literature</a> 590 </div> 591 <div class="w-full md:w-1/2 px-1 text-right hidden"> 592 <span class="text-xs md:text-sm font-semibold">Mon 21 Sept</span> 593 594 </div> 595 </div> 596 597</div> 598 </div> 599 <div class="col-span-4 lg:col-span-12 mb-4 group md:block"> 600 601 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 602 603 <a class=" group block" href="/features/2026/09/gig-review-francis-of-delirium-daisy-peacock-at-the-bodega-nottingham/"> 604 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 605 <span class=" py-1 block transition-all duration-300 ease-in-out"> 606 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 607 Gig review: Francis of Delirium at The Bodega, with Daisy Peacock 608 </span> 609 610 </span> 611 </h3> 612 </a> 613 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 614 <div class="w-full mb-1"> 615 <a href="/features/?tag=music" class=" btn-small btn-tag mr-0.5">music</a> 616 <a href="/features/?tag=live music" class=" btn-small btn-tag mr-0.5">Live music</a> 617 </div> 618 <div class="w-full md:w-1/2 px-1 text-right hidden"> 619 <span class="text-xs md:text-sm font-semibold">Mon 21 Sept</span> 620 621 </div> 622 </div> 623 624</div> 625 </div> 626 <div class="col-span-4 lg:col-span-12 mb-4 group hidden md:block"> 627 628 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 629 630 <a class=" group block" href="/features/2026/09/melbourne-writer-lisette-muratore-on-working-with-the-nottingham-womens-centre-1/"> 631 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 632 <span class=" py-1 block transition-all duration-300 ease-in-out"> 633 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 634 Melbourne writer Lisette Muratore on working with the Nottingham Women's Centre 635 </span> 636 637 </span> 638 </h3> 639 </a> 640 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 641 <div class="w-full mb-1"> 642 <a href="/features/?tag=#199" class=" btn-small btn-tag mr-0.5">#199</a> 643 </div> 644 <div class="w-full md:w-1/2 px-1 text-right hidden">
645 <span class="text-xs md:text-sm font-semibold">Mon 21 Sept</span> 646 647 </div> 648 </div> 649 650</div> 651 </div> 652 <div class="col-span-4 lg:col-span-12 mb-4 group hidden md:block"> 653 654 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 655 656 <a class=" group block" href="/features/2026/09/how-to-handle-low-data-situations-using-a-travel-esim-abroad/"> 657 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 658 <span class=" py-1 block transition-all duration-300 ease-in-out"> 659 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 660 How to Handle Low Data Situations Using a Travel eSIM Abroad 661 </span> 662 663 </span> 664 </h3> 665 </a> 666 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 667 <div class="w-full md:w-1/2 px-1 text-right hidden"> 668 <span class="text-xs md:text-sm font-semibold">Mon 21 Sept</span> 669 670 </div> 671 </div> 672 673</div> 674 </div> 675 <div class="col-span-4 lg:col-span-12 mb-4 group hidden md:block"> 676 677 <div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg shadow-primary bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 678 679 <a class=" group block" href="/features/2026/09/in-photos-sonic-boom-festival-2026/"> 680 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 681 <span class=" py-1 block transition-all duration-300 ease-in-out"> 682 <span class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 683 In photos: Sonic Boom Festival 2026 684 </span> 685 686 </span> 687 </h3> 688 </a> 689 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 690 <div class="w-full mb-1"> 691 <a href="/features/?tag=music" class=" btn-small btn-tag mr-0.5">music</a> 692 <a href="/features/?tag=festival" class=" btn-small btn-tag mr-0.5">festival</a> 693 </div> 694 <div class="w-full md:w-1/2 px-1 text-right hidden"> 695 <span class="text-xs md:text-sm font-semibold">Sat 19 Sept</span> 696 697 </div> 698 </div> 699 700</div> 701 </div> 702 <div class="col-span-12 mb-6 flex justify-center "> 703 <a href="/features" class="btn btn-secondary inline-flex justify-center">All features</a> 704 </div> 705 </div> 706 </div> 707 </div> 708 </div> 709 <!-- ads --> 710 <aside class="col-span-12 md:col-span-3"> 711 <div class="grid grid-cols-12 gap-3 justify-center pb-3"> 712 <template x-for="(skyscraper, index) in skyscrapers" :key="skyscraper.id"> 713 <div class="col-span-6 md:col-span-12 inline-flex justify-center "> 714 <a class="ll-promo border-2 border-primary relative" :href="skyscraper.url" 715 x-data="{ videoReady: false }"> 716 <picture x-show="skyscraper.desktopImageHTML != ''"> 717 <source :data-srcset="skyscraper.mobileImageHTML" media="(max-width: 480px)"> 718 <img :data-srcset="skyscraper.desktopImageHTML" 719 :src="skyscraper.desktopImageSrc" width="300" height="600" 720 class="lazyload aspect-3/6 max-w-full"> 721 </picture> 722 723 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none" 724 x-show="skyscraper.htmL5Promo != ''" 725 :class="videoReady ? 'opacity-100' : 'opacity-0'" 726 x-html="skyscraper.htmL5Promo" 727 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => videoReady = true); } else if (skyscraper.htmL5Promo != '') { videoReady = true; } })"> 728 </div> 729 <div class="hidden" x-html="skyscraper.title"></div> 730 </a> 731 </div> 732 </template> 733</div> 734 </aside> 735 </div> 736 <div class="grid grid-cols-1 gap-x-6 py-6 bg-primary "> 737 738 <picture x-show="promoIsLoading"> 739 <source srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAACWCAQAAACClLLkAAABWUlEQVR42u3TAQ0AAAjDMO5f9FGAAdJKWLK0AzwXo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkY3OhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHQRwOiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgcuC9YnK3pdvdJmAAAAAElFTkSuQmCC" media="(max-width: 480px)"> 740 <img src="data:image/png;
740base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAQAAAA9B+e4AAAAEUlEQVR42mP8/58BDhgHggMAdiAT98+go6IAAAAASUVORK5CYII=" class="w-full h-full"> 741 </picture> 742 <template x-for="(banner, index) in banners"> 743 <a :href="banner.url" x-show="index == showPromo" :class="'ll-promo count-view-'+banner.id" x-cloak 744 x-data="{ desktopVideoReady: false, mobileVideoReady: false }" class="relative"> 745 <picture> 746 <source :srcset="banner.mobileImageHTML" media="(max-width: 480px)"> 747 <img :src="banner.desktopImageSrc" class="w-full h-full"> 748 </picture> 749 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none hidden md:block" 750 x-show="banner.htmL5Promo != ''" 751 :class="desktopVideoReady ? 'opacity-100' : 'opacity-0'" 752 x-html="banner.htmL5Promo" 753 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => desktopVideoReady = true); } else if (banner.htmL5Promo != '') { desktopVideoReady = true; } })"> 754 </div> 755 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none block md:hidden" 756 x-show="banner.htmL5MobilePromo != ''" 757 :class="mobileVideoReady ? 'opacity-100' : 'opacity-0'" 758 x-html="banner.htmL5MobilePromo" 759 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => mobileVideoReady = true); } else if (banner.htmL5MobilePromo != '') { mobileVideoReady = true; } })"> 760 </div> 761 <div class="hidden" x-html="banner.title"></div> 762 </a> 763 764 </template> 765 </div> 766 <div class="grid grid-cols-12 gap-x-6 py-6 bg-primary"> 767 768 <div class="col-span-12"> 769 770 <div class="flex items-center mb-4"> 771 <!-- The left line --> 772 <div class="flex-grow h-1 bg-secondary"></div> 773 774 <!-- Your text here --> 775 <h3 class=" text-xl px-4"><a href="/events">What's On</a></h3> 776 777 <!-- The right line --> 778 <div class="flex-grow h-1 bg-secondary"></div> 779 </div> 780 781 </div> 782 783 <div class="col-span-12 md:col-span-6 lg:col-span-3 mb-0 md:mb-8"> 784 <div data-notts-content 785 data-tag="Pick of The Week" 786 data-limit="1" 787 data-card-size="double" 788 data-theme-primary="#df1688"></div> 789
789<script src="https://notts.com/widget/notts-content.iife.js?v=3"></script>
789 790 </div> 791 <div class="col-span-12 md:col-span-6 lg:col-span-9 mb-6 md:mb-8"> 792 <div class="px-2"> 793 <div id="notts-events-widget-home" 794 data-notts-feed="9126a156-dc43-49b2-8c23-650e89587f63" 795 data-layout="grid" 796 data-columns="3" 797 data-page-size="6" 798 data-show-search="false" 799 data-show-filters="false" 800 data-compact="true" 801 data-details="link" 802 data-group-by-venue="true" 803 data-api-key="sE61r2LlVCAA4GCHuqrhOLsbXNBB59Mj"> 804 </div> 805
805<script> 806 (function() { 807 var root = getComputedStyle(document.documentElement); 808 var widget = document.getElementById('notts-events-widget-home'); 809 if (widget) { 810 widget.dataset.themePrimary = root.getPropertyValue('--color-primary-hex').trim(); 811 widget.dataset.themeSecondary = root.getPropertyValue('--color-secondary-hex').trim(); 812 } 813 })(); 814 </script>
814 815
815<script src="https://notts.com/widget/notts-events.iife.js?v=3"></script>
815 816 </div> 817 </div> 818 </div> 819</section> 820<section class="lg:container lg:mx-auto"> 821 <div x-data="getContentPages()" class="last:mb-6"> 822 <div class="grid grid-cols-12 mt-4 bg-transparent gap-x-6 relative overflow-hidden" x-intersect.once.margin.100px="page=page+1; fetchItems(page, 'music')" x-cloak > 823 <div class="col-span-12 " x-show="items.length" x-cloak x-transition> 824 <div class="absolute top-4 right-0 w-full h-full z-0 object-cover "> 825 <picture> 826<source data-srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=180&height=101&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 180w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=360&height=202&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 360w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=540&height=304&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 540w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=720&height=405&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 720w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=900&height=506&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 900w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1080&height=608&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1080w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1260&height=709&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1260w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1440&height=810&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1440w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1620&height=911&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1620w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1800&height=1012&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1800w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1980&height=1114&format=webp&quality=90&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1980w" srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=640&height=360&format=webp&quality=20&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0" type="image/webp" data-sizes="auto" /> 827 828<source data-srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=180&height=101&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 180w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=360&height=202&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 360w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=540&height=304&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 540w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=720&height=405&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 720w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=900&height=506&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 900w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1080&height=608&format=avif&quality=100&autoorient=true&
828sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1080w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1260&height=709&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1260w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1440&height=810&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1440w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1620&height=911&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1620w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1800&height=1012&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1800w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1980&height=1114&format=avif&quality=100&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1980w" srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=640&height=360&format=avif&quality=20&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0" type="image/avif" data-sizes="auto" /> 829 830<source data-srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=180&height=101&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 180w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=360&height=202&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 360w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=540&height=304&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 540w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=720&height=405&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 720w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=900&height=506&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 900w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1080&height=608&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1080w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1260&height=709&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1260w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1440&height=810&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1440w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1620&height=911&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1620w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1800&height=1012&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1800w,/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1980&height=1114&format=jpg&quality=70&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0 1980w" srcset="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0" type="image/jpeg" data-sizes="auto" /> 831<img src="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0" data-src="/media/t34hsods/pexels-josh-sorenson-154147.jpg?width=1280&height=720&format=jpg&autoorient=true&sourceWidth=2410&sourceHeight=1507&v=1d94dcdb92f75b0" class="lazyload block h-full opacity-50 w-full object-cover" data-sizes="auto" alt="Pexels Josh Sorenson 154147" width="0" height="0" /> 832</picture> 833 </div> 834 835 <div class="absolute bottom-0 inset-x-0 w-full h-24 z-5 bg-gradient-to-b rotate-180 from-white mix-blend-overlay"> 836 </div> 837 </div> 838 <div class="col-span-12 relative " x-show="items.length"> 839 <div class="flex items-center pb-4 mb-4"> 840 <!-- The left line --> 841 <div class="flex-grow h-1 bg-secondary"></div> 842 <h3 class=" text-2xl px-6 backdrop-blur-sm"><a class="hover:underline" href="/features/?show=Music">Music</a></h3> 843 <!-- The right line --> 844 <div class="flex-grow h-1 bg-secondary"></div> 845 </div> 846 847 848 </div> 849 <div class="col-span-12 relative " x-show="items.length"> 850 <div class="grid grid-cols-12 md:px-8 gap-x-6 pt-4 relative lg:container mx-auto"> 851 852 <div class="col-span-12 md:col-span-9 " x-show="items.length"> 853 854 <div class="col-span-12 md:col-span-9" > 855 856 <div class="grid grid-cols-12 gap-x-6 "> 857 <div class="col-span-12 flex flex-wrap -mx-2" > 858 <template x-for="(item, index) in items.slice(0,4)" :key="index" x-cloak x-show="items.length"> 859 <div class="w-1/2 md:w-1/3 mb-4 px-2 md:last:hidden"> 860 861<div class="shadow-lg h-full relative group"> 862 <a :href="item.url" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2" x-html="item.imageHTML"> 863 864 </a> 865 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 866 <h3 class="line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 867 <a :href="item.url" class=" py-1 block group transition-all duration-300 ease-in-out">
868 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-900 to-slate-900 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out' x-html="item.title"> 869 </span> 870 </a> 871 </h3> 872 873 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 874 <div class="w-full"> 875 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 876 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 877 </template> 878 </div> 879 <div class="w-full text-right hidden"> 880 <span class="text-sm font-semibold" x-html="item.releaseDate"></span> 881 </div> 882 </div> 883 </div> 884</div> 885 886 887 </div> 888 </template> 889 </div> 890 <div class="col-span-12 flex flex-wrap -mx-2" > 891 <template x-for="(item, index) in items.slice(4,9)" :key="index" x-cloak x-show="items.length"> 892 <div class="w-1/2 md:w-1/3 lg:w-1/4 mb-4 px-2 " :class="index > 2 ? 'md:hidden lg:block last:lg:hidden' : ''"> 893 894<div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 895 896 <a class=" group block":href="item.url"> 897 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 898 <span class=" py-1 block transition-all duration-300 ease-in-out"> 899 <span x-html="item.title" class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 900 901 </span> 902 903 </span> 904 </h3> 905 </a> 906 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 907 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 908 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 909 </template> 910 <div class="w-full md:w-1/2 px-1 text-right hidden"> 911 <span class="text-xs md:text-sm font-semibold" x-html="item.releaseDate"></span> 912 913 </div> 914 </div> 915 916</div> 917 918 919 920 </div> 921 </template> 922 </div> 923 </div> 924 925 </div> 926 </div> 927 <aside class="col-span-12 md:col-span-3 z-10 flex items-center" x-show="items.length" > 928 929 930 <div class="grid grid-cols-12 gap-3 justify-center pb-3"> 931 <template x-for="(skyscraper, index) in skyscrapers"> 932 <div class="col-span-6 md:col-span-12 inline-flex justify-center " x-show="index==1"> 933 <a class="ll-promo border-2 border-primary relative" :href="skyscraper.url" 934 x-data="{ videoReady: false }"> 935 <picture x-show="skyscraper.desktopImageHTML != ''"> 936 <source :srcset="skyscraper.mobileImageHTML" media="(max-width: 480px)"> 937 <img :srcset="skyscraper.desktopImageHTML" 938 :src="skyscraper.desktopImageSrc" width="300" height="600" 939 class="aspect-3/6 max-w-full"> 940 </picture> 941 942 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none" 943 x-show="skyscraper.htmL5Promo != ''" 944 :class="videoReady ? 'opacity-100' : 'opacity-0'" 945 x-html="skyscraper.htmL5Promo" 946 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => videoReady = true); } else if (skyscraper.htmL5Promo != '') { videoReady = true; } })"> 947 </div> 948 <div class="hidden" x-html="skyscraper.title"></div> 949 </a> 950 </div> 951 </template> 952</div> 953 954 955 956 957 </aside> 958 </div> 959 </div> 960 </div> 961 </div> 962 <div x-data="getContentPages()" class="last:mb-6"> 963 <div class="grid grid-cols-12 mt-4 bg-transparent gap-x-6 relative overflow-hidden" x-intersect.once.margin.100px="page=page+1; fetchItems(page, 'sport')" x-cloak > 964 <div class="col-span-12 " x-show="items.length" x-cloak x-transition> 965 <div class="absolute top-4 right-0 w-full h-full z-0 object-cover "> 966 <picture> 967<source data-srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=180&height=101&format=webp&quality=90&autoorient=true&
967sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 180w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=360&height=202&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 360w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=540&height=304&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 540w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=720&height=405&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 720w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=900&height=506&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 900w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1080&height=608&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1080w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1260&height=709&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1260w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1440&height=810&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1440w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1620&height=911&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1620w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1800&height=1012&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1800w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1980&height=1114&format=webp&quality=90&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1980w" srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=640&height=360&format=webp&quality=20&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0" type="image/webp" data-sizes="auto" /> 968 969<source data-srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=180&height=101&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 180w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=360&height=202&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 360w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=540&height=304&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 540w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=720&height=405&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 720w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=900&height=506&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 900w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1080&height=608&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1080w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1260&height=709&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1260w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1440&height=810&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1440w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1620&height=911&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1620w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1800&height=1012&format=avif&quality=100&autoorient=true&
969sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1800w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1980&height=1114&format=avif&quality=100&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1980w" srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=640&height=360&format=avif&quality=20&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0" type="image/avif" data-sizes="auto" /> 970 971<source data-srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=180&height=101&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 180w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=360&height=202&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 360w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=540&height=304&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 540w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=720&height=405&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 720w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=900&height=506&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 900w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1080&height=608&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1080w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1260&height=709&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1260w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1440&height=810&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1440w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1620&height=911&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1620w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1800&height=1012&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1800w,/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1980&height=1114&format=jpg&quality=70&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0 1980w" srcset="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0" type="image/jpeg" data-sizes="auto" /> 972<img src="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=640&height=360&format=jpg&quality=20&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0" data-src="/media/nhrj0ktw/pexels-markus-spiske-104675.jpg?width=1280&height=720&format=jpg&autoorient=true&sourceWidth=5760&sourceHeight=3840&v=1d94dce554383b0" class="lazyload block h-full opacity-50 w-full object-cover" data-sizes="auto" alt="Pexels Markus Spiske 104675" width="0" height="0" /> 973</picture> 974 </div> 975 976 <div class="absolute bottom-0 inset-x-0 w-full h-24 z-5 bg-gradient-to-b rotate-180 from-white mix-blend-overlay"> 977 </div> 978 </div> 979 <div class="col-span-12 relative " x-show="items.length"> 980 <div class="flex items-center pb-4 mb-4"> 981 <!-- The left line --> 982 <div class="flex-grow h-1 bg-secondary"></div> 983 <h3 class=" text-2xl px-6 backdrop-blur-sm"><a class="hover:underline" href="/features/?show=Sport">Sport</a></h3> 984 <!-- The right line --> 985 <div class="flex-grow h-1 bg-secondary"></div> 986 </div> 987 988 989 </div> 990 <div class="col-span-12 relative " x-show="items.length"> 991 <div class="grid grid-cols-12 md:px-8 gap-x-6 pt-4 relative lg:container mx-auto"> 992 993 <div class="col-span-12 md:col-span-9 " x-show="items.length"> 994 995 <div class="col-span-12 md:col-span-9" > 996 997 <div class="grid grid-cols-12 gap-x-6 "> 998 <div class="col-span-12 flex flex-wrap -mx-2" > 999 <template x-for="(item, index) in items.slice(0,4)" :key="index" x-cloak x-show="items.length"> 1000 <div class="w-1/2 md:w-1/3 mb-4 px-2 md:last:hidden"> 1001 1002<div class="shadow-lg h-full relative group"> 1003 <a :href="item.url" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2" x-html="item.imageHTML"> 1004 1005 </a> 1006 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 1007 <h3 class="line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 1008 <a :href="item.url" class=" py-1 block group transition-all duration-300 ease-in-out">
1009 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-900 to-slate-900 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out' x-html="item.title"> 1010 </span> 1011 </a> 1012 </h3> 1013 1014 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 1015 <div class="w-full"> 1016 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 1017 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 1018 </template> 1019 </div> 1020 <div class="w-full text-right hidden"> 1021 <span class="text-sm font-semibold" x-html="item.releaseDate"></span> 1022 </div> 1023 </div> 1024 </div> 1025</div> 1026 1027 1028 </div> 1029 </template> 1030 </div> 1031 <div class="col-span-12 flex flex-wrap -mx-2" > 1032 <template x-for="(item, index) in items.slice(4,9)" :key="index" x-cloak x-show="items.length"> 1033 <div class="w-1/2 md:w-1/3 lg:w-1/4 mb-4 px-2 " :class="index > 2 ? 'md:hidden lg:block last:lg:hidden' : ''"> 1034 1035<div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 1036 1037 <a class=" group block":href="item.url"> 1038 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 1039 <span class=" py-1 block transition-all duration-300 ease-in-out"> 1040 <span x-html="item.title" class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 1041 1042 </span> 1043 1044 </span> 1045 </h3> 1046 </a> 1047 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 1048 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 1049 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 1050 </template> 1051 <div class="w-full md:w-1/2 px-1 text-right hidden"> 1052 <span class="text-xs md:text-sm font-semibold" x-html="item.releaseDate"></span> 1053 1054 </div> 1055 </div> 1056 1057</div> 1058 1059 1060 1061 </div> 1062 </template> 1063 </div> 1064 </div> 1065 1066 </div> 1067 </div> 1068 <aside class="col-span-12 md:col-span-3 z-10 flex items-center" x-show="items.length" > 1069 1070 1071 <div class="grid grid-cols-12 gap-3 justify-center pb-3"> 1072 <template x-for="(skyscraper, index) in skyscrapers"> 1073 <div class="col-span-6 md:col-span-12 inline-flex justify-center " x-show="index==1"> 1074 <a class="ll-promo border-2 border-primary relative" :href="skyscraper.url" 1075 x-data="{ videoReady: false }"> 1076 <picture x-show="skyscraper.desktopImageHTML != ''"> 1077 <source :srcset="skyscraper.mobileImageHTML" media="(max-width: 480px)"> 1078 <img :srcset="skyscraper.desktopImageHTML" 1079 :src="skyscraper.desktopImageSrc" width="300" height="600" 1080 class="aspect-3/6 max-w-full"> 1081 </picture> 1082 1083 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none" 1084 x-show="skyscraper.htmL5Promo != ''" 1085 :class="videoReady ? 'opacity-100' : 'opacity-0'" 1086 x-html="skyscraper.htmL5Promo" 1087 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => videoReady = true); } else if (skyscraper.htmL5Promo != '') { videoReady = true; } })"> 1088 </div> 1089 <div class="hidden" x-html="skyscraper.title"></div> 1090 </a> 1091 </div> 1092 </template> 1093</div> 1094 1095 1096 1097 1098 </aside> 1099 </div> 1100 </div> 1101 </div> 1102 </div> 1103 <div x-data="getContentPages()" class="last:mb-6"> 1104 <div class="grid grid-cols-12 mt-4 bg-transparent gap-x-6 relative overflow-hidden" x-intersect.once.margin.100px="page=page+1; fetchItems(page, 'screen')" x-cloak > 1105 <div class="col-span-12 " x-show="items.length" x-cloak x-transition> 1106 <div class="absolute top-4 right-0 w-full h-full z-0 object-cover "> 1107 <slimsy-picture></slimsy-picture> 1108 </div> 1109 1110 <div class="absolute bottom-0 inset-x-0 w-full h-24 z-5 bg-gradient-to-b rotate-180 from-white mix-blend-overlay"> 1111 </div> 1112 </div> 1113 <div class="col-span-12 relative " x-show="items.length"> 1114 <div class="flex items-center pb-4 mb-4"> 1115 <!-- The left line --> 1116 <div class="flex-grow h-1 bg-secondary"></div> 1117 <h3 class=" text-2xl px-6 backdrop-blur-sm"><a class="hover:underline" href="/features/?show=Screen">Screen</a></h3> 1118 <!-- The right line --> 1119 <div class="flex-grow h-1 bg-secondary"></div> 1120 </div> 1121 1122 1123 </div> 1124 <div class="col-span-12 relative " x-show="items.length"> 1125 <div class="grid grid-cols-12 md:px-8 gap-x-6 pt-4 relative lg:container mx-auto"> 1126 1127 <div class="col-span-12 md:col-span-9 " x-show="items.length"> 1128 1129 <div class="col-span-12 md:col-span-9" > 1130 1131 <div class="grid grid-cols-12 gap-x-6 "> 1132 <div class="col-span-12 flex flex-wrap -mx-2" > 1133 <template x-for="(item, index) in items.slice(0,4)" :key="index" x-cloak x-show="items.length"> 1134 <div class="w-1/2 md:w-1/3 mb-4 px-2 md:last:hidden"> 1135 1136<div class="shadow-lg h-full relative group"> 1137 <a :href="item.url" class="w-full group-hover:saturate-150 transition-all duration-200 col-span-6 group-even:order-2" x-html="item.imageHTML"> 1138 1139 </a> 1140 <div class="p-2 md:p-4 absolute bottom-0 left-0 bg-primary/90 w-full col-span-6"> 1141 <h3 class="line-clamp-2 md:line-clamp-3 text-base md:text-lg lg:text-xl font-semibold leading-tight"> 1142 <a :href="item.url" class=" py-1 block group transition-all duration-300 ease-in-out">
1143 <span class='pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-900 to-slate-900 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out' x-html="item.title"> 1144 </span> 1145 </a> 1146 </h3> 1147 1148 <div class="flex-wrap items-center justify-between group-even:order-1 hidden md:flex"> 1149 <div class="w-full"> 1150 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 1151 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 1152 </template> 1153 </div> 1154 <div class="w-full text-right hidden"> 1155 <span class="text-sm font-semibold" x-html="item.releaseDate"></span> 1156 </div> 1157 </div> 1158 </div> 1159</div> 1160 1161 1162 </div> 1163 </template> 1164 </div> 1165 <div class="col-span-12 flex flex-wrap -mx-2" > 1166 <template x-for="(item, index) in items.slice(4,9)" :key="index" x-cloak x-show="items.length"> 1167 <div class="w-1/2 md:w-1/3 lg:w-1/4 mb-4 px-2 " :class="index > 2 ? 'md:hidden lg:block last:lg:hidden' : ''"> 1168 1169<div class="p-2 md:p-4 flex flex-col justify-between w-full shadow-lg bg-white max-w-sm h-full group hover:bg-primary/90 transtion duration-300"> 1170 1171 <a class=" group block":href="item.url"> 1172 <h3 class="line-clamp-5 text-slate-800 text-sm md:text-lg"> 1173 <span class=" py-1 block transition-all duration-300 ease-in-out"> 1174 <span x-html="item.title" class='line-clamp-3 pb-0 md:pb-0.5 mb-1 bg-left-bottom bg-gradient-to-r from-slate-800 to-slate-800 bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out'> 1175 1176 </span> 1177 1178 </span> 1179 </h3> 1180 </a> 1181 <div class=" flex-wrap items-center justify-between group-even:order-1 "> 1182 <template x-for="(tag, index) in item.tags.slice(0,2)" :key="index" x-cloak hidden> 1183 <a :href="'/features?tag='+tag" class="btn-small btn-tag mr-0.5 mb-1" x-html="tag"></a> 1184 </template> 1185 <div class="w-full md:w-1/2 px-1 text-right hidden"> 1186 <span class="text-xs md:text-sm font-semibold" x-html="item.releaseDate"></span> 1187 1188 </div> 1189 </div> 1190 1191</div> 1192 1193 1194 1195 </div> 1196 </template> 1197 </div> 1198 </div> 1199 1200 </div> 1201 </div> 1202 <aside class="col-span-12 md:col-span-3 z-10 flex items-center" x-show="items.length" > 1203 1204 1205 <div class="grid grid-cols-12 gap-3 justify-center pb-3"> 1206 <template x-for="(skyscraper, index) in skyscrapers"> 1207 <div class="col-span-6 md:col-span-12 inline-flex justify-center " x-show="index==1"> 1208 <a class="ll-promo border-2 border-primary relative" :href="skyscraper.url" 1209 x-data="{ videoReady: false }"> 1210 <picture x-show="skyscraper.desktopImageHTML != ''"> 1211 <source :srcset="skyscraper.mobileImageHTML" media="(max-width: 480px)"> 1212 <img :srcset="skyscraper.desktopImageHTML" 1213 :src="skyscraper.desktopImageSrc" width="300" height="600" 1214 class="aspect-3/6 max-w-full"> 1215 </picture> 1216 1217 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none" 1218 x-show="skyscraper.htmL5Promo != ''" 1219 :class="videoReady ? 'opacity-100' : 'opacity-0'" 1220 x-html="skyscraper.htmL5Promo" 1221 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => videoReady = true); } else if (skyscraper.htmL5Promo != '') { videoReady = true; } })"> 1222 </div> 1223 <div class="hidden" x-html="skyscraper.title"></div> 1224 </a> 1225 </div> 1226 </template> 1227</div> 1228 1229 1230 1231 1232 </aside> 1233 </div> 1234 </div> 1235 </div> 1236 </div> 1237</section> 1238 1239 1240 1241 <div class="lg:container lg:mx-auto bg-white mb-3"> 1242 1243 1244 <picture x-show="promoIsLoading"> 1245 <source 1246 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAACWCAQAAACClLLkAAABWUlEQVR42u3TAQ0AAAjDMO5f9FGAAdJKWLK0AzwXo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkY3OhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHQRwOiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgcuC9YnK3pdvdJmAAAAAElFTkSuQmCC" 1247 media="(max-width: 480px)"> 1248 <img src="data:image/png;
1248base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAQAAAA9B+e4AAAAEUlEQVR42mP8/58BDhgHggMAdiAT98+go6IAAAAASUVORK5CYII=" 1249 class="w-full h-full"> 1250 </picture> 1251 <template x-for="(banner, index) in banners"> 1252 <a :href="banner.url" x-show="index == showPromo" :class="'ll-promo count-view-'+banner.id" x-cloak 1253 x-data="{ desktopVideoReady: false, mobileVideoReady: false }" class="relative"> 1254 <picture> 1255 <source :srcset="banner.mobileImageHTML" media="(max-width: 480px)"> 1256 <img :src="banner.desktopImageSrc" class="w-full h-full"> 1257 </picture> 1258 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none hidden md:block" 1259 x-show="banner.htmL5Promo != ''" 1260 :class="desktopVideoReady ? 'opacity-100' : 'opacity-0'" 1261 x-html="banner.htmL5Promo" 1262 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => desktopVideoReady = true); } else if (banner.htmL5Promo != '') { desktopVideoReady = true; } })"> 1263 </div> 1264 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none block md:hidden" 1265 x-show="banner.htmL5MobilePromo != ''" 1266 :class="mobileVideoReady ? 'opacity-100' : 'opacity-0'" 1267 x-html="banner.htmL5MobilePromo" 1268 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => mobileVideoReady = true); } else if (banner.htmL5MobilePromo != '') { mobileVideoReady = true; } })"> 1269 </div> 1270 <div class="hidden" x-html="banner.title"></div> 1271 </a> 1272 1273 </template> 1274 </div> 1275 1276<footer class="bg-secondary text-white w-full pt-6 pb-16"> 1277 <section class="container mx-auto"> 1278 <div class="z-0 py-4 flex flex-row gap-x-2 justify-center"> 1279 1280 <!-- search --> 1281 <!-- Twitter --> 1282 <a href="https://twitter.com/leftlion" class="group "> 1283 <div class="h-8 w-8 md:w-12 md:h-12 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 1284 <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 1285<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/> 1286</svg> 1287 1288 </div> 1289 </a> 1290 <!-- Facebook --> 1291 <a href="https://www.facebook.com/leftlion" class="group "> 1292 <div class="h-8 w-8 md:w-12 md:h-12 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 1293 <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 1294 <g id="surface194504499"> 1295 <path d="M 15.917969 4.351562 C 5.191406 4.351562 4.351562 5.191406 4.351562 15.917969 L 4.351562 32.082031 C 4.351562 42.808594 5.191406 43.648438 15.917969 43.648438 L 32.082031 43.648438 C 42.808594 43.648438 43.648438 42.808594 43.648438 32.082031 L 43.648438 15.917969 C 43.648438 5.191406 42.808594 4.351562 32.082031 4.351562 Z M 13.359375 8.28125 L 34.640625 8.28125 C 39.351562 8.28125 39.71875 8.648438 39.71875 13.359375 L 39.71875 34.640625 C 39.71875 39.351562 39.351562 39.71875 34.640625 39.71875 L 30.5 39.71875 L 30.5 27.96875 L 35.15625 27.96875 L 35.886719 22.738281 L 30.5 22.738281 C 30.5 22.738281 30.492188 19.675781 30.5 18.914062 C 30.515625 17.417969 31.765625 16.664062 32.839844 16.671875 C 33.910156 16.683594 36.132812 16.675781 36.132812 16.675781 L 36.132812 11.855469 C 36.132812 11.855469 34.210938 11.605469 32.191406 11.585938 C 30.496094 11.570312 28.625 12.027344 27.113281 13.550781 C 25.574219 15.101562 25.332031 17.40625 25.304688 20.226562 C 25.292969 21.039062 25.304688 22.738281 25.304688 22.738281 L 20.75 22.738281 L 20.75 27.964844 L 25.304688 27.964844 L 25.304688 39.71875 L 13.359375 39.71875 C 8.648438 39.71875 8.28125 39.351562 8.28125 34.640625 L 8.28125 13.359375 C 8.28125 8.648438 8.648438 8.28125 13.359375 8.28125 Z M 13.359375 8.28125 " fill="" /> 1296 </g> 1297 </svg> 1298 </div> 1299 </a> 1300 <!-- Youtube --> 1301 <a href="https://www.youtube.com/leftliontv" class="group "> 1302 <div class="h-8 w-8 md:w-12 md:h-12 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 1303 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
1303ox="0 0 48 48"> 1304 <g id="surface194856540"> 1305 <path d="M 24 7.296875 C 7.238281 7.296875 5 7.472656 2.847656 9.683594 C 0.699219 11.894531 0.421875 15.40625 0.421875 24 C 0.421875 32.59375 0.699219 36.109375 2.847656 38.316406 C 5 40.527344 7.238281 40.703125 24 40.703125 C 40.761719 40.703125 43 40.527344 45.152344 38.316406 C 47.300781 36.105469 47.578125 32.59375 47.578125 24 C 47.578125 15.40625 47.300781 11.894531 45.152344 9.683594 C 43 7.472656 40.761719 7.296875 24 7.296875 Z M 24 11.226562 C 37.722656 11.226562 41.074219 11.289062 42.210938 12.4375 C 43.347656 13.585938 43.648438 16.667969 43.648438 24 C 43.648438 31.332031 43.347656 34.414062 42.210938 35.5625 C 41.074219 36.710938 37.722656 36.773438 24 36.773438 C 10.277344 36.773438 6.925781 36.710938 5.789062 35.5625 C 4.652344 34.414062 4.378906 31.332031 4.378906 24 C 4.378906 16.667969 4.652344 13.585938 5.789062 12.4375 C 6.925781 11.289062 10.277344 11.226562 24 11.226562 Z M 20.019531 17.140625 L 20.019531 30.859375 L 31.953125 23.945312 Z M 20.019531 17.140625 " fill="" /> 1306 </g> 1307 </svg> 1308 </div> 1309 </a> 1310 <!-- Instagram --> 1311 <a href="https://www.instagram.com/leftlionmagazine/" class="group "> 1312 <div class="h-8 w-8 md:w-12 md:h-12 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 1313 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 1314 <g id="surface194855108"> 1315 <path d="M 23.824219 4.351562 C 5.765625 4.351562 4.351562 5.765625 4.351562 23.824219 L 4.351562 24.175781 C 4.351562 42.234375 5.765625 43.648438 23.824219 43.648438 L 24.175781 43.648438 C 42.234375 43.648438 43.648438 42.234375 43.648438 24.175781 L 43.648438 24 C 43.648438 5.777344 42.222656 4.351562 24 4.351562 Z M 20.070312 8.28125 L 27.929688 8.28125 C 38.863281 8.28125 39.71875 9.136719 39.71875 20.070312 L 39.71875 27.929688 C 39.71875 38.863281 38.863281 39.71875 27.929688 39.71875 L 20.070312 39.71875 C 9.136719 39.71875 8.28125 38.863281 8.28125 27.929688 L 8.28125 20.070312 C 8.28125 9.136719 9.136719 8.28125 20.070312 8.28125 Z M 33.820312 12.210938 C 32.734375 12.214844 31.855469 13.09375 31.859375 14.179688 C 31.863281 15.265625 32.746094 16.144531 33.832031 16.140625 C 34.917969 16.136719 35.792969 15.253906 35.789062 14.167969 C 35.785156 13.082031 34.90625 12.207031 33.820312 12.210938 Z M 23.976562 14.175781 C 18.550781 14.1875 14.164062 18.597656 14.175781 24.023438 C 14.1875 29.449219 18.597656 33.835938 24.023438 33.824219 C 29.449219 33.8125 33.835938 29.402344 33.824219 23.976562 C 33.8125 18.550781 29.402344 14.164
1315062 23.976562 14.175781 Z M 23.988281 18.105469 C 27.242188 18.097656 29.886719 20.730469 29.894531 23.988281 C 29.902344 27.242188 27.269531 29.886719 24.011719 29.894531 C 20.757812 29.902344 18.113281 27.269531 18.105469 24.011719 C 18.097656 20.757812 20.730469 18.113281 23.988281 18.105469 Z M 23.988281 18.105469 " fill="" /> 1316 </g> 1317 </svg> 1318 </div> 1319 </a> 1320 <!-- TikTok --> 1321 <a href="https://www.tiktok.com/@leftlionmagazine" class="group "> 1322 <div class="h-8 w-8 md:w-12 md:h-12 group-hover:scale-90 group-hover:text-stone-200 fill-current transition-all duration-300"> 1323 <svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/></svg> 1324 </div> 1325 </a> 1326 1327 1328 </div> 1329 <div class="w-full text-center"> 1330 <a href="https://www.patreon.com/leftlion" target="_blank" class="inline-block mb-6 text-white bg-gradient-to-r from-amber-300 via-amber-600 to-amber-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-amber-300 font-medium rounded-lg text-sm px-4 py-1.5 text-center inline-flex items-center mr-2 transition-all duration-300 "> 1331 <img src="/ll/icons/patron-white.svg" class="mr-2 -ml-1 w-5 h-5"> 1332 Support LeftLion 1333 </a> 1334 <div class=""> 1335 <p class="mb-4">Copyright © 2023 LeftLion Ltd (8661252)</p> 1336 </div> 1337 1338 <nav class="flex flex-wrap gap-x-2 justify-center"> 1339 <a href="/contact-us/" class="btn btn-primary">Contact us</a> 1340 <a href="/features/2025/01/advertise-with-leftlion-to-people-in-nottingham-and-notts-promote-your-business-bar-restaurant-cafe/" class="btn btn-primary">Advertise</a> 1341 <a href="/features/2025/01/how-leftlion-magazine-is-distributed-across-nottingham-and-nottinghamshire/" class="btn btn-primary">Distribution</a> 1342 <a href="/features/2025/06/contribute-to-leftlion/" class="btn btn-primary">Contribute</a> 1343 <a href="/features/2023/01/leftlion-goes-carbon-neutral/" class="btn btn-primary">LeftLion Goes Carbon Neutral</a> 1344 <a href="/about-us/" class="btn btn-primary">About us</a> 1345 <a href="https://imagerelease.uk" class="btn btn-primary">imageRelease</a> 1346 1347 </nav> 1348 1349 </div> 1350 <div class="w-full flex flex-col md:flex-row flex-wrap justify-center items-center md:justify-around -mx-4"> 1351 <div class="px-2 w-1/2 md:w-1/4 mb-4 md:mb-0"> 1352 <img width="300" height="52" src="/ll/logos/EU-ERDF-EN.svg" alt="European Union, ERDF logo"/> 1353 </div> 1354 <a class="px-4" href="https://extended.agency/"> 1355 <div class="flex flex-col md:flex-row items-center"> 1356 <p>Designed & Created by </p> 1357 <svg class="text-white w-20 h-auto ml-2" version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 915.000000 316.000000" preserveAspectRatio="xMidYMid meet"> 1358 1359 <g transform="translate(0.000000,316.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> 1360 <path d="M4715 2908 c-3 -7 -4 -483 -3 -1058 l3 -1045 60 0 60 0 5 925 c4 700 1361 8 918 16 895 11 -28 246 -698 518 -1475 l121 -345 75 0 75 0 3 1058 2 1058 1362 -62 -3 -63 -3 -5 -875 -5 -875 -100 280 c-54 154 -194 548 -311 875 l-211 595 1363 -87 3 c-63 2 -88 -1 -91 -10z"></path> 1364 <path d="M172 1858 l3 -1053 412 -3 413 -2 0 65 0 65 -345 0 -345 0 0 440 0 1365 440 285 0 285 0 0 65 0 65 -285 0 -285 0 2 423 3 422 343 3 342 2 0 60 0 60 1366 -415 0 -415 0 2 -1052z"></path> 1367 <path d="M1230 2902 c0 -5 95 -227 211 -493 116 -266 213 -491 216 -500 4 -13 1368 -75 -201 -382 -904 -46 -104 -81 -193 -78 -197 7 -13 120 -9 130 5 5 6 101 1369 225 214 484 112 260 207 473 210 473 3 0 100 -217 216 -482 l209 -483 72 -3 1370 c48 -2 72 1 72 8 0 6 -103 251 -230 545 -126 293 -230 538 -230 544 0 5 94 1371 226 209 491 116 265 213 490 216 501 6 19 3 20 -60 17 l-67 -3 -194 -439 1372 c-106 -241 -195 -440 -198 -443 -6 -7 -1 -18 -215 472 l-179 410 -71 3 c-39 2 1373 -71 -1 -71 -6z"></path> 1374 <path d="M2470 2850 l0 -60 214 0 c187 0 215 -2 220 -16 3 -9 6 -451 6 -983 0 1375 -531 0 -972 0 -978 0 -9 20 -13 65 -13 l65 0 2 993 3 992 213 3 212 2 0 60 0 1376 60 -500 0 -500 0 0 -60z"></path> 1377 <path d="M3660 1855 l0 -1055 413 2 412 3 3 62 3 63 -346 0 -345 0 0 440 0 1378 440 285 0 286 0 -3 63 -3 62 -282 3 -283 2 0 425 0 425 345 0 345 0 0 60 0 60 1379 -415 0 -415 0 0 -1055z"></path> 1380 <path d="M5882 1858 l3 -1053 230 -3 c127 -2 266 2 310 8 190 24 317 143 366 1381 340 11 44 14 191 14 720 l0 665 -27 78 c-35 98 -63 142 -127 200 -97 86 -121 1382 91 -469 95 l-302 3 2 -1053z m598 901 c101 -48 160 -133 180 -259 13 -88 13 1383 -1193 -1 -1280 -20 -128 -75 -212 -167 -25
13837 -56 -28 -61 -28 -264 -31 l-208 1384 -4 0 924 c0 509 3 928 8 932 4 4 95 6 202 4 185 -3 198 -5 250 -29z"></path> 1385 <path d="M7040 1855 l0 -1055 415 0 415 0 0 65 0 65 -345 0 -345 0 0 440 0 1386 440 285 0 285 0 0 65 0 65 -285 0 -285 0 0 425 0 425 345 0 345 0 0 60 0 60 1387 -415 0 -415 0 0 -1055z"></path> 1388 <path d="M8100 1855 l0 -1055 238 0 c287 0 354 9 449 55 119 59 187 154 219 1389 305 23 110 16 1373 -8 1441 -45 127 -104 207 -188 253 -93 51 -131 56 -432 56 1390 l-278 0 0 -1055z m602 902 c69 -34 120 -90 150 -166 l23 -56 0 -675 0 -675 1391 -24 -60 c-16 -41 -40 -76 -75 -111 -76 -74 -128 -86 -361 -82 l-180 3 -3 915 1392 c-1 503 0 921 3 929 4 11 43 13 208 9 197 -3 204 -4 259 -31z"></path> 1393 <path d="M183 144 c-3 -8 -1 -20 4 -25 5 -5 1660 -8 4324 -7 4306 3 4314 3 1394 4314 23 0 20 -8 20 -4318 23 -3914 2 -4318 1 -4324 -14z"></path> 1395 </g> 1396 </svg> 1397 </div> 1398 </a> 1399 </div> 1400 </section> 1401</footer> 1402 1403 1404 <div x-show="loginModal" x-cloak class="top-0 left-0 absolute z-40 w-full h-screen bg-white/75"> 1405 <div class="w-full h-full flex items-center justify-center "> 1406 <div class="w-full max-w-lg shadow-lg rounded-lg"> 1407 1408 1409 1410<div> 1411 1412 <div class=" mb-12 md:mb-0 bg-secondary p-6 rounded-lg text-white relative" x-data="loginTabs()"> 1413 1414 <div class="absolute top-2 right-2" x-cloak x-show ="loginModal"> 1415 <a href="#" @click.prevent="loginModal = false" class="flex justify-center items-center bg-primary rounded-full h-8 w-8"> 1416 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 1417 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 1418 </svg> 1419 </a> 1420 1421 </div> 1422 1423 <div x-show="currentTab =='login'" x-cloak> 1424 <!-- Right column container --> 1425 <!--Sign in section--> 1426 1427 <div class="flex flex-wrap items-center justify-center lg:justify-start"> 1428 1429 <p class="w-full mb-2 text-xl text-center font-display">Sign in using</p> 1430 </div> 1431 <div class="flex flex-wrap -mx-0.5 justify-center"> 1432 <div class="px-0.5"> 1433<form action="/" enctype="multipart/form-data" id="form592879219b824c359bc30bd88f4f8cd7" method="post"> <button class="btn btn-white rounded-full p-1 h-8 w-8 hover:bg-white hover:scale-110" type="submit" name="provider" value="UmbracoMembers.Google"> 1434 <svg class="mx-auto h-5 w-5" xmlns="http://www.w3.org/2000/svg" width="705.6" height="720" viewBox="0 0 186.69 190.5" xmlns:v="https://vecta.io/nano">
1434<g transform="translate(1184.583 765.171)"><path clip-path="none" mask="none" d="M-1089.333-687.239v36.888h51.262c-2.251 11.863-9.006 21.908-19.137 28.662l30.913 23.986c18.011-16.625 28.402-41.044 28.402-70.052 0-6.754-.606-13.249-1.732-19.483z" fill="#4285f4"/><path clip-path="none" mask="none" d="M-1142.714-651.791l-6.972 5.337-24.679 19.223h0c15.673 31.086 47.796 52.561 85.03 52.561 25.717 0 47.278-8.486 63.038-23.033l-30.913-23.986c-8.486 5.715-19.31 9.179-32.125 9.179-24.765 0-45.806-16.712-53.34-39.226z" fill="#34a853"/><path clip-path="none" mask="none" d="M-1174.365-712.61c-6.494 12.815-10.217 27.276-10.217 42.689s3.723 29.874 10.217 42.689c0 .086 31.693-24.592 31.693-24.592-1.905-5.715-3.031-11.776-3.031-18.098s1.126-12.383 3.031-18.098z" fill="#fbbc05"/><path d="M-1089.333-727.244c14.028 0 26.497 4.849 36.455 14.201l27.276-27.276c-16.539-15.413-38.013-24.852-63.731-24.852-37.234 0-69.359 21.388-85.032 52.561l31.692 24.592c7.533-22.514 28.575-39.226 53.34-39.226z" fill="#ea4335" clip-path="none" mask="none"/></g></svg> 1435 </button> 1436 <div class="w-full"> 1437 </div> 1438<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2eNqzGXF4A47HCVDlK74Byz7hwIiwPzK4ZKouMUbHJGyFhN5BPSNuHXQjMOvFqINxiUmGyavFc4QHExvZE19IjFUqnLvpmB1ao_uOtu7MkVv6h3fXB7FbzdSv-U_oeSJ4-A-qAzAETHjrHMwxv5dHz" /></form> </div> 1439 <div class="px-0.5"> 1440<form action="/" enctype="multipart/form-data" id="form051ec5ecc1234e50a59d704deee6d284" method="post"> <button class="btn btn-white rounded-full p-1 h-8 w-8 hover:bg-white hover:scale-110" type="submit" name="provider" value="UmbracoMembers.Facebook"> 1441 <svg class="mx-auto h-5 w-5" fill="#4267B2" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1442 viewBox="0 0 310 310" xml:space="preserve"> 1443 <g id="XMLID_834_"> 1444 <path id="XMLID_835_" d="M81.703,165.106h33.981V305c0,2.762,2.238,5,5,5h57.616c2.762,0,5-2.238,5-5V165.765h39.064 1445 c2.54,0,4.677-1.906,4.967-4.429l5.933-51.502c0.163-1.417-0.286-2.836-1.234-3.899c-0.949-1.064-2.307-1.673-3.732-1.673h-44.996 1446 V71.978c0-9.732,5.24-14.667,15.576-14.667c1.473,0,29.42,0,29.42,0c2.762,0,5-2.239,5-5V5.037c0-2.762-2.238-5-5-5h-40.545 1447 C187.467,0.023,186.832,0,185.896,0c-7.035,0-31.488,1.381-50.804,19.151c-21.402,19.692-18.427,43.27-17.716,47.358v37.752H81.703 1448 c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"/> 1449 </g> 1450 </svg> 1451 </button> 1452 <div class="w-full"> 1453 </div> 1454<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA3UbHjmbepKW8S15LDQnw8mn4hYbV4QLPRj73D-y8I98U-LaEhbRQFspbGjmeCVRObUL3DSrVyKGJiRB6nFbXU-yinpi_AgRWBkAwqyZaf8LtoEJc3vB18x-UEerRcHE6wAmrMgE26hEvqYQNTonztD" /></form> </div> 1455 1456 </div> 1457 <!-- Separator between social media sign in and email/password sign in --> 1458 <div class="font-display text-white my-2 flex items-center before:mt-0.5 before:flex-1 before:border-t before:border-slate-300 after:mt-0.5 after:flex-1 after:border-t after:border-slate-300"> 1459 <p class="mx-4 mb-0 text-center font-semibold "> 1460 Or using your 1461 </p> 1462 </div> 1463<form action="/" autocomplete="off" enctype="multipart/form-data" id="loginForm" method="post"> <div class="flex flex-wrap -mx-2"> 1464 <!-- Email input --> 1465 <input type="hidden" id="CurrentTab" name="CurrentTab" value="" /> 1466 <div class="px-2 relative z-0 w-full md:w-1/2 mb-6 group"> 1467 <input placeholder=" " required class="field-input peer" autocomplete="nope" type="text" data-val="true" data-val-required="The Email address field is required." id="Username" name="Username" value="" /> 1468 <label class="field-label text-white peer-focus:left-2 peer-focus:border-white " for="Username">Email address</label> 1469 1470 <span class="text-danger field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span> 1471 1472 </div> 1473 <!-- Password input --> 1474 <div class="px-2 relative z-0 w-full md:w-1/2 mb-6 group"> 1475 <input type="password" class="field-input peer" placeholder=" " required autocomplete="new-password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" /> 1476 <label class="field-label text-white peer-focus:left-2 peer-focus:border-white" for="Password">Password</label> 1477 <span class="text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> 1478 </div> 1479 </div> 1480 <div class="mb-6 flex items-center justify-between"> 1481 <!-- Remember me checkbox --> 1482 <div class=""> 1483 <input type="checkbox" class="w-4 h-4 text-primary border-primary rounded focus:ring-secondary focus:ring-2" data-val="true" data-val-required="The RememberMe field is required." id="RememberMe" name="RememberMe" value="true" />
1484 <span class="text-danger field-validation-valid" data-valmsg-for="RememberMe" data-valmsg-replace="true"></span> 1485 <label class="inline-block pl-[0.15rem] hover:cursor-pointer text-sm" for="RememberMe">Remember me</label> 1486 </div> 1487 <!--Forgot password link--> 1488 <a href="" @click.prevent="currentTab = 'reminder'" class="text-sm underline hover:no-underline">Forgot password?</a> 1489 </div> 1490 <!-- Login button --> 1491 <div class="w-full flex flex-wrap -mx-2 justify-between"> 1492 <div class="px-2"> 1493 <input id="captchaRegistrationFormsendLogin" type="hidden" name="captcha" value="" /> 1494 <button type="submit" id="sendLogin" class="btn btn-primary hover:bg-white hover:text-slate-900"> 1495 Login 1496 </button> 1497 </div> 1498 <div class="px-2"> 1499 <!-- Register link --> 1500 1501 <a href="#!" @click.prevent="currentTab = 'register'" class="btn-small btn-white hover:text-white hover:bg-primary"> 1502 or Register 1503 </a> 1504 1505 </div> 1506 </div> 1507<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA0COqh01frCTGkY6Vn0mZZfz8HFlZJrCkKSRsHsSR2WEMLMvTPjPVX8npc7nD84ViHAUi41NlGjX2VLnzZ60PN0sii7KzmA3-2qjNTjOBVfiGEZItIS2g0kqhFHH2bkuq4" /><input name="RememberMe" type="hidden" value="false" /></form> </div> 1508 <div x-show="currentTab == 'register'" class="text-white" x-cloak> 1509 1510<form action="/" enctype="multipart/form-data" id="registerForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 1511 <h3 class=" text-xl text-white font-display mb-3 semibold">Register an account</h3> 1512 <div class="flex flex-wrap -mx-2"> 1513 1514 <div class="relative z-0 w-1/2 mb-3 group px-2"> 1515 1516 <input class="field-input peer" placeholder=" " required autocomplete="new-password" aria-required="true" type="text" data-val="true" data-val-required="The First Name field is required." id="Registration_FirstName" name="Registration.FirstName" value="" /> 1517 <label class="field-label text-white peer-focus:left-2 " for="Registration_FirstName">First Name</label> 1518 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.FirstName" data-valmsg-replace="true"></span> 1519 </div> 1520 <div class="relative z-0 w-1/2 mb-3 group px-2"> 1521 1522 <input class="field-input peer" placeholder=" " required autocomplete="new-password" aria-required="true" type="text" data-val="true" data-val-required="The Last Name field is required." id="Registration_LastName" name="Registration.LastName" value="" /> 1523 <label class="field-label text-white peer-focus:left-2 " for="Registration_LastName">Last Name</label> 1524 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.LastName" data-valmsg-replace="true"></span> 1525 </div> 1526 1527 <div class="relative z-0 w-full mb-3 group px-2"> 1528 1529 <input class="field-input peer" placeholder=" " autocomplete="username" aria-required="true" type="email" data-val="true" data-val-email="You must enter a valid email address" data-val-required="You must enter your email address" id="Registration_Email" name="Registration.Email" value="" /> 1530 <label class="field-label text-white peer-focus:left-2 " for="Registration_Email">Email</label>
1531 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Email" data-valmsg-replace="true"></span> 1532 </div> 1533 1534 <div class="relative z-0 w-full md:w-1/2 mb-1 px-2 peer"> 1535 1536 <input class="field-input peer" placeholder=" " autocomplete="new-password" aria-required="true" type="password" data-val="true" data-val-regex="Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character." data-val-regex-pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^\da-zA-Z]).{8,}$" data-val-required="You must enter a password" id="Registration_Password" name="Registration.Password" /> 1537 <label class="field-label text-white peer-focus:left-2 " for="Registration_Password">Password</label> 1538 1539 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Password" data-valmsg-replace="true"> 1540 </span> 1541 </div> 1542 1543 <div class="relative z-0 w-full md:w-1/2 mb-1 px-2"> 1544 1545 <input class="field-input peer" placeholder=" " autocomplete="new-password" aria-required="true" type="password" data-val="true" data-val-equalto="Passwords do not match" data-val-equalto-other="*.Password" data-val-required="You must confirm the password" id="Registration_ConfirmPassword" name="Registration.ConfirmPassword" /> 1546 <label class="field-label text-white peer-focus:left-2 " for="Registration_ConfirmPassword">Confirm Password</label> 1547 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.ConfirmPassword" data-valmsg-replace="true"></span> 1548 </div> 1549 <div class="relative z-0 w-full mb-3 px-2"> 1550 <div class="text-sm italic w-full block field-validation-warning"> 1551 Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character. 1552 1553 </div> 1554 </div> 1555 1556 <div class="relative z-0 w-full mb-3 px-2"> 1557 1558 <input type="checkbox" class="w-4 h-4 text-primary border-primary rounded focus:ring-secondary focus:ring-2" data-val="true" data-val-required="You must give consent to us storing your details before you can create an account" id="Registration_Consent" name="Registration.Consent" value="true" /> 1559 <label class="ml-2 text-sm font-semibold text-white " for="Registration_Consent">Yes, I give permission to store and process my data</label> 1560 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Consent" data-valmsg-replace="true"></span> 1561 1562 </div> 1563 1564 <!-- register button --> 1565 <div class="px-2 w-full flex flex-wrap -mx-2 justify-between"> 1566 <div class="px-2"> 1567 <input id="captchaRegistrationFormsendRegister" type="hidden" name="captcha" value="" /> 1568 <button type="submit" id="sendRegister" class="btn btn-primary hover:text-slate-900 hover:bg-white"> 1569 Register 1570 </button> 1571 </div> 1572 <div class="px-2"> 1573 <!-- login link --> 1574 <a href="#!" @click.prevent="currentTab = 'login'" class="btn-small btn-white hover:bg-primary hover:text-white"> 1575 Or Login 1576 </a> 1577 </div> 1578 </div> 1579 </div> 1580<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA21t7Cd8Il4yOyfUDogPO8NpmNHZWKUZLf-UCRJYr1PKLnGAWOhaH8mvOgFm-BUu1GBR6oaVCGLorINoxJQvVwNhHwIGdx8feeA8DGqRAkdR06nOul25QEqS8XY2CsdNmf6uWB8zmFsc2uBLq2lIgrZ" /><input name="Registration.Consent" type="hidden" value="false" /></form> 1581 1582 </div> 1583 <div x-show="currentTab == 'reminder'" x-cloak> 1584<form action="/" enctype="multipart/form-data" id="reminderForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 1585 <h3 class=" text-xl text-white font-display mb-3">Forgotten your password?</h3> 1586 <div class="flex flex-wrap -mx-2"> 1587 1588 <div class="relative z-0 w-full mb-3 group px-2"> 1589 1590 <input class="field-input peer" placeholder=" " autocomplete="off" aria-required="true" type="email" data-val="true" data-val-email="You must enter a valid email address" data-val-required="You must enter your email address" id="Forgotten_Email" name="Forgotten.Email" value="" /> 1591 <label class="field-label text-white peer-focus:left-2" for="Forgotten_Email">Email</label>
1592 <span class="form-text text-danger field-validation-valid" data-valmsg-for="Forgotten.Email" data-valmsg-replace="true"></span> 1593 </div> 1594 1595 1596 <!-- Login button --> 1597 <div class="w-full flex flex-wrap -mx-2 justify-between"> 1598 <div class="px-2"> 1599 <input id="captchaRegistrationFormsendReminder" type="hidden" name="captcha" value="" /> 1600 <button type="submit" id="sendReminder" class="btn btn-primary hover:bg-white hover:text-slate-900"> 1601 Send reset email 1602 </button> 1603 </div> 1604 <div class="px-2"> 1605 <a href="#" @click="currentTab = 'register'" class="btn-small btn-white hover:bg-primary hover:text-white mr-2"> 1606 Or Register 1607 </a> 1608 <a href="#!" @click="currentTab = 'login'" class="btn-small btn-white hover:bg-primary hover:text-white"> 1609 Or Login 1610 </a> 1611 </div> 1612 </div> 1613 </div> 1614<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1vm_Mwu7QZNATsJ799y72jGq6tibWG5Fw0DQwTaP9Qka2Kw50v_GTMYB7H1BvPkT5cpkWA-W8gcW4nuiDXHOejkP3PwKIU4xk_DbMCjhjg_p259lN9WavIRxvCZ9Wn5CNPbvfCbBccmqc1pZkVcSxha1cMMV826muSx_NZie9lCA" /></form> 1615 1616 </div> 1617 <div x-show="currentTab == 'forgottenForm'" x-cloak> 1618<form action="/" enctype="multipart/form-data" id="setPasswordForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 1619 <h3 class=" text-xl text-white font-display mb-3">Reset your password?</h3> 1620 <div class="flex flex-wrap -mx-2"> 1621 1622 <input type="hidden" value='' data-val="true" data-val-email="You must enter a valid email address" data-val-required="You must enter your email address" id="ResetPassword_Email" name="ResetPassword.Email" /> 1623 <input type="hidden" value='' data-val="true" data-val-required="You must follow the link in your email" id="ResetPassword_Token" name="ResetPassword.Token" /> 1624 <div class="relative z-0 w-full md:w-1/2 mb-1 group px-2"> 1625 1626 <input class="field-input peer" placeholder=" " autocomplete="new-password" aria-required="true" type="password" data-val="true" data-val-regex="Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character." data-val-regex-pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[^\da-zA-Z]).{8,}$" data-val-required="You must enter a password" id="ResetPassword_Password" name="ResetPassword.Password" /> 1627 <label class="field-label text-white peer-focus:left-2" for="ResetPassword_Password">Password</label> 1628 <span class="form-text text-danger field-validation-valid" data-valmsg-for="ResetPassword.Password" data-valmsg-replace="true"></span> 1629 </div> 1630 <div class="relative z-0 w-full md:w-1/2 mb-1 group px-2"> 1631 1632 <input class="field-input peer" placeholder=" " autocomplete="new-password" aria-required="true" type="password" data-val="true" data-val-equalto="Passwords do not match" data-val-equalto-other="*.Password" data-val-required="You must confirm the password" id="ResetPassword_ConfirmPassword" name="ResetPassword.ConfirmPassword" /> 1633 <label class="field-label text-white peer-focus:left-2" for="ResetPassword_ConfirmPassword">Confirm Password</label>
1634 <span class="form-text text-danger field-validation-valid" data-valmsg-for="ResetPassword.ConfirmPassword" data-valmsg-replace="true"></span> 1635 </div> 1636 1637 <div class="relative z-0 w-full mb-3 px-2"> 1638 <div class="text-sm font-semibold italic w-full block field-validation-warning"> 1639 Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character. 1640 1641 </div> 1642 </div> 1643 1644 <!-- Login button --> 1645 <div class="w-full flex flex-wrap -mx-2 justify-between px-2"> 1646 <div class="px-2"> 1647 <input id="captchaRegistrationFormsetPassword" type="hidden" name="captcha" value="" /> 1648 <button type="submit" id="setPassword" class="btn btn-primary"> 1649 Set new password 1650 </button> 1651 </div> 1652 <div class="px-2"> 1653 <a href="#" @click.prevent="currentTab = 'register'" class="btn btn-white mr-2"> 1654 Register 1655 </a> 1656 <a href="#!" @click.prevent="currentTab = 'login'" class="btn btn-white"> 1657 Login 1658 </a> 1659 </div> 1660 </div> 1661 </div> 1662<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2DI3Wp_LPtcdqYQ_CjEFljQ4pHxhgGfd-fYKJcc3RRM9Kx7HONtSuyMuzJ1wGX1dOaGrcTAXKKwtghn4t9iPaVZQHlEBFyKch2kz46nckdr3PH4JY67vNGrT_orMjFoyQ" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA0Y-1mSwKeNXwlXA_FnB9xvnFPBOFxbGzeHsU-ATd3RJCJqLiW7e5Z1TWMozjzdDOF0TMgVd8D2p_KN5hA3cju94ecKBmUlTzzzk2Kre1A_rc4Rjd7KI793DXHEPFMtVY2ptbj8TGeKA-a9nTfoPPTG" /></form> 1663 1664 </div> 1665 </div> 1666 1667 1668</div>
1669<script type="text/javascript"> 1670 1671 function captchaSubmit(action, hiddenField, form) { 1672 grecaptcha.ready(function () { 1673 grecaptcha.execute('6LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB', { action: action }) 1674 .then(function (token) { 1675 //set the token to the form element 1676 document.getElementById(hiddenField).value = token; 1677 //alert(document.getElementById(hiddenField).value); 1678 //submit the form 1679 document.getElementById(form).submit(); 1680 1681 }); 1682 }); 1683 }; 1684 document.getElementById("setPassword").onclick = function (event) { 1685 //Action, hiddenField, formId 1686 captchaSubmit("SetPassword", "captchaRegistrationFormsetPassword", "setPasswordForm"); 1687 event.preventDefault(); 1688 }; 1689 document.getElementById("sendReminder").onclick = function (event) { 1690 //Action, hiddenField, formId 1691 captchaSubmit("Reminder", "captchaRegistrationFormsendReminder", "reminderForm"); 1692 event.preventDefault(); 1693 }; 1694 document.getElementById("sendRegister").onclick = function (event) { 1695 //Action, hiddenField, formId 1696 captchaSubmit("Register", "captchaRegistrationFormsendRegister", "registerForm"); 1697 event.preventDefault(); 1698 }; 1699 document.getElementById("sendLogin").onclick = function (event) { 1700 //Action, hiddenField, formId 1701 captchaSubmit("Login", "captchaRegistrationFormsendLogin", "loginForm"); 1702 event.preventDefault(); 1703 }; 1704 function loginTabs() { 1705 1706 1707 let qTab = 'login'; 1708 let qTabStr = '' == "1" ? 'login' : new URLSearchParams(location.search).get('currentTab'); 1709 1710 if (qTabStr != null) { 1711 qTab = qTabStr; 1712 }; 1713 1714 return { 1715 // other default properties 1716 isLoading: false, 1717 currentTab: qTab, 1718 1719 init(){ 1720 const url = new URL(window.location.href); 1721 this.$watch('currentTab', (value) => { 1722 url.searchParams.set('currentTab', value); 1723 1724 url.searchParams.delete('email', ''); 1725 url.searchParams.delete('forgottenToken', ''); 1726 history.pushState(null, document.title, url.toString()); 1727 }); 1728 if ('' == '1'){ 1729 url.searchParams.set('currentTab', 'login'); 1730 url.searchParams.delete('email', ''); 1731 url.searchParams.delete('forgottenToken', ''); 1732 history.pushState(null, document.title, url.toString()); 1733 } 1734 1735 }, 1736 1737 1738 1739 }; 1740 }; 1741</script>
1741 1742 1743 </div> 1744 </div> 1745 </div> 1746 <div x-show="newsletterModal" x-cloak class="top-0 left-0 absolute z-40 w-full h-full bg-white/75"> 1747 <div class="w-full h-full flex items-center justify-center "> 1748 <div class="w-full max-w-2xl shadow-lg rounded-lg "> 1749 <div class=" mb-12 md:mb-0 bg-secondary p-6 rounded-lg text-white relative"> 1750 1751 <div class="absolute top-2 right-2" x-cloak x-show="newsletterModal"> 1752 <a href="#" @click.prevent="newsletterModal = false" 1753 class="flex justify-center items-center bg-primary rounded-full h-8 w-8"> 1754 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1755 stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 1756 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 1757 </svg> 1758 </a> 1759 1760 </div> 1761 <div class="h-full"> 1762 <iframe src="https://cdn.forms-content.sg-form.com/f32ede68-3d18-11ea-8303-46f09fb36483" 1763 class="h-[575px] w-full"></iframe> 1764 </div> 1765 </div> 1766 </div> 1767 </div> 1768 </div> 1769 </div> 1770 1771
1771<script defer src="/ll/js/bundle.js?1=2"></script>
1771 1772
1772<script src="/sb/ll-js.js.ve19912f57a8af2c2b52040b9e9f591eda207d98e"></script>
1772 1773 1774 1775 1776 1777
1777<script> 1778 function getContentPages() { 1779 1780 return { 1781 // other default properties 1782 isLoading: false, 1783 items: [], 1784 total: "", 1785 1786 page: 1, 1787 pages: 0, 1788 pageSize: 9, 1789 term: "", 1790 type: [], 1791 adsenseCode: "", 1792 fetchItems(thePage, theCategory) { 1793 1794 this.isLoading = true; 1795 this.page = thePage; 1796 if (theCategory != null) { 1797 this.type.push(theCategory); 1798 } 1799 1800 fetch(`/umbraco/api/contentPagesApi/getContentPagesJson?show=${this.type.filter(n => n)}&page=1&pageSize=${this.pageSize}`) 1801 .then(res => res.json()) 1802 .then(data => { 1803 this.items = data.contentPages; 1804 this.total = data.totalItems == null ? 0 : data.totalItems; 1805 this.adsenseCode = `
1805<script type=\'text/lazyhtml'\><!--<ins class=\"adsbygoogle\" 1806 style="display:block" 1807 data-ad-client=\"ca-pub-4715632562021933\" 1808 data-ad-slot=\"2592893183\" 1809 data-ad-format=\"auto\" 1810 data-full-width-responsive=\"true\"><\/ins> 1811 1812
1812<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>--><\/script>`; 1813 this.isLoading = false; 1814 }); 1815 1816 1817 1818 1819 1820 }, 1821 //Next Page 1822 1823 1824 }; 1825 }; 1826 </script>
1826 1827 1828 1829 1830 1831 1832
1832<script> 1833 function modals() { 1834 return { 1835 loginModal: Alpine.$persist(false), 1836 newsletterModal: false, 1837 manageNewsletter() { 1838 this.newsletterModal = true; 1839 if (this.newsletterModal) { 1840 window.scrollTo(0, 0); 1841 } 1842 1843 } 1844 }; 1845 } 1846 1847 function getPromos() { 1848 1849 return { 1850 // other default properties 1851 promoIsLoading: false, 1852 skyscrapers: [], 1853 banners: [], 1854 takeovers: [], 1855 skyscraper: [], 1856 showPromo: 0, 1857 showSkyScrapers: [], 1858 init() { 1859 this.fetchPromos(); 1860 this.$interval(() => this.rotateThem(), 10000); 1861 1862 1863 1864 }, 1865 fetchPromos() { 1866 1867 this.promoIsLoading = true; 1868 1869 1870 fetch(`/umbraco/api/promoApi/getPromosJson`) 1871 .then(res => res.json()) 1872 .then(data => { 1873 this.skyscrapers = data.skyScrapers; 1874 this.banners = data.bannerPromos; 1875 this.takeovers = data.takeovers; 1876 this.showSkyScrapers = this.skyscrapers; 1877 console.log(this.skyscrapers); 1878 1879 }).then(x => { 1880 1881 this.promoIsLoading = false; 1882 this.rotateThem; 1883 }); 1884 1885 1886 1887 }, 1888 rotateThem() { 1889 1890 if (this.banners.length == this.showPromo + 1) { 1891 this.showPromo = -1; 1892 } 1893 this.showPromo++; 1894 if (this.skyscrapers.length > 1) { 1895 1896 1897 shuffle(this.skyscrapers); 1898 1899 this.showSkyScrapers = this.skyscrapers; 1900 1901 1902 1903 1904 } 1905 1906 1907 }, 1908 1909 1910 }; 1911 }; 1912 function shuffle(array) { 1913 let currentIndex = array.length; 1914 1915 // While there remain elements to shuffle... 1916 while (currentIndex != 0) { 1917 1918 // Pick a remaining element... 1919 let randomIndex = Math.floor(Math.random() * currentIndex); 1920 currentIndex--; 1921 1922 // And swap it with the current element. 1923 [array[currentIndex], array[randomIndex]] = [ 1924 array[randomIndex], array[currentIndex]]; 1925 } 1926 } 1927 1928 </script>
vendor: 82 bytes, lines 1928-1934
1928 1929 1930 1931 1932 1933 1934 <script async src="https://www.google.com/recaptcha/api.js?render=
19346LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB
vendor: 43 bytes, lines 1934-1935
1934&onload=onloadCallback"></script> 1935
1935<script> 1936 const onloadCallback = function () { 1937 grecaptcha.execute('6LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB', { action: 'TAG' }); 1938 }; 1939 1940 </script>
vendor: 2 bytes, line 1940
1940
1941<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2e33039a38364572ace32d6b8e1236d7","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1941
1941
1942<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4043aa6294eaaae',t:'MTc5MDI3ODQ5Mw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1942</body> 1943 1944</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.