Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <link rel="icon" href="/favicon.ico" sizes="32x32" /> | |
| <link rel="icon" href="/icon.svg" type="image/svg+xml" /> | |
| <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> | |
| <link rel="manifest" href="/manifest.webmanifest" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <link href="/_app/immutable/assets/0.3s2JqZFs.css" rel="stylesheet"> | |
| <link href="/_app/immutable/assets/VennDiagram.Hmmox_0V.css" rel="stylesheet"> | |
| <link rel="modulepreload" href="/_app/immutable/entry/start.DUcaK-3q.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/entry.ZK3zkBMq.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/scheduler.BZlHRu_0.js"> | |
| <link rel="modulepreload" href="/_app/immutable/entry/app.5tYsWw7a.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/preload-helper.D7HrI6pR.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/index.a_oafgNU.js"> | |
| <link rel="modulepreload" href="/_app/immutable/nodes/0.BIQfIED8.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/index.rV6zwFgL.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/VennDiagram.svelte_svelte_type_style_lang.BbIdL-mm.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/button.Bf4ByDiF.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/arrays.MxA79D-n.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/stores.DPt2XqOW.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/index.CqVitEmB.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/AccordionItem.t-zz0kvx.js"> | |
| <link rel="modulepreload" href="/_app/immutable/nodes/4.CZ8q4GXm.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/AreaMap.BWWL8FHZ.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/Prismjs.CfrhxI5K.js"> | |
| <link rel="modulepreload" href="/_app/immutable/chunks/await_block.Ctm0iWyv.js"><title>NYC Taxi Data 2022</title><!-- HEAD_svelte-6lktun_START --> <meta property="og:title" content="NYC Taxi Data 2022"> <meta name="twitter:title" content="NYC Taxi Data 2022"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@evidence_dev"> <!-- HEAD_svelte-6lktun_END --> | |
| </head> | |
| <body> | |
| <script> | |
| </script> | |
| <div> | |
| <!-- SvelteKit Hydrated Content --> | |
| <div class="z-[1] fixed right-0 bottom-0 mx-10 my-6 w-80"></div> <div data-sveltekit-preload-data="hover" class="antialiased text-gray-900"> <header class="fixed w-full top-0 z-40 flex h-12 shrink-0 justify-start items-center gap-x-4 border-b border-gray-200 bg-white/90 backdrop-blur print:hidden "><div class=" max-w-7xl mx-auto px-6 sm:px-8 md:px-12 flex flex-1 items-center justify-between" style="max-width:undefinedpx;"><a href="/" class="block text-sm font-bold text-gray-800"><img src="/_app/immutable/assets/wordmark-gray-800.CnzB_64T.png" alt="Home" class="h-5 aspect-auto" href="/"></a> <div class="flex gap-2 text-sm items-center"> <div class="flex gap-2 items-center"><a href="https://github.com/archiewood/nyc-taxi" class="hover:bg-gray-50 rounded-lg p-2 transition-all duration-200" target="_blank" rel="noreferrer"><svg role="img" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" class="w-4 h-4 text-gray-900 "><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a> </div> <div class="relative"> <button type="button" tabindex="0" aria-controls="gPDNHlitph" aria-expanded="false" data-state="closed" id="st8s7HMddI" data-melt-dropdown-menu-trigger="" data-menu-trigger="" class="inline-flex items-center justify-center font-medium whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 disabled:pointer-events-none disabled:opacity-50 hover:bg-gray-100 hover:text-gray-900 h-8 rounded-md text-xs px-1" aria-label="Menu" data-button-root=""><svg class="h-6 w-6" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg></button> </div></div></div></header> <div class=" max-w-7xl print:w-[650px] print:md:w-[841px] mx-auto print:md:px-0 print:px-0 px-6 sm:px-8 md:px-12 flex justify-start" style="max-width:undefinedpx;"> <main class="md:pl-8 md:pr-8 mt-16 sm:mt-20 flex-grow overflow-x-hidden print:px-0 print:mt-8"><div class="print:hidden"><div class="flex items-start mt-0 whitespace-nowrap overflow-auto"><div class="inline-flex items-center text-sm capitalize gap-1 text-gray-500 mb-2 sm:mb-4"><a href="/" class="hover:underline">Home </a></div></div></div> <article id="evidence-main-article" class="select-text markdown pb-10"> <h1 class="title">NYC Taxi Data 2022</h1> <div class="over-container svelte-1plm20d"> </div> <p class="markdown" data-svelte-h="svelte-1oqfwol">This is an exploration of NYC taxi data in 2022. It includes a summary of the data, rides by day, and rides by pickup location.</p> <div class="contents print:hidden"><div class="mt-2 mb-4 ml-0 mr-2 inline-block"> <div class="flex"> <button type="button" tabindex="0" role="button" aria-haspopup="dialog" aria-expanded="false" data-state="closed" id="MVFPKu49Bw" data-melt-popover-trigger="" data-popover-trigger="" class="items-center whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 disabled:pointer-events-none disabled:opacity-50 border border-input bg-transparent shadow-sm hover:bg-gray-100 hover:text-gray-900 h-8 rounded-md px-3 text-xs flex justify-start rounded-r-none border-r-0 text-left font-normal" data-button-root=""><span class="hidden sm:inline">Jan 1, 2022 - Dec 2, 2022</span> <span class="sm:hidden">1/1/22 - 12/2/22</span></button> <button aria-autocomplete="list" aria-controls="crKqaEGO2g" aria-expanded="false" aria-labelledby="nGRSyTY6yQ" id="GQsyfXnXC3" role="combobox" type="button" data-melt-select-trigger="" data-select-trigger="" class="border-input flex items-center justify-between rounded-md border bg-transparent py-2 shadow-sm ring-offset-white placeholder:text-gray-500 focus:outline-none focus:ring-1 focus:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-50 h-8 w-40 rounded-l-none px-3 text-xs font-medium" sameWidth><span class="hidden sm:inline" data-svelte-h="svelte-13biyvu">Select a Range</span> <span class="sm:hidden" data-svelte-h="svelte-1a1txje">Range</span> <div><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" class="h-4 w-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z" fill="currentColor"></path></svg></div></button> </div></div></div> <div class="over-container svelte-1plm20d"> </div> <div class="inline-block font-sans pt-2 pb-3 pr-3 pl-0 mr-3 items-center align-top" style=" | |
| min-width: 18%; | |
| max-width: none; | |
| "><p class="text-sm text-gray-700">Rides</p> <div class="relative text-xl font-medium text-gray-700 my-0.5"> <span style="color: ">36,255,983</span> </div> </div> <div class="inline-block font-sans pt-2 pb-3 pr-3 pl-0 mr-3 items-center align-top" style=" | |
| min-width: 18%; | |
| max-width: none; | |
| "><p class="text-sm text-gray-700">Fare Amount</p> <div class="relative text-xl font-medium text-gray-700 my-0.5"> <span style="color: ">$531.1M</span> </div> </div> <div class="inline-block font-sans pt-2 pb-3 pr-3 pl-0 mr-3 items-center align-top" style=" | |
| min-width: 18%; | |
| max-width: none; | |
| "><p class="text-sm text-gray-700">Trip Distance</p> <div class="relative text-xl font-medium text-gray-700 my-0.5"> <span style="color: ">220,352,930 mi</span> </div> </div> <div class="inline-block font-sans pt-2 pb-3 pr-3 pl-0 mr-3 items-center align-top" style=" | |
| min-width: 18%; | |
| max-width: none; | |
| "><p class="text-sm text-gray-700">Fare Per Mile</p> <div class="relative text-xl font-medium text-gray-700 my-0.5"> <span style="color: ">$2.41</span> </div> </div> <div class="over-container svelte-1plm20d"> </div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div role="none" class="chart-container svelte-19r8f8"><div role="status" class="animate-pulse"><span class="sr-only" data-svelte-h="svelte-1wtojot">Loading...</span> <div class="bg-gray-200 rounded-md dark:bg-gray-400 max-w-[100%]" style="height:220px; margin-top: 15px; margin-bottom: 31px;"></div></div> <div class="chart-footer svelte-19r8f8"> </div> </div> <div role="none" class="chart-container svelte-19r8f8"><div role="status" class="animate-pulse"><span class="sr-only" data-svelte-h="svelte-1wtojot">Loading...</span> <div class="bg-gray-200 rounded-md dark:bg-gray-400 max-w-[100%]" style="height:220px; margin-top: 15px; margin-bottom: 31px;"></div></div> <div class="chart-footer svelte-19r8f8"> </div> </div> <div role="none" class="chart-container svelte-19r8f8"><div role="status" class="animate-pulse"><span class="sr-only" data-svelte-h="svelte-1wtojot">Loading...</span> <div class="bg-gray-200 rounded-md dark:bg-gray-400 max-w-[100%]" style="height:220px; margin-top: 15px; margin-bottom: 31px;"></div></div> <div class="chart-footer svelte-19r8f8"> </div> </div> <div role="none" class="chart-container svelte-19r8f8"><div role="status" class="animate-pulse"><span class="sr-only" data-svelte-h="svelte-1wtojot">Loading...</span> <div class="bg-gray-200 rounded-md dark:bg-gray-400 max-w-[100%]" style="height:220px; margin-top: 15px; margin-bottom: 31px;"></div></div> <div class="chart-footer svelte-19r8f8"> </div> </div> </div> <div class="over-container svelte-1plm20d"> </div> <div style="margin-top: 15px; margin-bottom: 10px;"><h4 class="markdown mb-2">Rides by Pickup Location</h4> <div class="relative break-inside-avoid svelte-tuhe9b"> <div class="z-0 rounded-md focus:outline-none svelte-tuhe9b" style="height: 300px;"><div class="svelte-tuhe9b"> </div> </div> </div></div> <div class="over-container svelte-1plm20d"> </div> <a href="/borough/Manhattan" class="hidden" aria-hidden="true"></a><a href="/borough/Queens" class="hidden" aria-hidden="true"></a><a href="/borough/Brooklyn" class="hidden" aria-hidden="true"></a><a href="/borough/Bronx" class="hidden" aria-hidden="true"></a><a href="/borough/EWR" class="hidden" aria-hidden="true"></a><a href="/borough/Staten Island" class="hidden" aria-hidden="true"></a> <div data-testid="DataTable-fares_by_pickup_borough" role="none" class="table-container svelte-fmobgf" style="margin-top: 1.5em; margin-bottom: 1em; padding-bottom: 0em;"> <div class="scrollbox svelte-fmobgf" style="background-color: white;"><table class="svelte-fmobgf"><thead> <tr class="border-b border-gray-600"> <th role="columnheader" class="svelte-1vzwapn" data-svelte-h="svelte-17az424"><span class="sr-only">Links</span></th></tr> </thead> <tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/Manhattan" class="sr-only svelte-1ukk5on">See more</a> </td> </tr><tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/Queens" class="sr-only svelte-1ukk5on">See more</a> </td> </tr><tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/Brooklyn" class="sr-only svelte-1ukk5on">See more</a> </td> </tr><tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/Bronx" class="sr-only svelte-1ukk5on">See more</a> </td> </tr><tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/EWR" class="sr-only svelte-1ukk5on">See more</a> </td> </tr><tr class="svelte-1ukk5on row-link row-lines"> <td role="cell" class=" undefined undefined whitespace-nowrap overflow-hidden first:pl-[3px] py-[2px] px-[8px] svelte-iw64fb" rowspan="1" colspan="1" style="width: 16px; white-space: nowrap; vertical-align: middle;"><svg class="w-4 h-4" width="100%" height="100%" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M9 6l6 6l-6 6"></path></svg> <a href="/borough/Staten Island" class="sr-only svelte-1ukk5on">See more</a> </td> </tr> </table></div> <div class="noresults svelte-fmobgf" data-svelte-h="svelte-l3t0gi">No Results</div> <div class="table-footer svelte-fmobgf"> </div></div> </article></main> <div class="print:hidden"><aside class="hidden lg:block w-48"><div class="fixed w-48 top-20 bottom-20 pl-4 px-3 overflow-auto pretty-scrollbar"></div></aside></div></div></div> | |
| <script type="application/json" data-sveltekit-fetched data-url="/api/customFormattingSettings.json/GET.json">{"status":200,"statusText":"","headers":{},"body":"{\"customFormattingSettings\":{\"version\":\"1.0\",\"customFormats\":[]}}"}</script> | |
| <script type="application/json" data-sveltekit-fetched data-url="/api///evidencemeta.json">{"status":200,"statusText":"","headers":{},"body":"{\"queries\":[{\"id\":\"date_range\",\"compiledQueryString\":\"select * from taxi.dates\",\"inputQueryString\":\"select * from taxi.dates\",\"compiled\":false,\"inline\":true},{\"id\":\"aggregate_stats\",\"compiledQueryString\":\"select\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance,\\n sum(fare_amount)/sum(trip_distance) as fare_per_mile\\nfrom taxi.summary\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\",\"inputQueryString\":\"select\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance,\\n sum(fare_amount)/sum(trip_distance) as fare_per_mile\\nfrom taxi.summary\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\",\"compiled\":false,\"inline\":true},{\"id\":\"fares_by_day\",\"compiledQueryString\":\"select *\\nfrom taxi.daily\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\ngroup by all\\norder by day\",\"inputQueryString\":\"select *\\nfrom taxi.daily\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\ngroup by all\\norder by day\",\"compiled\":false,\"inline\":true},{\"id\":\"fares_by_pickup_location\",\"compiledQueryString\":\"select\\n pickup_location_id,\\n zone,\\n borough,\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance\\nfrom taxi.location l\\nleft join zones.zones z on l.pickup_location_id = z.location_id\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\ngroup by all\\norder by rides desc\",\"inputQueryString\":\"select\\n pickup_location_id,\\n zone,\\n borough,\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance\\nfrom taxi.location l\\nleft join zones.zones z on l.pickup_location_id = z.location_id\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\ngroup by all\\norder by rides desc\",\"compiled\":false,\"inline\":true},{\"id\":\"fares_by_pickup_borough\",\"compiledQueryString\":\"select\\n borough,\\n '/borough/' || borough as borough_link,\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance\\nfrom taxi.location l\\nleft join zones.zones z on l.pickup_location_id = z.location_id\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\nand borough is not null\\ngroup by all\\norder by rides desc\",\"inputQueryString\":\"select\\n borough,\\n '/borough/' || borough as borough_link,\\n sum(rides) as rides,\\n sum(fare_amount) as fare_amount,\\n sum(trip_distance) as trip_distance\\nfrom taxi.location l\\nleft join zones.zones z on l.pickup_location_id = z.location_id\\nwhere day between '${inputs.date_range.start}' and '${inputs.date_range.end}'\\nand borough is not null\\ngroup by all\\norder by rides desc\",\"compiled\":false,\"inline\":true}]}"}</script> | |
| <script type="application/json" data-sveltekit-fetched data-url="/api/pagesManifest.json">{"status":200,"statusText":"","headers":{},"body":"{\"label\":\"Home\",\"href\":\"/\",\"children\":{\"borough\":{\"label\":\"borough\",\"children\":{\"[borough]\":{\"children\":{},\"isTemplated\":true,\"isPage\":true}},\"frontMatter\":{},\"isTemplated\":false,\"isPage\":false}},\"frontMatter\":{\"title\":\"NYC Taxi Data 2022\",\"sidebar\":\"never\"},\"isTemplated\":false,\"isPage\":true}"}</script> | |
| <script> | |
| { | |
| __sveltekit_1e6nijg = { | |
| base: "" | |
| }; | |
| const element = document.currentScript.parentElement; | |
| const data = [null,null]; | |
| Promise.all([ | |
| import("/_app/immutable/entry/start.DUcaK-3q.js"), | |
| import("/_app/immutable/entry/app.5tYsWw7a.js") | |
| ]).then(([kit, app]) => { | |
| kit.start(app, element, { | |
| node_ids: [0, 4], | |
| data, | |
| form: null, | |
| error: null | |
| }); | |
| }); | |
| } | |
| </script> | |
| <!-- SplashScreen --> | |
| <div | |
| aria-disabled | |
| id="__evidence_project_splash" | |
| data-test-id="__evidence_project_splash" | |
| style="visibility: hidden" | |
| > | |
| <svg width="100" height="100" viewBox="-8 -8 588 588" xmlns="http://www.w3.org/2000/svg"> | |
| <path | |
| d="M7.19462e-05 74.3583C109.309 74.3583 195.795 86.2578 286.834 37.825C377.872 -10.6077 466.416 1.29174 573.667 1.29175L573.667 126.549C466.416 126.549 377.373 114.91 286.834 163.082C196.294 211.254 109.309 199.615 6.11417e-05 199.615L7.19462e-05 74.3583Z" | |
| class="draw-path" | |
| /> | |
| <path | |
| d="M573.669 499.31C464.36 499.31 377.874 487.411 286.835 535.843C195.797 584.276 107.252 572.377 0.0014801 572.377V447.12C107.252 447.12 196.295 458.758 286.835 410.586C377.375 362.415 464.36 374.053 573.669 374.053V499.31Z" | |
| class="draw-path2" | |
| /> | |
| <path | |
| d="M452.896 186.499C395.028 187.686 341.581 194.947 286.835 224.074C211.396 264.212 136.995 262.826 52.2355 261.247C35.2696 260.931 17.8887 260.608 0.0014801 260.608V385.865C18.1032 385.865 35.6721 386.204 52.81 386.534C137.212 388.162 211.162 389.589 286.835 349.331C341.838 320.07 395.18 312.831 452.896 311.685V186.499Z" | |
| class="draw-path3" | |
| /> | |
| </svg> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
| <style> | |
| #__evidence_project_splash { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100vw; | |
| height: 100vh; | |
| background-color: #ffffff; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| z-index: 9999; | |
| } | |
| .draw-path, | |
| .draw-path2, | |
| .draw-path3 { | |
| fill: #000000; | |
| animation: blinking-logo 2s; | |
| animation-fill-mode: both; | |
| animation-iteration-count: infinite; | |
| animation-timing-function: ease-in-out; | |
| } | |
| @keyframes blinking-logo { | |
| 0% { | |
| fill-opacity: 1; | |
| } | |
| 50% { | |
| fill-opacity: 0.2; | |
| } | |
| 100% { | |
| fill-opacity: 1; | |
| } | |
| } | |
| </style> | |