PageSourceSearch

https://leftlion.co.uk/

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

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.