forked from bitc0de/fivem-items-gallery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 7.38 KB
/
index.html
1
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v5.1.0"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"><script async defer src="https://buttons.github.io/buttons.js"></script><title>BIT - Fivem Items Gallery</title><link rel="stylesheet" href="/_astro/index.vob30UZ-.css"></head> <body class="bg-[#081017] text-white w-screen h-screen overflow-x-hidden"> <main class="w-full h-full relative"> <div class="bg-bg-top bg-no-repeat bg-cover bg-center w-full h-2/3 absolute top-0 left-0 z-0"></div> <div class="bg-bg1 bg-no-repeat bg-contain bg-center w-1/3 h-1/2 absolute bottom-0 -left-20 z-0"></div> <div class="bg-bg3 bg-no-repeat bg-contain bg-center w-1/3 h-1/2 absolute bottom-0 right-0 z-0"></div> <section class="relative z-10 w-screen h-auto flex flex-col items-center pt-10 space-y-4 text-white"> <a href="https://bit-scripts.com" target="_blank" class="text-2xl font-bold"> <img src="/assets/logo.png" alt="BIT logo" class="w-40 h-auto"> </a> <div class="flex gap-2"> <a class="github-button" href="https://github.com/bitc0de" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" aria-label="Follow @bitc0de on GitHub">Follow @bitc0de</a> <a class="github-button" href="https://github.com/bitc0de/fivem-items-gallery" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star bitc0de/fivem-items-gallery on GitHub">Star</a> </div> </section> <section class="fixed top-64 left-2 flex flex-col gap-2 z-50 w-[300px] h-auto"> <a href="https://bit-scripts.com" target="_blank" class="border-2 border-transparent hover:border-white/20 rounded-xl "> <img src="/assets/banner.jpg" alt="Banner BIT" class="w-[300px] h-auto object-cover z-40 rounded-xl"> </a> </section> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="21ldJ9" prefix="r0" component-url="/_astro/Inventory.clKKDvXS.js" component-export="default" renderer-url="/_astro/client.BleWQWxz.js" props="{}" ssr client="load" opts="{"name":"Inventory","value":true}" await-children><section class="h-auto relative z-10 font-poppins text-white flex justify-center mx-auto w-2/3 pt-10"><div class="flex flex-col justify-around w-full gap-4"><div class="flex justify-between w-full"><select class="rounded-full w-1/4 border-2 border-slate-500/20 text-center font-semibold bg-white/10"><option value="All" class="text-white bg-[#121C28]">All</option></select><span class="absolute left-[44%] font-semibold">Total Images: <span class="text-green-400"></span></span><div class="flex w-40 rounded-full border-2 border-slate-500/20 bg-white/20 overflow-hidden justify-center gap-2 items-center"><div class="-ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-search"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg></div><input type="text" class="w-3/4 text-center font-semibold bg-transparent focus:outline-none" placeholder="Search" value=""/></div></div><div class="bg-[#192533]/60 w-full h-auto rounded-xl grid grid-cols-6 gap-4 py-4 px-10 backdrop-blur-xl"></div></div></section><!--astro:end--></astro-island> </main> </body></html>