PageSourceSearch

https://leftlion.co.uk/leftlion-weekly-newsletter/

html leftlion.co.uk collected 2026-09-24 19:34:56 UTC 106,518 bytes, 1,138 lines download raw bytes

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&amp;height=630&amp;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&amp;family=Oswald:wght@600&amp;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&amp;height=101&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=202&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;
162sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=304&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=405&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=506&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=608&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=709&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=810&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=911&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=1012&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=1114&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&amp;height=540&amp;format=webp&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/webp" data-sizes="auto" />
163
164<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&amp;height=101&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=202&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=304&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=405&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=506&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=608&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=709&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=810&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=911&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=1012&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=1114&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&amp;height=540&amp;format=avif&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/avif" data-sizes="auto" />
165
166<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&amp;height=101&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;
166sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=202&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=304&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=405&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=506&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=608&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=709&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=810&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=911&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=1012&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=1114&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=960&amp;height=540&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/jpeg" data-sizes="auto" />
167<img src="/media/3aliiul4/cover-199.jpg?width=960&amp;height=540&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" data-src="/media/3aliiul4/cover-199.jpg?width=1920&amp;height=1080&amp;format=jpg&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;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&#x27;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 &amp; 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&amp;height=234&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;
298sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=468&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=702&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=936&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=1170&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=1404&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=1638&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=1872&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=2106&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=2340&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=2574&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&amp;height=325&amp;format=webp&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/webp" data-sizes="auto" />
299
300<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&amp;height=234&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=468&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=702&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=936&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=1170&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=1404&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=1638&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=1872&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=2106&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=2340&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=2574&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&amp;height=325&amp;format=avif&amp;quality=20&amp;autoorient=true&amp;
300sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/avif" data-sizes="auto" />
301
302<source data-srcset="/media/3aliiul4/cover-199.jpg?width=180&amp;height=234&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 180w,/media/3aliiul4/cover-199.jpg?width=360&amp;height=468&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 360w,/media/3aliiul4/cover-199.jpg?width=540&amp;height=702&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 540w,/media/3aliiul4/cover-199.jpg?width=720&amp;height=936&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 720w,/media/3aliiul4/cover-199.jpg?width=900&amp;height=1170&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 900w,/media/3aliiul4/cover-199.jpg?width=1080&amp;height=1404&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1080w,/media/3aliiul4/cover-199.jpg?width=1260&amp;height=1638&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1260w,/media/3aliiul4/cover-199.jpg?width=1440&amp;height=1872&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1440w,/media/3aliiul4/cover-199.jpg?width=1620&amp;height=2106&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1620w,/media/3aliiul4/cover-199.jpg?width=1800&amp;height=2340&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1800w,/media/3aliiul4/cover-199.jpg?width=1980&amp;height=2574&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0 1980w" srcset="/media/3aliiul4/cover-199.jpg?width=250&amp;height=325&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" type="image/jpeg" data-sizes="auto" />
303<img src="/media/3aliiul4/cover-199.jpg?width=250&amp;height=325&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;v=1dd3483bc9f4ea0" data-src="/media/3aliiul4/cover-199.jpg?width=500&amp;height=650&amp;format=jpg&amp;autoorient=true&amp;sourceWidth=3307&amp;sourceHeight=3957&amp;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&amp;height=87&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&amp;height=173&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&amp;height=260&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&amp;height=346&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&amp;height=433&amp;format=webp&amp;quality=90&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&amp;height=240&amp;format=webp&amp;quality=20&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260" type="image/webp" data-sizes="auto" />
393
394<source data-srcset="/media/ogjklw2r/llnewsletter.jpg?width=180&amp;height=87&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&amp;height=173&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&amp;height=260&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&amp;height=346&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&amp;height=433&amp;format=avif&amp;quality=100&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&amp;height=240&amp;format=avif&amp;quality=20&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260" type="image/avif" data-sizes="auto" />
395
396<source data-srcset="/media/ogjklw2r/llnewsletter.jpg?width=180&amp;height=87&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 180w,/media/ogjklw2r/llnewsletter.jpg?width=360&amp;height=173&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 360w,/media/ogjklw2r/llnewsletter.jpg?width=540&amp;height=260&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 540w,/media/ogjklw2r/llnewsletter.jpg?width=720&amp;height=346&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 720w,/media/ogjklw2r/llnewsletter.jpg?width=900&amp;height=433&amp;format=jpg&amp;quality=70&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260 900w" srcset="/media/ogjklw2r/llnewsletter.jpg?width=500&amp;height=240&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;v=1dd1920de35d260" type="image/jpeg" data-sizes="auto" />
397<img src="/media/ogjklw2r/llnewsletter.jpg?width=500&amp;height=240&amp;format=jpg&amp;quality=20&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;
397v=1dd1920de35d260" data-src="/media/ogjklw2r/llnewsletter.jpg?width=1000&amp;height=481&amp;format=jpg&amp;autoorient=true&amp;sourceWidth=1000&amp;sourceHeight=481&amp;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&amp;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.