1<!DOCTYPE html> 2<html lang="en" 3 class="dark scroll-smooth"> 4 5<head> 6 <meta charset="utf-8" /> 7<meta http-equiv="X-UA-Compatible" 8 content="IE=edge"> 9<meta name="viewport" 10 content="width=device-width, user-scalable=no, viewport-fit=cover"> 11<meta http-equiv="ScreenOrientation" 12 content="autoRotate:disabled" /> 13<meta name="apple-mobile-web-app-capable" 14 content="yes" /> 15<meta name="mobile-web-app-capable" 16 content="yes" /> 17<meta name="apple-touch-fullscreen" 18 content="yes" /> 19<meta name="apple-mobile-web-app-title" 20 content="48 Hour Film Project" /> 21<meta name="apple-mobile-web-app-status-bar-style" 22 content="black-translucent" /> 23<meta name="description" 24 content="A fast-paced weekend in which teams compete to create the best short film in only 48 hours, using required elements. The films premiere at a local cinema." /> 25<meta name="og:description" 26 content="A fast-paced weekend in which teams compete to create the best short film in only 48 hours, using required elements. The films premiere at a local cinema." /> 27<meta name="og:title" 28 content="48 Hour Film Project" /> 29<meta name="og:url" 30 content="https://48hourfilm.com" /> 31<meta name="og:image" 32 content="https://48hourfilm.com/images/og-image-default.png" /> 33<meta name="og:image:secure_url" 34 content="https://48hourfilm.com/images/og-image-default.png" /> 35<meta name="csrf-token" 36 content="oPlfQDrCHlbEHUG0sjQqdsT8YZ4Z93SSRRf7loSZ"> 37 38<title> 39 Log in | 48 Hour Film Project 40</title> 41 42<!-- Icons --> 43<link rel="icon" 44 href="/favicon.ico" 45 sizes="any" /> 46<link rel="icon" 47 href="/favicon.svg" 48 type="image/svg+xml" /> 49<link rel="apple-touch-icon" 50 href="/48-hfp-180.png" /> 51 52<!-- Splash Screens --> 53 54<!-- iPad Pro (5th gen 12.9) --> 55<link rel="apple-touch-startup-image" 56 href="/images/splash/apple-splash-2048-2732.png" 57 media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 58<link rel="apple-touch-startup-image" 59 href="/images/splash/apple-splash-2732-2048.png" 60 media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 61<!-- iPad Pro (5th gen 11) --> 62<link rel="apple-touch-startup-image" 63 href="/images/splash/apple-splash-1668-2388.png" 64 media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 65<link rel="apple-touch-startup-image" 66 href="/images/splash/apple-splash-2388-1668.png" 67 media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 68<!-- iPad Mini (5th gen) --> 69<link rel="apple-touch-startup-image" 70 href="/images/splash/apple-splash-1536-2048.png" 71 media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 72<link rel="apple-touch-startup-image" 73 href="/images/splash/apple-splash-2048-1536.png" 74 media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 75<!-- iPad Air (3rd gen) --> 76<link rel="apple-touch-startup-image" 77 href="/images/splash/apple-splash-1668-2224.png" 78 media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 79<link rel="apple-touch-startup-image" 80 href="/images/splash/apple-splash-2224-1668.png" 81 media="(device-width: 834px) and (device-height: 1112px)and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 82<!-- iPad Air (4th gen) --> 83<link rel="apple-touch-startup-image" 84 href="/images/splash/apple-splash-2360-1640.png" 85 media="(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 86<link rel="apple-touch-startup-image" 87 href="/images/splash/apple-splash-1640-2360.png" 88 media="(device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 89<!-- iPad 9th gen --> 90<link rel="apple-touch-startup-image" 91 href="/images/splash/apple-splash-1620-2160.png" 92 media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 93<link rel="apple-touch-startup-image" 94 href="/images/splash/apple-splash-2160-1620.png" 95 media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 96<!-- iPhone 14 Pro Max --> 97<link rel="apple-touch-startup-image" 98 href="/images/splash/apple-splash-1290-2796.png" 99 media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 100<link rel="apple-touch-startup-image" 101 href="/images/splash/apple-splash-2796-1290.png" 102 media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 103<!-- iPhone 14 Pro --> 104<link rel="apple-touch-startup-image" 105 href="/images/splash/apple-splash-1179-2556.png" 106 media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 107<link rel="apple-touch-startup-image" 108 href="/images/splash/apple-splash-2556-1179.png" 109 media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 110<!-- iPhone 14 Plus --> 111<link rel="apple-touch-startup-image" 112 href="/images/splash/apple-splash-1284-2778.png" 113 media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 114<link rel="apple-touch-startup-image" 115 href="/images/splash/apple-splash-2778-1284.png" 116 media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 117<!-- iPhone 12 Pro --> 118<link rel="apple-touch-startup-image" 119 href="/images/splash/apple-splash-1170-2532.png" 120 media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 121<link rel="apple-touch-startup-image" 122 href="/images/splash/apple-splash-2532-1170.png" 123 media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 124<!-- iPhone 11 --> 125<link rel="apple-touch-startup-image" 126 href="/images/splash/apple-splash-1125-2436.png" 127 media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 128<link rel="apple-touch-startup-image" 129 href="/images/splash/apple-splash-2436-1125.png" 130 media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 131<!-- iPhone 11 Pro Max --> 132<link rel="apple-touch-startup-image" 133 href="/images/splash/apple-splash-1242-2688.png" 134 media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 135<link rel="apple-touch-startup-image" 136 href="/images/splash/apple-splash-2688-1242.png" 137 media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 138<!-- iPhone Xr --> 139<link rel="apple-touch-startup-image" 140 href="/images/splash/apple-splash-828-1792.png" 141 media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 142<link rel="apple-touch-startup-image" 143 href="/images/splash/apple-splash-1792-828.png" 144 media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 145<!-- iPhone 7/8 Plus --> 146<link rel="apple-touch-startup-image" 147 href="/images/splash/apple-splash-1242-2208.png" 148 media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"> 149<link rel="apple-touch-startup-image" 150 href="/images/splash/apple-splash-2208-1242.png" 151 media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"> 152<!-- iPhone 6 and 4.7 iPhone SE --> 153<link rel="apple-touch-startup-image" 154 href="/images/splash/apple-splash-750-1334.png" 155 media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 156<link rel="apple-touch-startup-image" 157 href="/images/splash/apple-splash-1334-750.png" 158 media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 159<!-- iPod Touch 5th Generation and 4inch iPhone SE --> 160<link rel="apple-touch-startup-image" 161 href="/images/splash/apple-splash-640-1136.png" 162 media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"> 163<link rel="apple-touch-startup-image" 164 href="/images/splash/apple-splash-1136-640.png" 165 media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"> 166 167
168<script src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js" 169 defer></script>
169 170 171<link rel="preload" as="style" href="https://48hourfilm.com/build/assets/app-D7t8mmPw.css" /><link rel="stylesheet" href="https://48hourfilm.com/build/assets/app-D7t8mmPw.css" data-navigate-track="reload" /> 172<link rel="modulepreload" as="script" href="https://48hourfilm.com/build/assets/app-DjJmXapg.js" />
172<script type="module" src="https://48hourfilm.com/build/assets/app-DjJmXapg.js" data-navigate-track="reload"></script>
172 <link rel="manifest" 173 href="/manifest-dash.json" /> 174 <style> 175 :root.dark { 176 color-scheme: dark; 177 } 178</style>
179<script> 180 window.Flux = { 181 applyAppearance (appearance) { 182 let applyDark = () => document.documentElement.classList.add('dark') 183 let applyLight = () => document.documentElement.classList.remove('dark') 184 185 if (appearance === 'system') { 186 let media = window.matchMedia('(prefers-color-scheme: dark)') 187 188 window.localStorage.removeItem('flux.appearance') 189 190 media.matches ? applyDark() : applyLight() 191 } else if (appearance === 'dark') { 192 window.localStorage.setItem('flux.appearance', 'dark') 193 194 applyDark() 195 } else if (appearance === 'light') { 196 window.localStorage.setItem('flux.appearance', 'light') 197 198 applyLight() 199 } 200 } 201 } 202 203 window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system') 204</script>
204 205 <link rel="modulepreload" as="script" href="https://48hourfilm.com/build/assets/passkeys-ZWACIUjA.js" />
205<script type="module" src="https://48hourfilm.com/build/assets/passkeys-ZWACIUjA.js" data-navigate-track="reload"></script>
205 206<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 207</head> 208 209<body 210 class="dark:bg-linear-to-b min-h-screen bg-white antialiased dark:from-neutral-950 dark:to-neutral-900"> 211 <div 212 class="relative grid h-dvh w-full grid-cols-1 flex-col items-center justify-center bg-[url('/images/home-hero/Home-Hero-picture-q2-25.jpg')] bg-cover bg-center px-0 sm:px-0 lg:max-w-none lg:grid-cols-3 lg:px-0 xl:grid-cols-2"> 213 <div class="relative hidden h-full flex-col justify-end p-10 text-white lg:flex dar
213k:border-e dark:border-neutral-800"> 214 <div class="absolute inset-0"></div> 215 <a href="https://48hourfilm.com" class="relative z-20 flex items-center text-2xl font-medium"> 216 <span class="flex size-28 items-center justify-center rounded-md"> 217 <svg xmlns="http://www.w3.org/2000/svg" 218 viewBox="0 0 1080 1080" 219 class="me-2 size-28 fill-current text-white" 220 fill="currentColor" 221 fill-rule="evenodd" 222 aria-labelledby="svg-title" 223 clip-rule="evenodd"> 224 <title id="svg-title"> 225 226 </title> 227 <g transform="matrix(1,0,0,1,-420,0)"> 228 <g transform="matrix(2.45827,0,0,2.45827,493.1,371.778)"> 229 <path 230 d="M0,137.815L102.874,-90.012L151.927,-90.012L47.953,137.815L128.353,137.815L128.353,46.277L172.348,46.277L172.348,137.815L197.046,137.815L197.046,180.502L172.348,180.502L172.348,227.827L128.353,227.827L128.353,180.532L0,180.502L0,137.815Z" /> 231 </g> 232 <g transform="matrix(2.45827,0,0,2.45827,-2457,-694.204)"> 233 <path 234 d="M1524.62,492.072C1556.05,480.425 1578.45,450.179 1578.45,414.697C1578.45,369.138 1541.52,332.205 1495.96,332.205C1450.4,332.205 1413.46,369.138 1413.46,414.697C1413.46,450.179 1435.87,480.425 1467.3,492.072C1430.41,504.126 1403.76,538.808 1403.76,579.721C1403.76,630.64 1445.04,671.919 1495.96,671.919C1546.88,671.919 1588.16,630.64 1588.16,579.721C1588.16,538.808 1561.5,504.126 1524.62,492.072ZM1495.96,661.975C1450.4,661.975 1413.46,625.042 1413.46,579.482C1413.46,533.923 1450.4,496.99 1495.96,496.99C1541.52,496.99 1578.45,533.923 1578.45,579.482C1578.45,625.042 1541.52,661.975 1495.96,661.975ZM1423.17,414.697C1423.17,374.498 1455.76,341.909 1495.96,341.909C1536.16,341.909 1568.75,374.498 1568.75,414.697C1568.75,454.895 1536.16,487.485 1495.96,487.485C1455.76,487.485 1423.17,454.895 1423.17,414.697Z" /> 235 </g> 236 <g transform="matrix(2.45827,0,0,2.45827,1185.84,594.009)"> 237 <path 238 d="M0,30.184C4.032,34.294 8.938,36.35 14.715,36.35C20.671,36.35 25.666,34.294 29.699,30.184C33.791,26.257 35.896,21.227 36.018,15.092C35.896,8.834 33.791,3.742 29.699,-0.184C25.666,-4.05 20.671,-6.043 14.715,-6.166C8.938,-6.043 4.032,-4.05 0,-0.184C-4.212,3.742 -6.378,8.834 -6.499,15.092C-6.378,21.227 -4.212,26.257 0,30.184" /> 239 </g> 240 <g transform="matrix(2.45827,0,0,2.45827,1358.82,768.495)"> 241 <path 242 d="M0,-30.552C-4.033,-34.417 -9.028,-36.411 -14.984,-36.534C-20.761,-36.411 -25.666,-34.417 -29.698,-30.552C-33.91,-26.625 -36.077,-21.534 -36.197,-15.276C-36.077,-9.141 -33.91,-4.111 -29.698,-0.184C-25.666,3.927 -20.761,5.982 -14.984,5.982C-9.028,5.982 -4.033,3.927 0,-0.184C4.092,-4.111 6.198,-9.141 6.319,-15.276C6.198,-21.534 4.092,-26.625 0,-30.552" /> 243 </g> 244 <g transform="matrix(2.45827,0,0,2.45827,1159.15,768.495)"> 245 <path 246 d="M0,-30.552C-4.033,-34.417 -9.028,-36.411 -14.985,-36.534C-20.761,-36.411 -25.666,-34.417 -29.699,-30.552C-33.911,-26.625 -36.077,-21.534 -36.198,-15.276C-36.077,-9.141 -33.911,-4.111 -29.699,-0.184C-25.666,3.927 -20.761,5.982 -14.985,5.982C-9.028,5.982 -4.033,3.927 0,-0.184C4.091,-4.111 6.197,-9.141 6.318,-15.276C6.197,-21.534 4.091,-26.625 0,-30.552" /> 247 </g> 248 <g transform="matrix(2.45827,0,0,2.45827,1222.02,883.035)"> 249 <path 250 d="M0,-42.516C-5.777,-42.393 -10.683,-40.399 -14.714,-36.534C-18.927,-32.607 -21.093,-27.515 -21.214,-21.258C-21.093,-15.122 -18.927,-10.093 -14.714,-6.166C-10.683,-2.055 -5.777,0 0,0C5.956,0 10.951,-2.055 14.984,-6.166C19.076,-10.093 21.182,-15.122 21.303,-21.258C21.182,-27.515 19.076,-32.607 14.984,-36.534C10.951,-40.399 5.956,-42.393 0,-42.516" /> 251 </g> 252 <g transform="matrix(2.45827,0,0,2.45827,1209.56,744.085)"> 253 <path 254 d="M0,-10.693C-1.474,-9.319 -2.233,-7.537 -2.274,-5.346C-2.233,-3.199 -1.474,-1.439 0,-0.064C1.412,1.375 3.128,2.094 5.151,2.094C7.235,2.094 8.983,1.375 10.395,-0.064C11.827,-1.439 12.564,-3.199 12.606,-5.346C12.564,-7.537 11.827,-9.319 10.395,-10.
254693C8.983,-12.046 7.235,-12.744 5.151,-12.787C3.128,-12.744 1.412,-12.046 0,-10.693" /> 255 </g> 256 <g transform="matrix(2.45827,0,0,2.45827,1225.62,243.635)"> 257 <path 258 d="M0,26.351L0,-25.988L-2.148,-30.338L-4.287,-25.988L-4.287,26.351C-7.236,27.265 -9.378,30.013 -9.378,33.262C-9.378,33.966 -9.273,34.643 -9.086,35.286L-36.894,52.605L-39.411,56.689L-34.632,56.245L-6.72,38.864C-5.473,39.884 -3.88,40.497 -2.144,40.497C1.852,40.497 5.091,37.258 5.091,33.262C5.091,30.013 2.949,27.265 0,26.351" /> 259 </g> 260 </g> 261</svg> 262 </span> 263 </a> 264 265 </div> 266 <div 267 class="safe-area col-span-1 flex h-full w-full items-center bg-white/70 p-2 backdrop-blur-lg lg:col-span-2 xl:col-span-1 dark:bg-black/70"> 268 <div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:px-6" 269 style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)"> 270 <div class="z-20 flex flex-col items-center gap-2 font-medium lg:hidden"> 271 <a href="https://48hourfilm.com"> 272 <svg xmlns="http://www.w3.org/2000/svg" 273 viewBox="0 0 1080 1080" 274 class="size-24 fill-current text-black dark:text-white" 275 fill="currentColor" 276 fill-rule="evenodd" 277 aria-labelledby="svg-title" 278 clip-rule="evenodd"> 279 <title id="svg-title"> 280 281 </title> 282 <g transform="matrix(1,0,0,1,-420,0)"> 283 <g transform="matrix(2.45827,0,0,2.45827,493.1,371.778)"> 284 <path 285 d="M0,137.815L102.874,-90.012L151.927,-90.012L47.953,137.815L128.353,137.815L128.353,46.277L172.348,46.277L172.348,137.815L197.046,137.815L197.046,180.502L172.348,180.502L172.348,227.827L128.353,227.827L128.353,180.532L0,180.502L0,137.815Z" /> 286 </g> 287 <g transform="matrix(2.45827,0,0,2.45827,-2457,-694.204)"> 288 <path 289 d="M1524.62,492.072C1556.05,480.425 1578.45,450.179 1578.45,414.697C1578.45,369.138 1541.52,332.205 1495.96,332.205C1450.4,332.205 1413.46,369.138 1413.46,414.697C1413.46,450.179 1435.87,480.425 1467.3,492.072C1430.41,504.126 1403.76,538.808 1403.76,579.721C1403.76,630.64 1445.04,671.919 1495.96,671.919C1546.88,671.919 1588.16,630.64 1588.16,579.721C1588.16,538.808 1561.5,504.126 1524.62,492.072ZM1495.96,661.975C1450.4,661.975 1413.46,625.042 1413.46,579.482C1413.46,533.923 1450.4,496.99 1495.96,496.99C1541.52,496.99 1578.45,533.923 1578.45,579.482C1578.45,625.042 1541.52,661.975 1495.96,661.975ZM1423.17,414.697C1423.17,374.498 1455.76,341.909 1495.96,341.909C1536.16,341.909 1568.75,374.498 1568.75,414.697C1568.75,454.895 1536.16,487.485 1495.96,487.485C1455.76,487.485 1423.17,454.895 1423.17,414.697Z" /> 290 </g> 291 <g transform="matrix(2.45827,0,0,2.45827,1185.84,594.009)"> 292 <path 293 d="M0,30.184C4.032,34.294 8.938,36.35 14.715,36.35C20.671,36.35 25.666,34.294 29.699,30.184C33.791,26.257 35.896,21.227 36.018,15.092C35.896,8.834 33.791,3.742 29.699,-0.184C25.666,-4.05 20.671,-6.043 14.715,-6.166C8.938,-6.043 4.032,-4.05 0,-0.184C-4.212,3.742 -6.378,8.834 -6.499,15.092C-6.378,21.227 -4.212,26.257 0,30.184" /> 294 </g> 295 <g transform="matrix(2.45827,0,0,2.45827,1358.82,768.495)"> 296 <path 297 d="M0,-30.552C-4.033,-34.417 -9.028,-36.411 -14.984,-36.534C-20.761,-36.411 -25.666,-34.417 -29.698,-30.552C-33.91,-26.625 -36.077,-21.534 -36.197,-15.276C-36.077,-9.141 -33.91,-4.111 -29.698,-0.184C-25.666,3.927 -20.761,5.982 -14.984,5.982C-9.028,5.982 -4.033,3.927 0,-0.184C4.092,-4.111 6.198,-9.141 6.319,-15.276C6.198,-21.534 4.092,-26.625 0,-30.552" /> 298 </g> 299 <g transform="matrix(2.45827,0,0,2.45827,1159.15,768.495)"> 300 <path 301 d="M0,-30.552C-4.033,-34.417 -9.028,-36.411 -14.985,-36.534C-20.761,-36.411 -25.666,-34.417 -29.699,-30.552C-33.911,-26.625 -36.077,-21.534 -36.198,-15.276C-36.077,-9.141 -33.911,-4.111 -29.699,-0.184C-25.666,3.927 -20.761,5.982 -14.985,5.982C-9.028,5.982 -4.033,3.927 0,-0.184C4.091,-4.111 6.197,-9.141 6.318,-15.276C6.197,-21.534 4.091,-26.625 0,-30.552" /> 302 </g> 303 <g transform="matrix(2.45827,0,0,2.45827,1222.02,883.035)"> 304 <path 305 d="M0,-42.516C-5.777,-42.393 -10.683,-40.399 -14.714,-36.534C-18.927,-32.607 -21.093,-27.515 -21.214,-21.258C-21.093,-15.122 -18.927,-10.093 -14.714,-6.166C-10.683,-2.055 -5.777,0 0,0C5.956,0 10.951,-2.055 14.984,-6.166C19.076,-10.093 21.182,-15.122 21.303,-21.258C21.182,-27.515 19.076,-32.607 14.984,-36.534C10.951,-40.399 5.956,-42.393 0,-42.516" /> 306 </g> 307 <g transform="matrix(2.45827,0,0,2.45827,1209.56,744.085)"> 308 <path 309 d="M0,-10.693C-1.474,-9.319 -2.233,-7.537 -2.274,-5.346C-2.233,-3.199 -1.474,-1.439 0,-0.064C1.412,1.375 3.128,2.094 5.151,2.094C7.235,2.094 8.983,1.375 10.395,-0.064C11.827,-1.439 12.564,-3.199 12.606,-5.346C12.564,-7.537 11.827,-9.319 10.395,-10.
309693C8.983,-12.046 7.235,-12.744 5.151,-12.787C3.128,-12.744 1.412,-12.046 0,-10.693" /> 310 </g> 311 <g transform="matrix(2.45827,0,0,2.45827,1225.62,243.635)"> 312 <path 313 d="M0,26.351L0,-25.988L-2.148,-30.338L-4.287,-25.988L-4.287,26.351C-7.236,27.265 -9.378,30.013 -9.378,33.262C-9.378,33.966 -9.273,34.643 -9.086,35.286L-36.894,52.605L-39.411,56.689L-34.632,56.245L-6.72,38.864C-5.473,39.884 -3.88,40.497 -2.144,40.497C1.852,40.497 5.091,37.258 5.091,33.262C5.091,30.013 2.949,27.265 0,26.351" /> 314 </g> 315 </g> 316</svg> 317 </a> 318 </div> 319 320 <div class="flex flex-col gap-6"> 321 <div class="flex w-full flex-col text-center"> 322 <div class="font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white text-2xl [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Log in to your account</div> 323 <div class="text-sm [:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70" data-flux-subheading> 324 Enter your email and password below to log in 325</div> 326</div> 327 328 <!-- Session Status --> 329 330 <div 331 x-data="{ 332 supported: false, 333 loading: false, 334 error: null, 335 updateSupport() { 336 this.supported = Boolean(window.Passkeys?.isSupported()); 337 }, 338 init() { 339 this.updateSupport(); 340 341 window.addEventListener('passkeys:ready', () => this.updateSupport(), { once: true }); 342 }, 343 async verify() { 344 this.loading = true; 345 this.error = null; 346 try { 347 const response = await window.Passkeys.verify({ 348 routes: { 349 options: 'https://48hourfilm.com/passkeys/login/options', 350 submit: 'https://48hourfilm.com/passkeys/login', 351 }, 352 }); 353 Livewire.navigate(response.redirect || '/dash'); 354 } catch (e) { 355 if (e.constructor?.name !== 'UserCancelledError') { 356 this.error = e.message; 357 } 358 } finally { 359 this.loading = false; 360 } 361 }, 362 }"> 363 <template x-if="supported"> 364 <div> 365 <div class="grid gap-2"> 366 <button type="button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 ps-3 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[1px]! [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] [--color-accent:var
366(--color-emerald-600)] [--color-accent-content:var(--color-emerald-600)] [--color-accent-foreground:var(--color-white)] dark:[--color-accent:var(--color-emerald-600)] dark:[--color-accent-content:var(--color-emerald-400)] dark:[--color-accent-foreground:var(--color-white)] w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" x-on:click="verify()" x-bind:disabled="loading"> 367 <svg class="shrink-0 [:where(&)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> 368 <path fill-rule="evenodd" d="M8 3c-.988 0-1.908.286-2.682.78a.75.75 0 0 1-.806-1.266A6.5 6.5 0 0 1 14.5 8c0 1.665-.333 3.254-.936 4.704a.75.75 0 0 1-1.385-.577C12.708 10.857 13 9.464 13 8a5 5 0 0 0-5-5ZM3.55 4.282a.75.75 0 0 1 .23 1.036A4.973 4.973 0 0 0 3 8a.75.75 0 0 1-1.5 0c0-1.282.372-2.48 1.014-3.488a.75.75 0 0 1 1.036-.23ZM8 5.875A2.125 2.125 0 0 0 5.875 8a3.625 3.625 0 0 1-3.625 3.625H2.213a.75.75 0 1 1 .008-1.5h.03A2.125 2.125 0 0 0 4.376 8a3.625 3.625 0 1 1 7.25 0c0 .078-.001.156-.003.233a.75.75 0 1 1-1.5-.036c.002-.066.003-.131.003-.197A2.125 2.125 0 0 0 8 5.875ZM7.995 7.25a.75.75 0 0 1 .75.75 6.502 6.502 0 0 1-4.343 6.133.75.75 0 1 1-.498-1.415A5.002 5.002 0 0 0 7.245 8a.75.75 0 0 1 .75-.75Zm2.651 2.87a.75.75 0 0 1 .463.955 9.39 9.39 0 0 1-3.008 4.25.75.75 0 0 1-.936-1.171 7.892 7.892 0 0 0 2.527-3.57.75.75 0 0 1 .954-.463Z" clip-rule="evenodd"/> 369</svg> 370 371 372 373 374 <span><span x-show="!loading">Sign in with a passkey</span> 375 <span x-show="loading" x-cloak>Authenticating...</span></span> 376 </button> 377 <p x-show="error" x-text="error" x-cloak 378 class="text-center text-sm text-red-600 dark:text-red-400"></p> 379 </div> 380 381 <div class="relative my-6"> 382 <div data-orientation="horizontal" role="none" class="flex items-center w-full" data-flux-separator> 383 <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div> 384 385 <span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">OR CONTINUE WITH EMAIL</span> 386 387 <div class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full grow"></div> 388 </div> 389 </div> 390 </div> 391 </template> 392</div> 393 394 <form method="POST" 395 action="https://48hourfilm.com/login" 396 class="flex flex-col gap-6"> 397 <input type="hidden" name="_token" value="oPlfQDrCHlbEHUG0sjQqdsT8YZ4Z93SSRRf7loSZ" autocomplete="off"> 398 <!-- Email Address --> 399 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>[data-flux-description]:first-child:has(+*)]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 400 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 401 Email 402 403 404 405 </ui-label> 406 407 408 <div class="w-full relative block group/input" data-flux-input> 409 <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0"> 410 <svg class="shrink-0 [:where(&)]:size-5" data-flux-icon aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg" 411 viewBox="0 0 512 512"> 412 <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --> 413 <path 414 d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" /> 415</svg> 416 </div> 417 418 <input 419 type="email" 420 421 class="w-full border block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm rounded-lg py-2 h-10 leading-[1.375rem] ps-10 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Email" required="required" autocomplete="email" placeholder="[email protected]" 422 name="email" data-flux-control 423 data-flux-group-target 424 > 425 426 </div> 427 428 429 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 430 </div> 431</ui-field> 432 433 <!-- Password --> 434 <div class="relative"> 435 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>[data-flux-description]:first-child:has(+*)]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> 436 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 437 Password 438 439 440 441 </ui-label> 442 443 444 <div class="w-full relative block group/input" data-flux-input> 445 <div class="pointer-events-none absolute top-0 bottom-0 border-s border-transparent flex items-center justify-center text-xs text-zinc-400/75 dark:text-white/60 ps-3 start-0"> 446 <svg class="shrink-0 [:where(&)]:size-5" data-flux-icon aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
447 viewBox="0 0 512 512"> 448 <!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --> 449 <path 450 d="M336 352c97.2 0 176-78.8 176-176S433.2 0 336 0S160 78.8 160 176c0 18.7 2.9 36.8 8.3 53.7L7 391c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zM376 96a40 40 0 1 1 0 80 40 40 0 1 1 0-80z" /> 451</svg> 452 </div> 453 454 <input 455 type="password" 456 457 class="w-full border block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm rounded-lg py-2 h-10 leading-[1.375rem] ps-10 pe-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Password" required="required" autocomplete="current-password" placeholder="Password" 458 name="password" data-flux-control 459 data-flux-group-target 460 > 461 462 <div class="absolute top-0 bottom-0 flex items-center gap-x-1.5 pe-2 border-e border-transparent end-0 text-xs text-zinc-400"> 463 464 465 466 467 468 469 <button type="button" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-8 text-sm rounded-md gap-2 w-8 inline-flex -ms-1.5 -me-1.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white -me-1" data-flux-button="data-flux-button" x-data="fluxInputViewable" x-on:click="toggle()" x-bind:data-viewable-open="open" aria-label="Toggle password visibility"> 470 <svg class="shrink-0 [:where(&)]:size-5 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 471 <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z" clip-rule="evenodd"/> 472 <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"/> 473</svg> 474 475 <svg class="shrink-0 [:where(&)]:size-5 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 476 <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/> 477 <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/> 478</svg> 479 </button> 480 481 </div> 482 </div> 483 484 485 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 486 </div> 487</ui-field> 488 489 <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] absolute end-0 top-0 text-sm" href="https://48hourfilm.com/forgot-password" wire:navigate="" data-flux-link >Forgot your password?</a> </div> 490 491 <!-- Remember Me --> 492 <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2" data-flux-field> 493 <ui-checkbox class="flex size-[1.125rem] rounded-[.3rem] mt-px outline-offset-2" label="Remember Me" name="remember" data-flux-control data-flux-checkbox> 494 <div class="shrink-0 size-[1.125rem] rounded-[.3rem] flex justify-center items-center text-sm text-zinc-700 dark:text-zinc-800 shadow-xs [ui-checkbox[disabled]_&]:opacity-75 [ui-checkbox[data-checked][disabled]_&]:opacity-50 [ui-checkbox[disabled]_&]:shadow-none [ui-checkbox[data-checked]_&]:shadow-none [ui-checkbox[data-indeterminate]_&
494]:shadow-none [ui-checkbox[data-checked]:not([data-indeterminate])_&>svg:first-child]:block [ui-checkbox[data-indeterminate]_&>svg:last-child]:block border border-zinc-300 dark:border-white/10 [ui-checkbox[disabled]_&]:border-zinc-200 dark:[ui-checkbox[disabled]_&]:border-white/5 [ui-checkbox[data-checked]_&]:border-transparent [ui-checkbox[data-indeterminate]_&]:border-transparent [ui-checkbox[disabled][data-checked]_&]:border-transparent [ui-checkbox[disabled][data-indeterminate]_&]:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 [ui-checkbox[data-checked]_&]:bg-[var(--color-accent)] hover:[ui-checkbox[data-checked]_&]:bg-(--color-accent) focus:[ui-checkbox[data-checked]_&]:bg-(--color-accent) [ui-checkbox[data-indeterminate]_&]:bg-[var(--color-accent)] hover:[ui-checkbox[data-indeterminate]_&]:bg-(--color-accent) focus:[ui-checkbox[data-indeterminate]_&]:bg-(--color-accent)" data-flux-checkbox-indicator> 495 <svg class="shrink-0 [:where(&)]:size-4 hidden text-[var(--color-accent-foreground)]" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> 496 <path fill-rule="evenodd" d="M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"/> 497</svg> 498 499 <svg class="shrink-0 [:where(&)]:size-4 hidden text-[var(--color-accent-foreground)]" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> 500 <path d="M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"/> 501</svg> 502 503 </div> 504 </ui-checkbox> 505 506 <ui-label class="inline-flex items-center text-sm font-medium [:where(&)]:text-zinc-800 [:where(&)]:dark:text-white [&:has([data-flux-label-trailing])]:flex" data-flux-label> 507 Remember Me 508 509 510 511 </ui-label> 512 513 514 <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> 515 </div> 516</ui-field> 517 518 519 <div class="flex items-center justify-end"> 520 <button type="submit" class="relative items-center font-medium justify-center whitespace-nowrap disabled:opacity-50 dark:disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none disabled:shadow-none justify-center h-10 text-sm rounded-lg gap-2 ps-4 pe-4 inline-flex bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&]:border-e-0 [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-[1px] dark:[:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-e-0 [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[1px]! [:is([data-flux-button-group]>&:not(:first-child),_[data-flux-button-group]_:not(:first-child)>&)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none w-full cursor-pointer" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" data-test="login-button"> 521 <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> 522 <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> 523 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 524 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> 525</svg> 526 </div> 527 528 529 530
531 <span>Log in</span> 532 </button> 533 </div> 534 </form> 535 536 <div class="space-x-1 text-center text-sm text-zinc-600 rtl:space-x-reverse dark:text-zinc-400"> 537 <span>I don't have an account</span> 538 <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://48hourfilm.com/register" wire:navigate="" data-flux-link >Register</a> </div> 539 </div> 540 541 </div> 542 </div> 543 </div> 544 545 <div x-persist="toast"> 546 <ui-toast-group x-data x-on:toast-show.document="$el.showToast($event.detail)" popover="manual" position="bottom end" wire:ignore> 547 <ui-toast x-data x-on:toast-show.document="! $el.closest('ui-toast-group') && $el.showToast($event.detail)" popover="manual" position="bottom end" wire:ignore> 548 <template> 549 <div class="group/toast max-w-sm in-[ui-toast-group]:max-w-auto in-[ui-toast-group]:w-xs sm:in-[ui-toast-group]:w-sm" data-variant="" data-flux-toast-dialog> 550 <div class="p-2 flex rounded-xl shadow-lg bg-white border border-zinc-200 border-b-zinc-300/80 dark:bg-zinc-700 dark:border-zinc-600 group-data-invert/toast:bg-zinc-800 group-data-invert/toast:border-zinc-700 dark:group-data-invert/toast:bg-white dark:group-data-invert/toast:border-zinc-200 dark:group-data-invert/toast:border-b-zinc-300/80"> 551 <div class="flex-1 flex items-start gap-4 has-data-flux-toast-action:gap-2 overflow-hidden"> 552 <div class="flex-1 py-1.5 ps-2.5 flex gap-2"> 553 554 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400"> 555 <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /> 556 </svg> 557 558 559 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400"> 560 <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> 561 </svg> 562 563 564 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=info]_&]:block shrink-0 mt-0.5 size-4 text-cyan-500 dark:text-cyan-400"> 565 <path fill-rule="evenodd" d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM9 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6.75 8a.75.75 0 0 0 0 1.5h.75v1.75a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8.25 8h-1.5Z" clip-rule="evenodd" /> 566 </svg> 567 568 569 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400"> 570 <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> 571 </svg> 572 573 <div> 574 575 <div class="font-medium text-sm text-zinc-800 dark:text-white group-data-invert/toast:text-white dark:group-data-invert/toast:text-zinc-800 [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-zinc-500 [&:not(:empty)+div]:dark:text-zinc-300 group-data-invert/toast:[&:not(:empty)+div]:text-zinc-300 dark:group-data-invert/toast:[&:not(:empty)+div]:text-zinc-500 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div> 576 577 578 <div class="font-medium text-sm text-zinc-800 dark:text-white group-data-invert/toast:text-white dark:group-data-invert/toast:text-zinc-800"><slot name="text"></slot></div> 579 580 581 <template name="link"> 582 <a class="block mt-2 font-medium text-sm text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)] underline underline-offset-[6px] hover:decoration-current group-data-invert/toast:text-white group-data-invert/toast:decoration-white/20 dark:group-data-invert/toast:text-zinc-800 dark:group-data-invert/toast:decoration-zinc-800/20"><slot name="text"></slot></a> 583 </template> 584 </div> 585 </div> 586 587 <div class="flex items-center gap-1"> 588 589 <template name="action"> 590 <div class="flex items-center" data-flux-toast-action> 591 <button type="button" data-flux-toast-action-button class="relative inline-flex h-8 items-center justify-center gap-2 whitespace-nowrap rounded-md bg-zinc-800/5 px-3 text-sm font-medium text-zinc-800 hover:bg-zinc-800/10 data-loading:pointer-events-none dark:bg-white/10 dark:text-white dark:hover:bg-white/20 group-data-invert/toast:bg-white/10 group-data-invert/toast:text-white group-data-invert/toast:hover:bg-white/20 dark:group-data-invert/toast:bg-zinc-800/5 dark:group-data-invert/toast:text-zinc-800 dark:group-data-invert/toast:hover:bg-zinc-800/10 [&[data-loading]_[data-flux-toast-action-label]]:opacity-0 [&[data-loading]_[data-flux-loading-indicator]]:opacity-100">
592 <span class="transition-opacity" data-flux-toast-action-label></span> 593 <span class="absolute inset-0 flex items-center justify-center opacity-0 transition-opacity" data-flux-loading-indicator> 594 <svg class="size-4 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true"> 595 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 596 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4Z"></path> 597 </svg> 598 </span> 599 </button> 600 601 <a data-flux-toast-action-link class="inline-flex h-8 items-center justify-center gap-2 whitespace-nowrap rounded-md bg-zinc-800/5 px-3 text-sm font-medium text-zinc-800 hover:bg-zinc-800/10 dark:bg-white/10 dark:text-white dark:hover:bg-white/20 group-data-invert/toast:bg-white/10 group-data-invert/toast:text-white group-data-invert/toast:hover:bg-white/20 dark:group-data-invert/toast:bg-zinc-800/5 dark:group-data-invert/toast:text-zinc-800 dark:group-data-invert/toast:hover:bg-zinc-800/10"> 602 <span data-flux-toast-action-label></span> 603 </a> 604 </div> 605 </template> 606 607 608 <ui-close class="flex items-center"> 609 <button type="button" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white group-data-invert/toast:hover:bg-white/15 group-data-invert/toast:hover:text-white dark:group-data-invert/toast:hover:bg-zinc-800/5 dark:group-data-invert/toast:hover:text-zinc-800" as="button"> 610 <div> 611 <svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> 612 <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path> 613 </svg> 614 </div> 615 </button> 616 </ui-close> 617 </div> 618 </div> 619 </div> 620 </div> 621 </template> 622</ui-toast> 623</ui-toast-group> 624 </div> 625 626
626<script src="https://48hourfilm.com/flux/flux.min.js?id=505e8a75" data-navigate-once></script>
vendor: 1 bytes, line 626
626
627<script src="https://48hourfilm.com/livewire-53a03593/livewire.min.js?id=3dabe98a" data-csrf="oPlfQDrCHlbEHUG0sjQqdsT8YZ4Z93SSRRf7loSZ" data-module-url="https://48hourfilm.com/livewire-53a03593" data-update-uri="https://48hourfilm.com/livewire-53a03593/update" data-navigate-once="true"></script>
627 628</body> 629 630</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.