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 Weekly Newsletter - Leftlion - Nottingham Culture</title> 13 <meta name="description" content="" /> 14 <meta property="og:title" content="LeftLion Weekly Newsletter - Leftlion - Nottingham Culture"> 15 <meta property="og:type" content="article" /> 16 <meta property="og:description" content=""> 17 <meta property="og:image" content="https://leftlion.co.uk/media/oo1pcvql/leftlionweekly.jpg?width=1200&height=630&v=1dbf71b58598100"> 18 <meta property="og:url" content="https://leftlion.co.uk/leftlion-weekly-newsletter/"> 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 346<!-- Main --> 347<main class="container mx-auto bg-white text-base lg:text-lg"> 348 <div class="grid grid-cols-12 gap-x-6 lg:gap-x-8 mb-8 px-4 md:px-6 "> 349 <section class="col-span-12 py-6"> 350 351 <h1 class="h1 max-w-5xl mb-3">LeftLion Weekly Newsletter</h1> 352 353 </section> 354 <section class="col-span-12 md:col-span-9 lg:col-span-8 " id="articleContent"> 355 <div class="max-w-screen-md text-lg md:text-xl "> 356 <div> </div> 357 </div> 358 <!--default, items, --> 359<div class="block-grid text-base" 360 data-grid-columns="12;"> 361 362<div class="flex flex-wrap "> 363 <div class="w-full mb-4" 364 data-content-element-type-alias="blockGridContentLayout" 365 data-content-element-type-key="e51b8248-bd54-41bb-8a34-7795fcdcb191" 366 data-element-udi="umb://element/78181f5229cb46579ef6dbc12830fa34" 367 data-col-span="12" 368 data-row-span="1"> 369 <div class="" > 370 <div class="container mx-auto mb-4 "> 371 372<div class="flex flex-wrap -mx-4"> 373 374<div class="w-full md:w-12/12 px-4 " 375 data-area-col-span="12" 376 data-area-row-span="1" 377 data-area-alias="full"> 378 379<div class="flex flex-wrap "> 380 <div class="w-full mb-4" 381 data-content-element-type-alias="blockGridImage" 382 data-content-element-type-key="30ea9360-8df4-4eda-be13-cba0816fb9b8" 383 data-element-udi="umb://element/a5022c30d7804cba8099c1946bcdcd6c" 384 data-col-span="12" 385 data-row-span="1"> 386 387 388 389 <figure class=" transition-all duration-300 mb-6"> 390 391 <picture>
392<source data-srcset="/media/ogjklw2r/llnewsletter.jpg?width=180&height=87&format=webp&quality=90&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&height=173&format=webp&quality=90&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&height=260&format=webp&quality=90&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&height=346&format=webp&quality=90&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&height=433&format=webp&quality=90&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&height=240&format=webp&quality=20&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260" type="image/webp" data-sizes="auto" /> 393 394<source data-srcset="/media/ogjklw2r/llnewsletter.jpg?width=180&height=87&format=avif&quality=100&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&height=173&format=avif&quality=100&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&height=260&format=avif&quality=100&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&height=346&format=avif&quality=100&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&height=433&format=avif&quality=100&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&height=240&format=avif&quality=20&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260" type="image/avif" data-sizes="auto" /> 395 396<source data-srcset="/media/ogjklw2r/llnewsletter.jpg?width=180&height=87&format=jpg&quality=70&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&height=173&format=jpg&quality=70&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&height=260&format=jpg&quality=70&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&height=346&format=jpg&quality=70&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&height=433&format=jpg&quality=70&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&height=240&format=jpg&quality=20&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260" type="image/jpeg" data-sizes="auto" /> 397<img src="/media/ogjklw2r/llnewsletter.jpg?width=500&height=240&format=jpg&quality=20&autoorient=true&sourceWidth=1000&sourceHeight=481&
397v=1dd1920de35d260" data-src="/media/ogjklw2r/llnewsletter.jpg?width=1000&height=481&format=jpg&autoorient=true&sourceWidth=1000&sourceHeight=481&v=1dd1920de35d260" class="lazyload" data-sizes="auto" alt="Llnewsletter" width="1000" height="481" /> 398</picture> 399 400 401 402 </figure> 403 </div> 404</div> 405 406</div> 407</div> 408 409 410 </div> 411 </div> 412 413 </div> 414 <div class="w-full mb-4" 415 data-content-element-type-alias="blockGridContentLayout" 416 data-content-element-type-key="e51b8248-bd54-41bb-8a34-7795fcdcb191" 417 data-element-udi="umb://element/f28bd75e26c945a89f3aa4a07749219d" 418 data-col-span="12" 419 data-row-span="1"> 420 <div class="" > 421 <div class="container mx-auto mb-4 "> 422 423<div class="flex flex-wrap -mx-4"> 424 425<div class="w-full md:w-12/12 px-4 " 426 data-area-col-span="12" 427 data-area-row-span="1" 428 data-area-alias="full"> 429 430<div class="flex flex-wrap "> 431 <div class="w-full mb-4" 432 data-content-element-type-alias="blockGridScriptEmbed" 433 data-content-element-type-key="a8e8eb89-79df-4506-bd8e-9cdf2751db30" 434 data-element-udi="umb://element/870e7cbadec54e89ad07794a4d68a87b" 435 data-col-span="12" 436 data-row-span="1"> 437 <div> 438 <iframe src="https://cdn.forms-content.sg-form.com/f32ede68-3d18-11ea-8303-46f09fb36483" class="w-full h-screen"> </iframe> 439 </div> 440 </div> 441</div> 442 443</div> 444</div> 445 446 447 </div> 448 </div> 449 450 </div> 451</div> 452 453</div> 454 455 456 </section> 457 458 <aside class="col-span-12 md:col-span-3 lg:col-span-4 justify-start relative overflow-hidden mb-6"> 459 460 <div class="grid grid-cols-12 gap-3 justify-center pb-3"> 461 <template x-for="(skyscraper, index) in skyscrapers" :key="skyscraper.id"> 462 <div class="col-span-6 md:col-span-12 inline-flex justify-center "> 463 <a class="ll-promo border-2 border-primary relative" :href="skyscraper.url" 464 x-data="{ videoReady: false }"> 465 <picture x-show="skyscraper.desktopImageHTML != ''"> 466 <source :data-srcset="skyscraper.mobileImageHTML" media="(max-width: 480px)"> 467 <img :data-srcset="skyscraper.desktopImageHTML" 468 :src="skyscraper.desktopImageSrc" width="300" height="600" 469 class="lazyload aspect-3/6 max-w-full"> 470 </picture> 471 472 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none" 473 x-show="skyscraper.htmL5Promo != ''" 474 :class="videoReady ? 'opacity-100' : 'opacity-0'" 475 x-html="skyscraper.htmL5Promo" 476 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => videoReady = true); } else if (skyscraper.htmL5Promo != '') { videoReady = true; } })"> 477 </div> 478 <div class="hidden" x-html="skyscraper.title"></div> 479 </a> 480 </div> 481 </template> 482</div> 483 484 </aside> 485 </div> 486 487</main> 488 489 <div class="lg:container lg:mx-auto bg-white mb-3"> 490 491 492 <picture x-show="promoIsLoading"> 493 <source 494 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAACWCAQAAACClLLkAAABWUlEQVR42u3TAQ0AAAjDMO5f9FGAAdJKWLK0AzwXo4PRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgeMDkY3OhgdMDpgdMDogNEBowNGB4wORgeMDhgdMDpgdMDogNEBo4PRAaMDRgeMDhgdMDpgdMDoYHQRwOiA0QGjA0YHjA4YHTA6YHQwOmB0wOiA0QGjA0YHjA4YHYwOGB0wOmB0wOiA0QGjA0YHowNGB4wOGB0wOmB0wOiA0QGjg9EBowNGB4wOGB0wOmB0wOhgdMDogNEBowNGB4wOGB0wOhgdMDpgdMDogNEBowNGB4wOGB2MDhgdMDpgdMDogNEBowNGB6MDRgeMDhgdMDpgdMDogNHB6IDRAaMDRgeMDhgdMDpgdMDoYHTA6IDRAaMDRgeMDhgdMDoYHTA6YHTA6IDRAaMDRgcuC9YnK3pdvdJmAAAAAElFTkSuQmCC" 495 media="(max-width: 480px)"> 496 <img src="data:image/png;
496base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAQAAAA9B+e4AAAAEUlEQVR42mP8/58BDhgHggMAdiAT98+go6IAAAAASUVORK5CYII=" 497 class="w-full h-full"> 498 </picture> 499 <template x-for="(banner, index) in banners"> 500 <a :href="banner.url" x-show="index == showPromo" :class="'ll-promo count-view-'+banner.id" x-cloak 501 x-data="{ desktopVideoReady: false, mobileVideoReady: false }" class="relative"> 502 <picture> 503 <source :srcset="banner.mobileImageHTML" media="(max-width: 480px)"> 504 <img :src="banner.desktopImageSrc" class="w-full h-full"> 505 </picture> 506 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none hidden md:block" 507 x-show="banner.htmL5Promo != ''" 508 :class="desktopVideoReady ? 'opacity-100' : 'opacity-0'" 509 x-html="banner.htmL5Promo" 510 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => desktopVideoReady = true); } else if (banner.htmL5Promo != '') { desktopVideoReady = true; } })"> 511 </div> 512 <div class="absolute inset-0 w-full h-full transition-opacity duration-700 pointer-events-none block md:hidden" 513 x-show="banner.htmL5MobilePromo != ''" 514 :class="mobileVideoReady ? 'opacity-100' : 'opacity-0'" 515 x-html="banner.htmL5MobilePromo" 516 x-init="$nextTick(() => { const iframe = $el.querySelector('iframe'); if (iframe) { iframe.addEventListener('load', () => mobileVideoReady = true); } else if (banner.htmL5MobilePromo != '') { mobileVideoReady = true; } })"> 517 </div> 518 <div class="hidden" x-html="banner.title"></div> 519 </a> 520 521 </template> 522 </div> 523 524<footer class="bg-secondary text-white w-full pt-6 pb-16"> 525 <section class="container mx-auto"> 526 <div class="z-0 py-4 flex flex-row gap-x-2 justify-center"> 527 528 <!-- search --> 529 <!-- Twitter --> 530 <a href="https://twitter.com/leftlion" class="group "> 531 <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"> 532 <svg viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 533<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"/> 534</svg> 535 536 </div> 537 </a> 538 <!-- Facebook --> 539 <a href="https://www.facebook.com/leftlion" class="group "> 540 <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"> 541 <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 542 <g id="surface194504499"> 543 <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="" /> 544 </g> 545 </svg> 546 </div> 547 </a> 548 <!-- Youtube --> 549 <a href="https://www.youtube.com/leftliontv" class="group "> 550 <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"> 551 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
551ox="0 0 48 48"> 552 <g id="surface194856540"> 553 <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="" /> 554 </g> 555 </svg> 556 </div> 557 </a> 558 <!-- Instagram --> 559 <a href="https://www.instagram.com/leftlionmagazine/" class="group "> 560 <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"> 561 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"> 562 <g id="surface194855108"> 563 <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
563062 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="" /> 564 </g> 565 </svg> 566 </div> 567 </a> 568 <!-- TikTok --> 569 <a href="https://www.tiktok.com/@leftlionmagazine" class="group "> 570 <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"> 571 <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> 572 </div> 573 </a> 574 575 576 </div> 577 <div class="w-full text-center"> 578 <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 "> 579 <img src="/ll/icons/patron-white.svg" class="mr-2 -ml-1 w-5 h-5"> 580 Support LeftLion 581 </a> 582 <div class=""> 583 <p class="mb-4">Copyright © 2023 LeftLion Ltd (8661252)</p> 584 </div> 585 586 <nav class="flex flex-wrap gap-x-2 justify-center"> 587 <a href="/contact-us/" class="btn btn-primary">Contact us</a> 588 <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> 589 <a href="/features/2025/01/how-leftlion-magazine-is-distributed-across-nottingham-and-nottinghamshire/" class="btn btn-primary">Distribution</a> 590 <a href="/features/2025/06/contribute-to-leftlion/" class="btn btn-primary">Contribute</a> 591 <a href="/features/2023/01/leftlion-goes-carbon-neutral/" class="btn btn-primary">LeftLion Goes Carbon Neutral</a> 592 <a href="/about-us/" class="btn btn-primary">About us</a> 593 <a href="https://imagerelease.uk" class="btn btn-primary">imageRelease</a> 594 595 </nav> 596 597 </div> 598 <div class="w-full flex flex-col md:flex-row flex-wrap justify-center items-center md:justify-around -mx-4"> 599 <div class="px-2 w-1/2 md:w-1/4 mb-4 md:mb-0"> 600 <img width="300" height="52" src="/ll/logos/EU-ERDF-EN.svg" alt="European Union, ERDF logo"/> 601 </div> 602 <a class="px-4" href="https://extended.agency/"> 603 <div class="flex flex-col md:flex-row items-center"> 604 <p>Designed & Created by </p> 605 <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"> 606 607 <g transform="translate(0.000000,316.000000) scale(0.100000,-0.100000)" fill="currentcolor" stroke="none"> 608 <path d="M4715 2908 c-3 -7 -4 -483 -3 -1058 l3 -1045 60 0 60 0 5 925 c4 700 609 8 918 16 895 11 -28 246 -698 518 -1475 l121 -345 75 0 75 0 3 1058 2 1058 610 -62 -3 -63 -3 -5 -875 -5 -875 -100 280 c-54 154 -194 548 -311 875 l-211 595 611 -87 3 c-63 2 -88 -1 -91 -10z"></path> 612 <path d="M172 1858 l3 -1053 412 -3 413 -2 0 65 0 65 -345 0 -345 0 0 440 0 613 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 614 -415 0 -415 0 2 -1052z"></path> 615 <path d="M1230 2902 c0 -5 95 -227 211 -493 116 -266 213 -491 216 -500 4 -13 616 -75 -201 -382 -904 -46 -104 -81 -193 -78 -197 7 -13 120 -9 130 5 5 6 101 617 225 214 484 112 260 207 473 210 473 3 0 100 -217 216 -482 l209 -483 72 -3 618 c48 -2 72 1 72 8 0 6 -103 251 -230 545 -126 293 -230 538 -230 544 0 5 94 619 226 209 491 116 265 213 490 216 501 6 19 3 20 -60 17 l-67 -3 -194 -439 620 c-106 -241 -195 -440 -198 -443 -6 -7 -1 -18 -215 472 l-179 410 -71 3 c-39 2 621 -71 -1 -71 -6z"></path> 622 <path d="M2470 2850 l0 -60 214 0 c187 0 215 -2 220 -16 3 -9 6 -451 6 -983 0 623 -531 0 -972 0 -978 0 -9 20 -13 65 -13 l65 0 2 993 3 992 213 3 212 2 0 60 0 624 60 -500 0 -500 0 0 -60z"></path> 625 <path d="M3660 1855 l0 -1055 413 2 412 3 3 62 3 63 -346 0 -345 0 0 440 0 626 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 627 -415 0 -415 0 0 -1055z"></path> 628 <path d="M5882 1858 l3 -1053 230 -3 c127 -2 266 2 310 8 190 24 317 143 366 629 340 11 44 14 191 14 720 l0 665 -27 78 c-35 98 -63 142 -127 200 -97 86 -121 630 91 -469 95 l-302 3 2 -1053z m598 901 c101 -48 160 -133 180 -259 13 -88 13 631 -1193 -1 -1280 -20 -128 -75 -212 -167 -25
6317 -56 -28 -61 -28 -264 -31 l-208 632 -4 0 924 c0 509 3 928 8 932 4 4 95 6 202 4 185 -3 198 -5 250 -29z"></path> 633 <path d="M7040 1855 l0 -1055 415 0 415 0 0 65 0 65 -345 0 -345 0 0 440 0 634 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 635 -415 0 -415 0 0 -1055z"></path> 636 <path d="M8100 1855 l0 -1055 238 0 c287 0 354 9 449 55 119 59 187 154 219 637 305 23 110 16 1373 -8 1441 -45 127 -104 207 -188 253 -93 51 -131 56 -432 56 638 l-278 0 0 -1055z m602 902 c69 -34 120 -90 150 -166 l23 -56 0 -675 0 -675 639 -24 -60 c-16 -41 -40 -76 -75 -111 -76 -74 -128 -86 -361 -82 l-180 3 -3 915 640 c-1 503 0 921 3 929 4 11 43 13 208 9 197 -3 204 -4 259 -31z"></path> 641 <path d="M183 144 c-3 -8 -1 -20 4 -25 5 -5 1660 -8 4324 -7 4306 3 4314 3 642 4314 23 0 20 -8 20 -4318 23 -3914 2 -4318 1 -4324 -14z"></path> 643 </g> 644 </svg> 645 </div> 646 </a> 647 </div> 648 </section> 649</footer> 650 651 652 <div x-show="loginModal" x-cloak class="top-0 left-0 absolute z-40 w-full h-screen bg-white/75"> 653 <div class="w-full h-full flex items-center justify-center "> 654 <div class="w-full max-w-lg shadow-lg rounded-lg"> 655 656 657 658<div> 659 660 <div class=" mb-12 md:mb-0 bg-secondary p-6 rounded-lg text-white relative" x-data="loginTabs()"> 661 662 <div class="absolute top-2 right-2" x-cloak x-show ="loginModal"> 663 <a href="#" @click.prevent="loginModal = false" class="flex justify-center items-center bg-primary rounded-full h-8 w-8"> 664 <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"> 665 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 666 </svg> 667 </a> 668 669 </div> 670 671 <div x-show="currentTab =='login'" x-cloak> 672 <!-- Right column container --> 673 <!--Sign in section--> 674 675 <div class="flex flex-wrap items-center justify-center lg:justify-start"> 676 677 <p class="w-full mb-2 text-xl text-center font-display">Sign in using</p> 678 </div> 679 <div class="flex flex-wrap -mx-0.5 justify-center"> 680 <div class="px-0.5"> 681<form action="/leftlion-weekly-newsletter/" enctype="multipart/form-data" id="form738a51fe609b4d18a154324bd4b072c7" 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"> 682 <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">
682<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> 683 </button> 684 <div class="w-full"> 685 </div> 686<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA2n7mjEF8fXJrY52KILx6enbvljzfFAddDgFhXOsaOZs11tHAicsoSmuIGlia0vyQOO8siHPm-Xn5fyHAhW-gx4yTsmhD8qYK_c-Y04aHoA7tu06YLlH07HbIz2hkvZgiU42nzVVAl2CcGOYeN67Qy-" /></form> </div> 687 <div class="px-0.5"> 688<form action="/leftlion-weekly-newsletter/" enctype="multipart/form-data" id="form276add8bcc2241448b8e56ea7a42585d" 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"> 689 <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"
690 viewBox="0 0 310 310" xml:space="preserve"> 691 <g id="XMLID_834_"> 692 <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 693 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 694 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 695 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 696 c-2.762,0-5,2.238-5,5v50.844C76.703,162.867,78.941,165.106,81.703,165.106z"/> 697 </g> 698 </svg> 699 </button> 700 <div class="w-full"> 701 </div> 702<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA0K1C5JP6sDfKetZeB_LO2ova9fw6-pSQa176kHqvk6pt3J7dOJmnqNbUn6aN2UirYdN0vKqSD30IMaENacqhZ-BjwPb1i7ztjIltmQrz26VPGTsw-lM6q13yjdhEZwQZ_CSlOFYJd6Mn7eVcT9uuGA" /></form> </div> 703 704 </div> 705 <!-- Separator between social media sign in and email/password sign in --> 706 <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"> 707 <p class="mx-4 mb-0 text-center font-semibold "> 708 Or using your 709 </p> 710 </div> 711<form action="/leftlion-weekly-newsletter/" autocomplete="off" enctype="multipart/form-data" id="loginForm" method="post"> <div class="flex flex-wrap -mx-2"> 712 <!-- Email input --> 713 <input type="hidden" id="CurrentTab" name="CurrentTab" value="" /> 714 <div class="px-2 relative z-0 w-full md:w-1/2 mb-6 group"> 715 <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="" /> 716 <label class="field-label text-white peer-focus:left-2 peer-focus:border-white " for="Username">Email address</label> 717 718 <span class="text-danger field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span> 719 720 </div> 721 <!-- Password input --> 722 <div class="px-2 relative z-0 w-full md:w-1/2 mb-6 group"> 723 <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" /> 724 <label class="field-label text-white peer-focus:left-2 peer-focus:border-white" for="Password">Password</label> 725 <span class="text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> 726 </div> 727 </div> 728 <div class="mb-6 flex items-center justify-between"> 729 <!-- Remember me checkbox --> 730 <div class=""> 731 <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" />
732 <span class="text-danger field-validation-valid" data-valmsg-for="RememberMe" data-valmsg-replace="true"></span> 733 <label class="inline-block pl-[0.15rem] hover:cursor-pointer text-sm" for="RememberMe">Remember me</label> 734 </div> 735 <!--Forgot password link--> 736 <a href="" @click.prevent="currentTab = 'reminder'" class="text-sm underline hover:no-underline">Forgot password?</a> 737 </div> 738 <!-- Login button --> 739 <div class="w-full flex flex-wrap -mx-2 justify-between"> 740 <div class="px-2"> 741 <input id="captchaRegistrationFormsendLogin" type="hidden" name="captcha" value="" /> 742 <button type="submit" id="sendLogin" class="btn btn-primary hover:bg-white hover:text-slate-900"> 743 Login 744 </button> 745 </div> 746 <div class="px-2"> 747 <!-- Register link --> 748 749 <a href="#!" @click.prevent="currentTab = 'register'" class="btn-small btn-white hover:text-white hover:bg-primary"> 750 or Register 751 </a> 752 753 </div> 754 </div> 755<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA37nT4XSKqKQFdjyhS6KRsGwYVn2tu2gvUOE7g3J1nQPyGpVuNJmkdyxS4quiGqoWsJxG8ckyGxH1fcd2Tin1XLz1-ZK_eMDvYsw4DxFcR5xc8r-8mz6Kyv-IfzEzMB5dw" /><input name="RememberMe" type="hidden" value="false" /></form> </div> 756 <div x-show="currentTab == 'register'" class="text-white" x-cloak> 757 758<form action="/leftlion-weekly-newsletter/" enctype="multipart/form-data" id="registerForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 759 <h3 class=" text-xl text-white font-display mb-3 semibold">Register an account</h3> 760 <div class="flex flex-wrap -mx-2"> 761 762 <div class="relative z-0 w-1/2 mb-3 group px-2"> 763 764 <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="" /> 765 <label class="field-label text-white peer-focus:left-2 " for="Registration_FirstName">First Name</label> 766 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.FirstName" data-valmsg-replace="true"></span> 767 </div> 768 <div class="relative z-0 w-1/2 mb-3 group px-2"> 769 770 <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="" /> 771 <label class="field-label text-white peer-focus:left-2 " for="Registration_LastName">Last Name</label> 772 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.LastName" data-valmsg-replace="true"></span> 773 </div> 774 775 <div class="relative z-0 w-full mb-3 group px-2"> 776 777 <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="" /> 778 <label class="field-label text-white peer-focus:left-2 " for="Registration_Email">Email</label>
779 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Email" data-valmsg-replace="true"></span> 780 </div> 781 782 <div class="relative z-0 w-full md:w-1/2 mb-1 px-2 peer"> 783 784 <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" /> 785 <label class="field-label text-white peer-focus:left-2 " for="Registration_Password">Password</label> 786 787 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Password" data-valmsg-replace="true"> 788 </span> 789 </div> 790 791 <div class="relative z-0 w-full md:w-1/2 mb-1 px-2"> 792 793 <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" /> 794 <label class="field-label text-white peer-focus:left-2 " for="Registration_ConfirmPassword">Confirm Password</label> 795 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.ConfirmPassword" data-valmsg-replace="true"></span> 796 </div> 797 <div class="relative z-0 w-full mb-3 px-2"> 798 <div class="text-sm italic w-full block field-validation-warning"> 799 Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character. 800 801 </div> 802 </div> 803 804 <div class="relative z-0 w-full mb-3 px-2"> 805 806 <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" /> 807 <label class="ml-2 text-sm font-semibold text-white " for="Registration_Consent">Yes, I give permission to store and process my data</label> 808 <span class="validation-error-box field-validation-valid" data-valmsg-for="Registration.Consent" data-valmsg-replace="true"></span> 809 810 </div> 811 812 <!-- register button --> 813 <div class="px-2 w-full flex flex-wrap -mx-2 justify-between"> 814 <div class="px-2"> 815 <input id="captchaRegistrationFormsendRegister" type="hidden" name="captcha" value="" /> 816 <button type="submit" id="sendRegister" class="btn btn-primary hover:text-slate-900 hover:bg-white"> 817 Register 818 </button> 819 </div> 820 <div class="px-2"> 821 <!-- login link --> 822 <a href="#!" @click.prevent="currentTab = 'login'" class="btn-small btn-white hover:bg-primary hover:text-white"> 823 Or Login 824 </a> 825 </div> 826 </div> 827 </div> 828<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA0v0DlxA3W23p3ybuiWumF6WeBeznHvW0nj5YHZtBf_fQ_sWrvULA9b1JUb8ni3WxU5MyYe7L0tg7S40ctbpoDNGMEOc-VFm7VAtEfSL8rSy8iMYq9cn-xhKkdQNzU5VpnKvyOzSMVDVJXVPQq2Dn8K" /><input name="Registration.Consent" type="hidden" value="false" /></form> 829 830 </div> 831 <div x-show="currentTab == 'reminder'" x-cloak> 832<form action="/leftlion-weekly-newsletter/" enctype="multipart/form-data" id="reminderForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 833 <h3 class=" text-xl text-white font-display mb-3">Forgotten your password?</h3> 834 <div class="flex flex-wrap -mx-2"> 835 836 <div class="relative z-0 w-full mb-3 group px-2"> 837 838 <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="" /> 839 <label class="field-label text-white peer-focus:left-2" for="Forgotten_Email">Email</label>
840 <span class="form-text text-danger field-validation-valid" data-valmsg-for="Forgotten.Email" data-valmsg-replace="true"></span> 841 </div> 842 843 844 <!-- Login button --> 845 <div class="w-full flex flex-wrap -mx-2 justify-between"> 846 <div class="px-2"> 847 <input id="captchaRegistrationFormsendReminder" type="hidden" name="captcha" value="" /> 848 <button type="submit" id="sendReminder" class="btn btn-primary hover:bg-white hover:text-slate-900"> 849 Send reset email 850 </button> 851 </div> 852 <div class="px-2"> 853 <a href="#" @click="currentTab = 'register'" class="btn-small btn-white hover:bg-primary hover:text-white mr-2"> 854 Or Register 855 </a> 856 <a href="#!" @click="currentTab = 'login'" class="btn-small btn-white hover:bg-primary hover:text-white"> 857 Or Login 858 </a> 859 </div> 860 </div> 861 </div> 862<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA0LIbtFPq_DReN88mEg7_Kn_gBddwuSwKZqLibZT6nu7XOlVFFW6DUGxq7NEfeAEUzeN0ezsWpCP_O4PjzeCUtiiTKgufvEu9deTE4wcgeHnugzd4sHx-Uiva4w5O7bQ60yAqSZ8RkYPscp6z8UHDKuvyOImYEjRdQj1zKX48mo0A" /></form> 863 864 </div> 865 <div x-show="currentTab == 'forgottenForm'" x-cloak> 866<form action="/leftlion-weekly-newsletter/" enctype="multipart/form-data" id="setPasswordForm" method="post"> <input type="hidden" x-model="currentTab" id="CurrentTab" name="CurrentTab" value="" /> 867 <h3 class=" text-xl text-white font-display mb-3">Reset your password?</h3> 868 <div class="flex flex-wrap -mx-2"> 869 870 <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" /> 871 <input type="hidden" value='' data-val="true" data-val-required="You must follow the link in your email" id="ResetPassword_Token" name="ResetPassword.Token" /> 872 <div class="relative z-0 w-full md:w-1/2 mb-1 group px-2"> 873 874 <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" /> 875 <label class="field-label text-white peer-focus:left-2" for="ResetPassword_Password">Password</label> 876 <span class="form-text text-danger field-validation-valid" data-valmsg-for="ResetPassword.Password" data-valmsg-replace="true"></span> 877 </div> 878 <div class="relative z-0 w-full md:w-1/2 mb-1 group px-2"> 879 880 <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" /> 881 <label class="field-label text-white peer-focus:left-2" for="ResetPassword_ConfirmPassword">Confirm Password</label>
882 <span class="form-text text-danger field-validation-valid" data-valmsg-for="ResetPassword.ConfirmPassword" data-valmsg-replace="true"></span> 883 </div> 884 885 <div class="relative z-0 w-full mb-3 px-2"> 886 <div class="text-sm font-semibold italic w-full block field-validation-warning"> 887 Password must be at least 8 characters long, have 1 uppercase, 1 lowercase, 1 number and 1 special character. 888 889 </div> 890 </div> 891 892 <!-- Login button --> 893 <div class="w-full flex flex-wrap -mx-2 justify-between px-2"> 894 <div class="px-2"> 895 <input id="captchaRegistrationFormsetPassword" type="hidden" name="captcha" value="" /> 896 <button type="submit" id="setPassword" class="btn btn-primary"> 897 Set new password 898 </button> 899 </div> 900 <div class="px-2"> 901 <a href="#" @click.prevent="currentTab = 'register'" class="btn btn-white mr-2"> 902 Register 903 </a> 904 <a href="#!" @click.prevent="currentTab = 'login'" class="btn btn-white"> 905 Login 906 </a> 907 </div> 908 </div> 909 </div> 910<input name="__RequestVerificationToken" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA1P1XS5syP25Gin-z_Jwy_dF21cgG9xGi7qwScREwr4hVnY3D0SQcvRunurQpBi-YEjlT-fayMiBq21iHxMvxcsCwMVs_A-R-kUxfCrr2PW7J6Nfyt8icZU3hDoGy8nWt8" /><input name="ufprt" type="hidden" value="CfDJ8GT8va4Yy21CtIIOKvfvWA3ZUjF7jJ3y7r8670zG_Bw-7xX78tNUbEISp2RjJTwBqEXkWqNzuNA-pNS7mydzX5XxW7RndFbBGzmnyneKAAppzAFnchzTfcgmtRqb1xZXSg7xQk-Ae7-7dMHF2uQkTslJF1w5YjgOJEOfktCYaM9P" /></form> 911 912 </div> 913 </div> 914 915 916</div>
917<script type="text/javascript"> 918 919 function captchaSubmit(action, hiddenField, form) { 920 grecaptcha.ready(function () { 921 grecaptcha.execute('6LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB', { action: action }) 922 .then(function (token) { 923 //set the token to the form element 924 document.getElementById(hiddenField).value = token; 925 //alert(document.getElementById(hiddenField).value); 926 //submit the form 927 document.getElementById(form).submit(); 928 929 }); 930 }); 931 }; 932 document.getElementById("setPassword").onclick = function (event) { 933 //Action, hiddenField, formId 934 captchaSubmit("SetPassword", "captchaRegistrationFormsetPassword", "setPasswordForm"); 935 event.preventDefault(); 936 }; 937 document.getElementById("sendReminder").onclick = function (event) { 938 //Action, hiddenField, formId 939 captchaSubmit("Reminder", "captchaRegistrationFormsendReminder", "reminderForm"); 940 event.preventDefault(); 941 }; 942 document.getElementById("sendRegister").onclick = function (event) { 943 //Action, hiddenField, formId 944 captchaSubmit("Register", "captchaRegistrationFormsendRegister", "registerForm"); 945 event.preventDefault(); 946 }; 947 document.getElementById("sendLogin").onclick = function (event) { 948 //Action, hiddenField, formId 949 captchaSubmit("Login", "captchaRegistrationFormsendLogin", "loginForm"); 950 event.preventDefault(); 951 }; 952 function loginTabs() { 953 954 955 let qTab = 'login'; 956 let qTabStr = '' == "1" ? 'login' : new URLSearchParams(location.search).get('currentTab'); 957 958 if (qTabStr != null) { 959 qTab = qTabStr; 960 }; 961 962 return { 963 // other default properties 964 isLoading: false, 965 currentTab: qTab, 966 967 init(){ 968 const url = new URL(window.location.href); 969 this.$watch('currentTab', (value) => { 970 url.searchParams.set('currentTab', value); 971 972 url.searchParams.delete('email', ''); 973 url.searchParams.delete('forgottenToken', ''); 974 history.pushState(null, document.title, url.toString()); 975 }); 976 if ('' == '1'){ 977 url.searchParams.set('currentTab', 'login'); 978 url.searchParams.delete('email', ''); 979 url.searchParams.delete('forgottenToken', ''); 980 history.pushState(null, document.title, url.toString()); 981 } 982 983 }, 984 985 986 987 }; 988 }; 989</script>
989 990 991 </div> 992 </div> 993 </div> 994 <div x-show="newsletterModal" x-cloak class="top-0 left-0 absolute z-40 w-full h-full bg-white/75"> 995 <div class="w-full h-full flex items-center justify-center "> 996 <div class="w-full max-w-2xl shadow-lg rounded-lg "> 997 <div class=" mb-12 md:mb-0 bg-secondary p-6 rounded-lg text-white relative"> 998 999 <div class="absolute top-2 right-2" x-cloak x-show="newsletterModal"> 1000 <a href="#" @click.prevent="newsletterModal = false" 1001 class="flex justify-center items-center bg-primary rounded-full h-8 w-8"> 1002 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1003 stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 1004 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 1005 </svg> 1006 </a> 1007 1008 </div> 1009 <div class="h-full"> 1010 <iframe src="https://cdn.forms-content.sg-form.com/f32ede68-3d18-11ea-8303-46f09fb36483" 1011 class="h-[575px] w-full"></iframe> 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016 </div> 1017 </div> 1018 1019
1019<script defer src="/ll/js/bundle.js?1=2"></script>
1019 1020
1020<script src="/sb/ll-js.js.ve19912f57a8af2c2b52040b9e9f591eda207d98e"></script>
1020 1021 1022 1023 1024 1025 1026
1026<script> 1027 function modals() { 1028 return { 1029 loginModal: Alpine.$persist(false), 1030 newsletterModal: false, 1031 manageNewsletter() { 1032 this.newsletterModal = true; 1033 if (this.newsletterModal) { 1034 window.scrollTo(0, 0); 1035 } 1036 1037 } 1038 }; 1039 } 1040 1041 function getPromos() { 1042 1043 return { 1044 // other default properties 1045 promoIsLoading: false, 1046 skyscrapers: [], 1047 banners: [], 1048 takeovers: [], 1049 skyscraper: [], 1050 showPromo: 0, 1051 showSkyScrapers: [], 1052 init() { 1053 this.fetchPromos(); 1054 this.$interval(() => this.rotateThem(), 10000); 1055 1056 1057 1058 }, 1059 fetchPromos() { 1060 1061 this.promoIsLoading = true; 1062 1063 1064 fetch(`/umbraco/api/promoApi/getPromosJson`) 1065 .then(res => res.json()) 1066 .then(data => { 1067 this.skyscrapers = data.skyScrapers; 1068 this.banners = data.bannerPromos; 1069 this.takeovers = data.takeovers; 1070 this.showSkyScrapers = this.skyscrapers; 1071 console.log(this.skyscrapers); 1072 1073 }).then(x => { 1074 1075 this.promoIsLoading = false; 1076 this.rotateThem; 1077 }); 1078 1079 1080 1081 }, 1082 rotateThem() { 1083 1084 if (this.banners.length == this.showPromo + 1) { 1085 this.showPromo = -1; 1086 } 1087 this.showPromo++; 1088 if (this.skyscrapers.length > 1) { 1089 1090 1091 shuffle(this.skyscrapers); 1092 1093 this.showSkyScrapers = this.skyscrapers; 1094 1095 1096 1097 1098 } 1099 1100 1101 }, 1102 1103 1104 }; 1105 }; 1106 function shuffle(array) { 1107 let currentIndex = array.length; 1108 1109 // While there remain elements to shuffle... 1110 while (currentIndex != 0) { 1111 1112 // Pick a remaining element... 1113 let randomIndex = Math.floor(Math.random() * currentIndex); 1114 currentIndex--; 1115 1116 // And swap it with the current element. 1117 [array[currentIndex], array[randomIndex]] = [ 1118 array[randomIndex], array[currentIndex]]; 1119 } 1120 } 1121 1122 </script>
vendor: 82 bytes, lines 1122-1128
1122 1123 1124 1125 1126 1127 1128 <script async src="https://www.google.com/recaptcha/api.js?render=
11286LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB
vendor: 43 bytes, lines 1128-1129
1128&onload=onloadCallback"></script> 1129
1129<script> 1130 const onloadCallback = function () { 1131 grecaptcha.execute('6LfRtL4ZAAAAAEMf23Bs4tfQn23Dnm7w96r_2UaB', { action: 'TAG' }); 1132 }; 1133 1134 </script>
vendor: 2 bytes, line 1134
1134
1135<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:'a4043abadea1aaae',t:'MTc5MDI3ODQ5Ng=='};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>
1135<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>
1135 1136</body> 1137 1138</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.