Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - kbve.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 03 May 2025 04:36:23 GMT
Content-Type: text/html
Content-Length: 167
Connection: keep-alive
Cache-Control: max-age=3600
Expires: Sat, 03 May 2025 05:36:23 GMT
Location: https://kbve.com/
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=RVBDleWslvZJAtK1aXo%2Fk2LqYrEJJp2C2ZHmtUnQPVsPUSNipiLYKAv%2BcznpMR5017aUJdz88xsSxnPK%2BoPpMQQoSreh%2BD1WEB0tczyAEeWD0qZOgTjGpIheK5v9gBlIJbDvHECQqA%3D%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 939d0e9c58d09902-ARN
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=7507&min_rtt=7507&rtt_var=3753&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=164&delivery_rate=0&cwnd=249&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"
HTTP Code 301 Moved Permanently
301 http status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://kbve.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 03 May 2025 04:36:23 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: cloudflare
Nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Cf-Ray: 939d0e9cdf989936-ARN
Last-Modified: Wed, 02 Apr 2025 21:35:02 GMT
Access-Control-Allow-Origin: *
Expires: Sat, 03 May 2025 02:54:10 GMT
Cache-Control: max-age=600
X-Proxy-Cache: MISS
X-Github-Request-Id: F476:25133E:ED0C9:11E866:681582F9
Age: 0
Via: 1.1 varnish
X-Served-By: cache-bma1620-BMA
X-Cache: HIT
X-Cache-Hits: 0
X-Timer: S1746246983.254179,VS0,VE122
Vary: Accept-Encoding
X-Fastly-Request-Id: d4c5ac4e14fc4b42021c49d34ed8354d5c3fe75f
Cf-Cache-Status: DYNAMIC
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=2ptLUTHJ%2BVZbo7mUwXuHn9xAsHvj6UBlagMZeeZKMozkMzDacppXGlDBsaaVRH%2FueBCHSrhRl9Eu6%2Bwkc4KoCpbpo%2FwcCL5a6%2FQcA%2BdWXrv1OU15dtcmr8zFjCJ%2FeHsW1SkBzHaFvw%3D%3D"}],"group":"cf-nel","max_age":604800}
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=7447&min_rtt=7386&rtt_var=2116&sent=5&recv=7&lost=0&retrans=0&sent_bytes=2835&recv_bytes=783&delivery_rate=544353&cwnd=252&unsent_bytes=0&cid=678592999cdd7e5b&ts=220&x=0"
HTTP Code 200 OK
200 http status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: kbve.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html><!--
This is the main structure for the page.
We set the language of the page to English and add classes for scrollbar and scroll behavior.
--><html lang="en" class="scrollbar-hide lenis lenis-smooth scroll-pt-16 astro-ouamjn2i"> <head><!-- Adding metadata to the HTML document --><!-- Inject structured data into the page if provided. This data is formatted as JSON-LD, a method recommended by Google for structured data pass:
https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","inLanguage":"en-US","@id":"https://kbve.com/","url":"https://kbve.com/","name":"KiloByte Virtual Engine","description":"KBVE offers an extensive range of premium hardware components, expert tutorials, and innovative game development services, including our own Steam games and mobile applications. Explore our offerings and contact our team for unmatched quality and creativity.","isPartOf":{"@type":"WebSite","url":"https://kbve.com/","name":"KiloByte Virtual Engine","description":"KBVE offers an extensive range of premium hardware components, expert tutorials, and innovative game development services, including our own Steam games and mobile applications. Explore our offerings and contact our team for unmatched quality and creativity."}}</script><!-- Define the character set, description, author, and viewport settings --><meta charset="utf-8"><meta content="KBVE offers an extensive range of premium hardware components, expert tutorials, and innovative game development services, including our own Steam games and mobile applications. Explore our offerings and contact our team for unmatched quality and creativity." name="description"><meta name="web_author" content="KBVE"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="canonical" href="https://kbve.com/"><link rel="alternate" hreflang="en" href="https://kbve.com/" />
<link rel="alternate" hreflang="fr" href="https://kbve.com/fr/" /><!-- Facebook Meta Tags --><meta property="og:locale" content="en_US"><meta property="og:url" content="https://kbve.com/"><meta property="og:type" content="website"><meta property="og:title" content="KiloByte Virtual Engine: : DevTeam & Software Services"><meta property="og:site_name" content="KiloByte Virtual Engine"><meta property="og:description" content="Equip your projects with KBVE's top-notch development team and software services. Specializing in machine learning, app design, development, and comprehensive hardware and backend solutions, KBVE is trusted by industry leaders. Discover simplicity, affordability, and reliability with our user-centric design and cutting-edge technology. Start exploring now!"><meta property="og:image" content="https://kbve.com/_astro/social.Mno5u36a_btYdl.webp"><meta content="1200" property="og:image:width"><meta content="600" property="og:image:height"><meta content="image/png" property="og:image:type"><!-- Twitter Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta property="twitter:domain" content="https://kbve.com/"><meta property="twitter:url" content="https://kbve.com/"><meta name="twitter:title" content="KiloByte Virtual Engine: : DevTeam & Software Services"><meta name="twitter:description" content="Equip your projects with KBVE's top-notch development team and software services. Specializing in machine learning, app design, development, and comprehensive hardware and backend solutions, KBVE is trusted by industry leaders. Discover simplicity, affordability, and reliability with our user-centric design and cutting-edge technology. Start exploring now!"><meta name="twitter:image" content="https://kbve.com/_astro/social.Mno5u36a_btYdl.webp"><!-- Links to the webmanifest and sitemap --><link rel="manifest" href="/manifest.json"><!-- https://docs.astro.build/en/guides/integrations-guide/sitemap/ --><link rel="sitemap" href="/sitemap-index.xml"><!-- Links for favicons --><link href="/favicon.ico" rel="icon" sizes="any" type="image/x-icon"><link href="/_astro/icon.B7KHh505_21DNDL.svg" rel="icon" type="image/svg+xml" sizes="any"><meta name="mobile-web-app-capable" content="yes"><link href="/_astro/icon.BJD5tiNw_G7vDa.png" rel="apple-touch-icon"><link href="/_astro/icon.BJD5tiNw_G7vDa.png" rel="shortcut icon"><!-- Set theme color --><meta name="theme-color" content="#facc15"><!-- Define the title of the page --><title>KiloByte Virtual Engine</title><script type="module" async src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/preline.min.js"></script><script>
// Script to handle dark mode. It will check if the theme is stored in localStorage or if dark theme is preferred by system settings
if (
localStorage.getItem('hs_theme') === 'dark' ||
(!('hs_theme' in localStorage) &&
window.matchMedia('(prefers-color-scheme: dark)').matches)
) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
</script><script src="/scripts/vendor/lenis/lenis.js"></script><script>
// Script to handle Lenis library settings for smooth scrolling
const lenis = new Lenis();
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script><link rel="stylesheet" href="/_astro/@astrojs.BgtSmMGZ.css">
<style>.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}
.scrollbar-hide:where(.astro-ouamjn2i)::-webkit-scrollbar{display:none}.scrollbar-hide:where(.astro-ouamjn2i){-ms-overflow-style:none;scrollbar-width:none}html.lenis,html.lenis body{height:auto}.lenis:where(.astro-ouamjn2i).lenis-smooth{scroll-behavior:auto!important}.lenis:where(.astro-ouamjn2i).lenis-smooth :where(.astro-ouamjn2i)[data-lenis-prevent]{overscroll-behavior:contain}.lenis:where(.astro-ouamjn2i).lenis-stopped{overflow:hidden}.lenis:where(.astro-ouamjn2i).lenis-scrolling iframe:where(.astro-ouamjn2i){pointer-events:none}
.grid-container:where(.astro-mq74yxax){display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem;margin:0 0 8rem}.grid-item:where(.astro-mq74yxax){display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;padding:1.5rem;border-radius:10px;background-color:#1c1c1c;color:#fff;box-shadow:0 0 20px rgba(black,.1)}.grid-item-image:where(.astro-mq74yxax){border-radius:10px}.grid-item-header:where(.astro-mq74yxax){display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin:1rem 0 .25rem}.grid-item-title:where(.astro-mq74yxax){margin:0;font-size:1.5rem;font-weight:700}.grid-item-text:where(.astro-mq74yxax){margin:0 0 1.5rem;font-size:.875rem;color:#ffffff80}.grid-item-button:where(.astro-mq74yxax){padding:.5rem 2rem;border-radius:3px;font-size:.75rem;background-color:#06b6d4;color:#fff}@media only screen and (max-width: 1300px){.grid-container:where(.astro-mq74yxax){grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 1000px){.grid-container:where(.astro-mq74yxax){grid-template-columns:1fr 1fr}}@media only screen and (max-width: 600px){.grid-container:where(.astro-mq74yxax){grid-template-columns:1fr}}
.benefit-container-outer:where(.astro-cfbypa54){border-radius:10px}.benefit-container:where(.astro-cfbypa54){display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-radius:10px;padding:3rem;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.benefit-text:where(.astro-cfbypa54){display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2.25rem;width:45%;color:#fff}.benefit-title:where(.astro-cfbypa54){margin:0;font-size:3rem;font-weight:700;line-height:100%}.benefit-description:where(.astro-cfbypa54){margin:0;font-size:1rem;font-weight:400;line-height:160%}.benefit-stats:where(.astro-cfbypa54){display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.benefit-stat:where(.astro-cfbypa54){display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.benefit-stat-data:where(.astro-cfbypa54){margin:0;font-size:2.5rem;font-weight:700;line-height:100%;color:#fff}.benefit-stat-title:where(.astro-cfbypa54){margin:0;font-size:.85rem;font-weight:400;line-height:100%;color:#ffffff80}.benefit-button:where(.astro-cfbypa54){margin-top:.5rem}.benefit-lottie:where(.astro-cfbypa54){width:30%;background-position:center;background-size:cover}@media only screen and (max-width: 1024px){.benefit-container:where(.astro-cfbypa54){flex-direction:column;gap:2rem}.benefit-text:where(.astro-cfbypa54){width:100%}.benefit-stat-data:where(.astro-cfbypa54){font-size:1.5rem}.benefit-stat-title:where(.astro-cfbypa54){font-size:.75rem}.benefit-lottie:where(.astro-cfbypa54){display:none}}
.image-container.svelte-sw5q2w{position:relative;display:inline-block}.waypoint.svelte-sw5q2w{position:absolute;width:20px;height:20px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;margin-left:-10px;margin-top:-10px}
.conch-shell.svelte-19kd8e1{transition:opacity .5s ease}.rotate.svelte-19kd8e1{animation:svelte-19kd8e1-rotate 1s infinite alternate}@keyframes svelte-19kd8e1-rotate{0%{transform:rotate(0)}to{transform:rotate(10deg)}}
</style><script type="module" src="/_astro/page.Debcv5G_.js"></script>
<script>!(function(w,p,f,c){if(!window.crossOriginIsolated && !navigator.serviceWorker) return;c=w[p]=Object.assign(w[p]||{},{"lib":"/~partytown/","debug":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.11.0 - MIT QwikDev */
const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((t=>{const e=new Set;let n=[];do{Object.getOwnPropertyNames(n).forEach((t=>{"function"==typeof n[t]&&e.add(t)}))}while((n=Object.getPrototypeOf(n))!==Object.prototype);return Array.from(e)})());!function(t,r,o,i,a,s,c,l,d,p,u=t,f){function h(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(d=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(l=setTimeout(v,(null==s?void 0:s.fallbackTimeout)||1e4),r.addEventListener("pt0",w),a?y(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?y():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&y()}))}),console.error):v())))}function y(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.11.0":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function v(n,o){for(w(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<d.length;n++)(o=r.createElement("script")).innerHTML=d[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function w(){clearTimeout(l)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?h():(t.addEventListener("DOMContentLoaded",h),t.addEventListener("load",h))}(window,document,navigator,top,window.crossOriginIsolated);;(e=>{e.addEventListener("astro:before-swap",e=>{let r=document.body.querySelector("iframe[src*='/~partytown/']");if(r)e.newDocument.body.append(r)})})(document);</script></head> <body class="bg-neutral-200 selection:bg-cyan-400 selection:text-neutral-700 dark:bg-neutral-800 astro-ouamjn2i"> <!--
Setting up the main structure of the page.
The Navbar is placed at the top, with a slot for the main content and FooterSection at the bottom.
--> <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8 astro-ouamjn2i"> <!-- Main header component --><header class="sticky inset-x-0 top-4 z-50 flex w-full flex-wrap text-sm md:flex-nowrap md:justify-start"> <!-- Navigation container --> <nav class="relative mx-2 w-full rounded-[36px] border border-yellow-100/40 bg-yellow-50/60 px-4 py-3 backdrop-blur-md dark:border-neutral-700/40 dark:bg-neutral-800/80 dark:backdrop-blur-md md:flex md:items-center md:justify-between md:px-6 md:py-0 lg:px-8 xl:mx-auto" aria-label="Global"> <div class="flex items-center justify-between"> <!-- Brand logo --> <a class="flex-none rounded-lg text-xl font-bold outline-none ring-zinc-500 focus-visible:ring dark:ring-zinc-200 dark:focus:outline-none" href="/" aria-label="Brand"> <svg class="h-auto w-24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" zoomAndPan="magnify" viewBox="0 0 112.5 37.5" height="50" preserveAspectRatio="xMidYMid meet" fill="none" version="1.0"> <defs> <filter x="0%" y="0%" width="100%" height="100%" id="id1"> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"></feColorMatrix> </filter><filter x="0%" y="0%" width="100%" height="100%" id="id2"> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"></feColorMatrix> </filter><clipPath id="id3"> <path d="M 0.492188 1 L 111.511719 1 L 111.511719 36 L 0.492188 36 Z M 0.492188 1 " clip-rule="nonzero"></path> </clipPath><image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAAAAADWL9zNAAAAAmJLR0QA/4ePzL8AAAPcSURBVFiF7ZdfaFtVHMc/XsIlhBBKCDOUUkIpWkopRcIIpVS6yZ5mXyaCDyr6MnyxioLIQB/G2MNAqUMU1NUH91JhDxP0yb/r6uxK3ZyE0UkN2RZjN0IaQm6ShXt9uLm35957TtIVH0Tu9yX39zu/8zvf8zu/3++cQIgQIUKE+P/iEftHyw4DNFeqtnwgGwOoXqkLtslcLOiguVloC6I+nQKorTQczYGcDrC14ZmmD2UGNL+v2lrVq9DPPzAMo3U7a4vRd3YMwzBal0dFo/m/WkYAO9ffTAg2mV9ahmG0bmRczcs7LcMwjPcjgpU2cebXvwOuWn/OOAaOsR6JANGueOR4AqCytCXSisZ0//4gOnmi8bHpihHbJupGInY4AVC/2hEmPXVqSmTp2rrKQCABHnt9EKCzvGzKhn0YeH6ox+jQJABF8QwH38jKWAmQ0Yoft4O5tljbAysYGesxeHAEgI2ioMvl+rmUsX7mhQhAafGmdIoYQQ0gllL7j87FAJqXGoJyOBpwBKB1XI2E1tQrKYD25xflrH5Yc/3M5gDMjtQQgMEnACitB4c6X+d9tO5tqmmlFuxy/O6TpnyljXe7NMz4RzmAxraa1pR9hr/9ERwyv//AKwvfXlr6woukD2kADe2t9q2ffpfk/MxZR6nbOVjaCho57ucSAJ1LkizVnn7cI979tOQ30b+0JGhdnxdL4tkdmZH14KSwt9EblmVZ1i07SAxftSzLsm5Pe1Z7rSXzc3dW4KjcKKBPnp7uNQ6AeeW8OrcmbHp5efGo0ZMWjD/Xp8GAWW0rx7S5JIB5uao02Rctxgf6eYgceUnS/G2k7WDfX91LW/Y49UjNgnsekUwUQA9G64679VQaQJ9fUuX8mH2nbuZlg2ax7pG3Kypa9bevdRXm2Gdp+VLmxUVn79nTGYD0iIKW9qTdaFelHaSz9IXnrNpCIfqCUS44XwkU0BpbTkjLxzLQo8unZjSA6s/ymqipG0u/3Oo5pVPr7WRsHAg8tR5ujb3C3Hv62k9C1ssPvUjf+g/i4EnnS5tQ2cQX6hraoQhA/Ud5B9EOP+rT3Fu+s29a2uysT9MO3izpV3e/i4ozjBw96tNsbzi09pFbAZQl97CA1YJfU+3x5LDxL9BqXFBXFFD5KvASWS/086n1kFQqD8zie2fVtw+0L6wEdDc/VDyF3MWc7lnIm0Blt+828vcBLS+8KkvXkgFS2+vfrInRqOc1T6VWvj1XwY/OucqxUUlWl13T7v9EBmIAncru5ZOMADSES7ar8tBq13x5kox6xLYij+JxyTGojEOECBEiRIgQ/zH8A1zaivGoIKeuAAAAAElFTkSuQmCC" id="id4" height="48" preserveAspectRatio="xMidYMid meet"></image><mask id="id5"> <g filter="url(#id1)"> <g filter="url(#id2)" transform="matrix(0.743421, 0, 0, 0.743421, 0.493421, 0.743421)"> <image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAAAAADWL9zNAAAAAmJLR0QA/4ePzL8AAAPcSURBVFiF7ZdfaFtVHMc/XsIlhBBKCDOUUkIpWkopRcIIpVS6yZ5mXyaCDyr6MnyxioLIQB/G2MNAqUMU1NUH91JhDxP0yb/r6uxK3ZyE0UkN2RZjN0IaQm6ShXt9uLm35957TtIVH0Tu9yX39zu/8zvf8zu/3++cQIgQIUKE+P/iEftHyw4DNFeqtnwgGwOoXqkLtslcLOiguVloC6I+nQKorTQczYGcDrC14ZmmD2UGNL+v2lrVq9DPPzAMo3U7a4vRd3YMwzBal0dFo/m/WkYAO9ffTAg2mV9ahmG0bmRczcs7LcMwjPcjgpU2cebXvwOuWn/OOAaOsR6JANGueOR4AqCytCXSisZ0//4gOnmi8bHpihHbJupGInY4AVC/2hEmPXVqSmTp2rrKQCABHnt9EKCzvGzKhn0YeH6ox+jQJABF8QwH38jKWAmQ0Yoft4O5tljbAysYGesxeHAEgI2ioMvl+rmUsX7mhQhAafGmdIoYQQ0gllL7j87FAJqXGoJyOBpwBKB1XI2E1tQrKYD25xflrH5Yc/3M5gDMjtQQgMEnACitB4c6X+d9tO5tqmmlFuxy/O6TpnyljXe7NMz4RzmAxraa1pR9hr/9ERwyv//AKwvfXlr6woukD2kADe2t9q2ffpfk/MxZR6nbOVjaCho57ucSAJ1LkizVnn7cI979tOQ30b+0JGhdnxdL4tkdmZH14KSwt9EblmVZ1i07SAxftSzLsm5Pe1Z7rSXzc3dW4KjcKKBPnp7uNQ6AeeW8OrcmbHp5efGo0ZMWjD/Xp8GAWW0rx7S5JIB5uao02Rctxgf6eYgceUnS/G2k7WDfX91LW/Y49UjNgnsekUwUQA9G64679VQaQJ9fUuX8mH2nbuZlg2ax7pG3Kypa9bevdRXm2Gdp+VLmxUVn79nTGYD0iIKW9qTdaFelHaSz9IXnrNpCIfqCUS44XwkU0BpbTkjLxzLQo8unZjSA6s/ymqipG0u/3Oo5pVPr7WRsHAg8tR5ujb3C3Hv62k9C1ssPvUjf+g/i4EnnS5tQ2cQX6hraoQhA/Ud5B9EOP+rT3Fu+s29a2uysT9MO3izpV3e/i4ozjBw96tNsbzi09pFbAZQl97CA1YJfU+3x5LDxL9BqXFBXFFD5KvASWS/086n1kFQqD8zie2fVtw+0L6wEdDc/VDyF3MWc7lnIm0Blt+828vcBLS+8KkvXkgFS2+vfrInRqOc1T6VWvj1XwY/OucqxUUlWl13T7v9EBmIAncru5ZOMADSES7ar8tBq13x5kox6xLYij+JxyTGojEOECBEiRIgQ/zH8A1zaivGoIKeuAAAAAElFTkSuQmCC" height="48" preserveAspectRatio="xMidYMid meet"></image> </g> </g> </mask><image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAIAAAB8JhRGAAAABmJLR0QA/wD/AP+gvaeTAAAMc0lEQVR4nO1aS2wbVRe+d2Zsx2PHdhM/UjtO47i2osg1oTQNIEQbitRKVIWqYhFAiEXFAqmwBLEBCQoSFKkIIajEBgSqhMpLCkXlJUoV0aSNitqkcZMSu0ls4kdrJ3Hssefhf3HV4TIvj/OvkOZbRMr4nHtec88599wBwIABAwYMGDBgwIABAwYMGDDwHwaUP+rs7HS5XF6vl6Zp9ITjuGKxWKlUCoVCqVTCicPhsNPpNJlMNpsNwn9Wq1arHMeVy+Xr169riB8YGLDZbCaTqa2tDWfXiUajUavVcrnc2tpaNpvVJh4YGLBYLGazua2tjaIo9LBeryP2v//+W5HL5/N1dHS0tbU5nU6SJEUuQRAYhpmamtKjp9frbW9v93q9FouFIIiWLBUEoVgsVqvVbDYrcT4CIX90+/ZtkiTF+AEAKIqy2WyFQsFsNkuI3W736uoqTdMStaxWa7lcbqqf3+/f2NiwWCybiB8AAEJoMploms5ms/F4vKOjQ4OYJMlarQYhFOMHADCbzXa7XS1+AIBYLHbnzh2apsX4IS6GYdra2ppqGAwG77333lwuR9O0yWSCELZqKUEQDocjm812dnYqElCKT5966qmnn34aX2Vubu7555/nOA4ni8ViExMTb7755uHDhyXRnZiYeOutt9bW1rT1s9lsQ0NDL7zwQmdnZ6PR0GXTv8Hz/MrKyrlz506dOhUIBO7cuaNGCSE0m82vvvrqwMCAKIsgiMnJydHRUTUus9k8Ojr67LPPOhwOkYtl2S+//PL111/X1q2vr29hYSEYDL733ns7d+70eDwWi6VVAyGEy8vLL7/8cqVSUSRQDqHT6fT7/eL7QpJksVgkSZIg/tm1/f39oVAoFos99thjoVAIF5nJZC5fvnz9+nWPx6Otn9vtJgjC5/P5fL7NhRAAEAwG/X4/z/PvvPPOli1bisWiIhlJkhDCjo6OQCAgyiJJcmFhQUO9H3744cknn4xEIuIuhBDmcrlCobBv375ffvlFg3fbtm3hcPjYsWMPPPAAymqbSDYQwlqtZrVa5SkQQTmEjUZDEARRHoQQ2Yxr0NnZOT8/f+LEiXA4LAiCSFkul8fGxk6ePBmJRObn57X1Q++EIAiCIGw6hACAQCDw6KOPnjlzxmQyqYUQKY9ME2VBCEXl5QgGg263OxqNEgSB27i0tDQ2NuZwODRUikaj165d++ijj/bs2UNRFJK4CRtF5+OZHIdyCAEAkhBK7BwcHBwfH3/33Xfvu+8+/NdGozE5OfnJJ5/s2bPn/PnzOrWUuBXoeFslvoAQBoPBnTt3lkqlGzduaDBKXhfRQYrYunVrX1/f1q1bcRae52dmZlKplMvl0hDk8Xii0Wg8HidJkud5/abJoR1+5RDyPM/zvCgMuVj8dWhoKBgMDg4OHjhwwGq1igUSQphMJr/44otQKJRMJnUqByFE4nAVOY7DzZaDJEm8K0FNCkVR2h0NAEAQBIkstV1os9nOnj374YcfOhwO3MZisTg3N3f48OFvvvlGQ1BfXx9N08g/orhGo8FxnMa+lwNCWK1WBUGo1+uKBMohFASB4zgxhARBIBuQbLvdvrS09Nprr/l8PpZlRUnr6+vffvvt6dOnY7HY9PS0Hv3Qy8FxHG4nx3G//vrr9PQ0HiQc9Xp99+7dDz30kFibIYQsy6LwaEuUyGo0GmosgUCgVCqFw2EIIR7CTCYzPj7edDNZLBaJaRDCSqUyNjaWTqfxrqIpNjY2CoUCfkbAoVoLJSHkeZ5l2V27du3du/ezzz47efJkLBaTpJfz58+fOnXqiSeeKJfLVqs1k8mk02lt5VC65nked2utVkun02+//bYiy+jo6OnTpz/++GOWZfEWY319vVKpqBVCpCHKafJtoUjv8/mGh4d9Pp+EPpFIXLx4sbu7u6lpSCgeQoZhFhYWTpw4oc0r4plnnrHZbPl8fvv27Tdv3lSkUU2kkhC2tbUdOXLEZDIBAD744IORkRGKovAtmM/nZ2dnR0dHkaJTU1PpdLqnp2dxcbGpnfKd4XK5XnzxRSROjldeeQUdDPDNcevWrfHxcY0WA72F8hAq7kKKoi5cuLB//36n0ynJNIlE4siRI1999ZWGXYqmoUNhV1fXSy+9pJZgJKhUKhcvXqRpenx8XI1GNYT1eh3PFR6P59ixY0gVgiAIgqjVajiLw+E4evQoSozVanVkZOS77777/PPP0dlITTxyH8uy9Xodr0+PPPLI3r171bgghARBiLUBJaiZmRk0xVDjQj6VyCJJUnEX+v3+XC4XjUYBALigTCYzOTnZNF2L4ur1Oi6OIIjHH39cZ18KIVxcXPzrr78krpZAOYQsy6qlF6Be/0XQNL1jxw6SJFdWVvL5vAYlSsUsy7Is21LDjTuR47jffvvt66+/jsfjV69e1WbkOA6XhcqVnMzr9Q4NDXm9XoliN2/e/P33391utx4NUYVu1TQRYquvlo0QVHehmD02jd7e3uHh4ePHj2vQoFr4/9gJAGAYJp1OLy4uBgKBpsSSEKK8Kie7fPnyyMhIe3u7ZK/Pzc0BAAqFQlNBqO+ViGsJqI3CK5oitBKpfMWmUiVnu66uLgCAxWJRSwWKyU2PLJyYJMn9+/dXKpX333/f6XSurq5qMEpkic02Dp/Pl81mI5EIhBAPYTabnZiYGBwc/PPPP7XVAwAg10sSqR7TcEq0kTQyItC5CyGEGxsbqVRKoxUWBKGnp6e9vR0/NVMU5fF4arWaWgjFWihJbplMRmNKji5ScGVomo7FYj09PQRBaIcQmYaHUF7Y3G73Pffc43a7JRsomUwmEgm1QZdckDzBcBy3vLzMMIyeFdBLwzCMRpsNdIaQIIh0On38+HGTyaQYRTREfeONN6LRKD6IQt7RmO2iWijJNizL/vHHH59++qnX65Wz1Go1v99/9OjRcDiMvy4ulysSiZTL5VQqpWYUSZISnxIEIS8ZMzMzDz/8sMPhwFNRvV5PpVIa5zNF03BxaCecO3fu+++/11NNAQDoEBIMBjVolHcVCqEE5XKZYRh5WocQlkqlcrmMIoFDbaCA2wnu1iecq9FoFAqFXC4nV4xhmAsXLiSTSYZhcC6SJEmSbG9v15BVq9XkSkrSFHJuKBRC0RVpbt++PT09vWvXLrUbA7mq4G6CwU2DEA4ODmo3meIK1Wp1y5YtS0tLGmR6dyGys1qtKr7jaFqItJTvQg2Inbck2yBxhUJBrXFgGKZer+NHe1y0hizJjpcn0m3btg0MDHg8Hvz4iEbb09PTOrMouDvJw8Wh9oRl2a6urh9//FHnOk3RWgi1gfTDQ9iUSy2RokXi8Th+jYWQTCavXr2KNJTLatr7yUOIGJEsQRBomqYoym634ymE47ilpaVMJqOxyyWQl3l8Cnjo0CGdfQ3P8+iTiVwupzjt0hqwif82DaEgCIgGn+Hq3IVi64y3M2az+eDBg4rXK6FQqLu722QySS4c0GS8aQgl0xmCICwWy4EDB1DBJghifX19eHjYZDLho5/V1dXZ2dmhoaFLly5pr4+bBpQGT3a7PZ1Oq90cyYGqQyqVUvtIQHXMjXtfclOhRi/+RQ/1hBCtLL+puP/++3fv3q3BSJIkrhJq31mWbdrsSW4qeJ7v7u5+7rnnJItLroey2eyNGzdamk1zHEdRlEQcRVH79u1r9aYim80uLy+3dlOBfCr+qzHOFwlELjyETfcEzigh1vaXRCUIYaFQWF5ebuodPbIki/M8f+vWraYXhBKgL25qtZrFYmnJNAnEz21au7UH/y4q+ocLjUZDzqiHXcLYEtAd3pUrV/R4uXEX+hcvlUpzc3P6b9AQFhcXBUF48MEH8bPy5rCZK1/w7zdF/G5O7R1HtRBNn8WH6PXR9hfKNkjEJuxEF6H5fH5ycvLs2bO9vb1qh0Jw93oZfQGkUxYa2c/Ozv700099fX0t6VYoFIrF4tTUlN1ud7vdOq8m5EBe1bgKVV43k8lcuXIFXyWfz9frdbWmBuXPRCKxurqKeyedTnMcp5E3VlZWXC5XIpHQ80GfotxsNjszM3Pp0qVQKKQ9Ukd1d35+fm1tTWcI0edxP//8844dO65du9aSbsVisbu7+8yZM+Vyub+/32q1bvpDy7W1tUqlonOmAwAAaLCpCDVHa/RXkUhEI7lpzx10IhKJ+P3+pmS9vb2xWGwT6/f39+sZoCti+/bt8Xh8c7wStFSJDRgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAgf8G/geEL03dNR+rnAAAAABJRU5ErkJggg==" id="id6" height="48" preserveAspectRatio="xMidYMid meet"></image> </defs><g clip-path="url(#id3)"> <g mask="url(#id5)"> <g transform="matrix(0.743421, 0, 0, 0.743421, 0.493421, 0.743421)"> <image x="0" y="0" width="150" xlink:href="data:image/png;base64,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" height="48" preserveAspectRatio="xMidYMid meet"></image> </g> </g> </g> </svg> </a> <!-- Collapse toggle for smaller screens --> <div class="ml-auto mr-5 md:hidden"> <button type="button" class="hs-collapse-toggle flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold text-neutral-600 transition duration-300 hover:bg-neutral-200 disabled:pointer-events-none disabled:opacity-50 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:outline-none" data-hs-collapse="#navbar-collapse-with-animation" aria-controls="navbar-collapse-with-animation" aria-label="Toggle navigation"> <svg class="h-[1.25rem] w-[1.25rem] flex-shrink-0 hs-collapse-open:hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="3" x2="21" y1="6" y2="6"></line> <line x1="3" x2="21" y1="12" y2="12"></line> <line x1="3" x2="21" y1="18" y2="18"></line> </svg> <svg class="hidden h-[1.25rem] w-[1.25rem] flex-shrink-0 hs-collapse-open:block" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M18 6 6 18"></path> <path d="m6 6 12 12"></path> </svg> </button> </div> <!-- ThemeIcon component specifically for smaller screens --> <span class="inline-block md:hidden"> <!-- Dark Theme Toggle Button --><!-- This button is shown when the light theme is active, and when clicked, it switches the theme to dark --><button type="button" aria-label="Dark Theme Toggle" class="hs-dark-mode group flex h-8 w-8 items-center justify-center rounded-full font-medium text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 hover:text-cyan-400 hs-dark-mode-active:hidden dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-cyan-300 dark:focus:outline-none" data-hs-theme-click-value="dark"> <!-- The SVG displayed shows an abstract icon that represents the moon (dark theme) --> <svg class="h-4 w-4 flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> <!-- Light Theme Toggle Button --> <!-- This button is hidden by default and only appears when the dark theme is active, when clicked, it switches to the light theme --> </button> <button type="button" aria-label="Light Theme Toggle" class="hs-dark-mode group hidden h-8 w-8 items-center justify-center rounded-full font-medium text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-cyan-400 hs-dark-mode-active:flex dark:text-neutral-400 dark:ring-zinc-200 dark:hover:bg-neutral-700 dark:hover:text-cyan-300 dark:focus:outline-none" data-hs-theme-click-value="light"> <!-- The SVG displayed shows a standard sun icon that stands for the light theme --> <svg class="h-4 w-4 flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 8a2 2 0 1 0 4 4"></path><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> </button> </span> </div> <!-- Contains navigation links --> <div id="navbar-collapse-with-animation" class="hs-collapse hidden grow basis-full overflow-hidden transition-all duration-300 md:block"> <!-- Navigation links container --> <div class="mt-5 flex flex-col gap-x-0 gap-y-4 md:mt-0 md:flex-row md:items-center md:justify-end md:gap-x-4 lg:gap-x-7 md:gap-y-0 md:ps-7"> <!-- Navigation links and Authentication component --> <!--
Re-usable link component for navigation bar. Highlights the active link
by comparing the current URL with the href of each link.
We assign an ID matching the URL for easy reference in our script.
If URL is '/' (home page), assign ID as 'home'
--><a id="home" href="/" data-astro-prefetch class="rounded-lg text-base font-medium text-neutral-600 outline-none ring-zinc-500 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-500 dark:focus:outline-none md:py-3 md:text-sm 2xl:text-base"> Home </a> <script type="module">document.addEventListener("DOMContentLoaded",function(){let e=window.location.pathname;e.split("/");let a;e==="/"?a="home":a=e.replace("/","");let t=document.getElementById(a);t&&(t.classList.remove("text-neutral-600","dark:text-neutral-400","hover:text-neutral-500","dark:hover:text-neutral-500"),t.classList.add("text-cyan-400","dark:text-cyan-300"),t.setAttribute("aria-current","page"))});</script><!--
Re-usable link component for navigation bar. Highlights the active link
by comparing the current URL with the href of each link.
We assign an ID matching the URL for easy reference in our script.
If URL is '/' (home page), assign ID as 'home'
--><a id="arcade/" href="/arcade/" data-astro-prefetch class="rounded-lg text-base font-medium text-neutral-600 outline-none ring-zinc-500 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-500 dark:focus:outline-none md:py-3 md:text-sm 2xl:text-base"> Arcade </a> <!--
Re-usable link component for navigation bar. Highlights the active link
by comparing the current URL with the href of each link.
We assign an ID matching the URL for easy reference in our script.
If URL is '/' (home page), assign ID as 'home'
--><a id="welcome-to-docs/" href="/welcome-to-docs/" data-astro-prefetch class="rounded-lg text-base font-medium text-neutral-600 outline-none ring-zinc-500 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-500 dark:focus:outline-none md:py-3 md:text-sm 2xl:text-base"> Docs </a> <div class="hs-dropdown relative inline-flex"> <button id="hs-dropdown-slideup-animation" type="button" class="hs-dropdown-toggle inline-flex items-center gap-x-2 rounded-lg px-1.5 py-1.5 text-sm font-medium text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 hover:text-cyan-400 dark:border-neutral-700 dark:text-neutral-400 dark:ring-zinc-200 dark:hover:bg-neutral-700 dark:hover:text-cyan-300 dark:focus:outline-none"> <svg class="w-4 h-4 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525" class></path></svg> <svg class="hs-dropdown-open:rotate-180 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m6 9 6 6 6-6"></path> </svg> </button> <div class="hs-dropdown-menu w-72 transition-[opacity,margin] duration hs-dropdown-open:opacity-100 opacity-0 hidden z-10 duration-300 mt-2 min-w-60 bg-white shadow-md rounded-lg p-2 dark:bg-neutral-800 dark:border dark:border-neutral-700 dark:divide-neutral-700 !transform-none !top-[78%] !left-[20%] md:!top-[80%] md:!left-[70%]" aria-labelledby="hs-dropdown-slideup-animation"> <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700" href="/arcade" data-astro-prefetch="viewport">
Arcade
</a> <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700" href="/welcome-to-docs" data-astro-prefetch="viewport">
Docs
</a> <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700" href="/journal" data-astro-prefetch="viewport">
Journal
</a> <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700" href="#" data-astro-prefetch="viewport">
Team Account
</a> </div> </div> <!--Import the necessary Dropdown plugin--> <!--https://preline.co/plugins/html/dropdown.html--> <script src="/scripts/vendor/preline/dropdown/index.js"></script> <!-- Login Button --><a type="button" class="flex items-center gap-x-2 text-base md:text-sm font-medium text-neutral-600 ring-zinc-500 transition duration-300 focus-visible:ring outline-none hover:text-cyan-400 dark:hover:text-cyan-300 dark:border-neutral-700 dark:text-neutral-400 dark:ring-zinc-200 dark:focus:outline-none md:my-6 md:border-s md:border-neutral-300 md:ps-6 2xl:text-base" href="/login" id="login_button"> <!-- About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments --> <svg
class="h-4 w-4 flex-shrink-0"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
Log In
</a> <!-- Login Modal --> <!-- Register Modal
<RegisterModal />
<RecoverModal />
--> <!-- <LanguagePicker /> --> <!-- ThemeIcon component specifically for larger screens --> <span class="hidden md:inline-block"> <!-- Dark Theme Toggle Button --><!-- This button is shown when the light theme is active, and when clicked, it switches the theme to dark --><button type="button" aria-label="Dark Theme Toggle" class="hs-dark-mode group flex h-8 w-8 items-center justify-center rounded-full font-medium text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 hover:text-cyan-400 hs-dark-mode-active:hidden dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-cyan-300 dark:focus:outline-none" data-hs-theme-click-value="dark"> <!-- The SVG displayed shows an abstract icon that represents the moon (dark theme) --> <svg class="h-4 w-4 flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> <!-- Light Theme Toggle Button --> <!-- This button is hidden by default and only appears when the dark theme is active, when clicked, it switches to the light theme --> </button> <button type="button" aria-label="Light Theme Toggle" class="hs-dark-mode group hidden h-8 w-8 items-center justify-center rounded-full font-medium text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-cyan-400 hs-dark-mode-active:flex dark:text-neutral-400 dark:ring-zinc-200 dark:hover:bg-neutral-700 dark:hover:text-cyan-300 dark:focus:outline-none" data-hs-theme-click-value="light"> <!-- The SVG displayed shows a standard sun icon that stands for the light theme --> <svg class="h-4 w-4 flex-shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 8a2 2 0 1 0 4 4"></path><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> </button> </span> </div> </div> </nav> </header> <!-- Theme Appearance script to manage light/dark modes --> <script>
const HSThemeAppearance = {
init() {
const defaultTheme = 'default';
let theme = localStorage.getItem('hs_theme') || defaultTheme;
if (document.querySelector('html').classList.contains('dark')) return;
this.setAppearance(theme);
},
_resetStylesOnLoad() {
const $resetStyles = document.createElement('style');
$resetStyles.innerText = `*{transition: unset !important;}`;
$resetStyles.setAttribute('data-hs-appearance-onload-styles', '');
document.head.appendChild($resetStyles);
return $resetStyles;
},
setAppearance(theme, saveInStore = true, dispatchEvent = true) {
const $resetStylesEl = this._resetStylesOnLoad();
if (saveInStore) {
localStorage.setItem('hs_theme', theme);
}
if (theme === 'auto') {
theme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'default';
}
document.querySelector('html').classList.remove('dark');
document.querySelector('html').classList.remove('default');
document.querySelector('html').classList.remove('auto');
document
.querySelector('html')
.classList.add(this.getOriginalAppearance());
setTimeout(() => {
$resetStylesEl.remove();
});
if (dispatchEvent) {
window.dispatchEvent(
new CustomEvent('on-hs-appearance-change', { detail: theme })
);
}
},
getAppearance() {
let theme = this.getOriginalAppearance();
if (theme === 'auto') {
theme = window.matchMedia('(prefers-color-scheme: dark)').matches
? 'dark'
: 'default';
}
return theme;
},
getOriginalAppearance() {
const defaultTheme = 'default';
return localStorage.getItem('hs_theme') || defaultTheme;
},
};
HSThemeAppearance.init();
window
.matchMedia('(prefers-color-scheme: dark)')
.addEventListener('change', () => {
if (HSThemeAppearance.getOriginalAppearance() === 'auto') {
HSThemeAppearance.setAppearance('auto', false);
}
});
window.addEventListener('load', () => {
const $clickableThemes = document.querySelectorAll(
'[data-hs-theme-click-value]'
);
const $switchableThemes = document.querySelectorAll(
'[data-hs-theme-switch]'
);
$clickableThemes.forEach(($item) => {
$item.addEventListener('click', () =>
HSThemeAppearance.setAppearance(
$item.getAttribute('data-hs-theme-click-value'),
true,
$item
)
);
});
$switchableThemes.forEach(($item) => {
$item.addEventListener('change', (e) => {
HSThemeAppearance.setAppearance(e.target.checked ? 'dark' : 'default');
});
$item.checked = HSThemeAppearance.getAppearance() === 'dark';
});
window.addEventListener('on-hs-appearance-change', (e) => {
$switchableThemes.forEach(($item) => {
$item.checked = e.detail === 'dark';
});
});
});
</script> <!--Import the necessary Collapse and Overlay plugins--> <!--https://preline.co/plugins/html/collapse.html--> <!--https://preline.co/plugins/html/overlay.html--> <script src="/scripts/vendor/preline/collapse/index.js"></script> <script src="/scripts/vendor/preline/overlay/index.js"></script> <main class="astro-ouamjn2i"> <!-- Defining a grid container that holds all the content --><section class="mx-auto grid max-w-[85rem] gap-4 px-4 py-14 sm:px-6 md:grid-cols-2 md:items-center md:gap-8 lg:px-8 2xl:max-w-full"> <!-- Title and description --> <div> <!-- Each h1 and p tag renders a portion of the title and subTitle defined above --> <h1 class="block text-balance text-3xl font-bold tracking-tight text-neutral-800 dark:text-neutral-200 sm:text-4xl lg:text-6xl lg:leading-tight"> <!-- About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments --> Join Our <span class="text-cyan-500 dark:text-cyan-400">Tech & Gaming</span> Community! </h1> <p class="mt-3 text-pretty text-lg leading-relaxed text-neutral-700 dark:text-neutral-400 lg:w-4/5"> From cloud-native development to competitive gaming, we're here to help you level up! Whether you're containerizing apps or climbing ranked, our community's got your back. </p> <!-- Action Button Section: This section includes two CTAs with their own styles and URL --> <div class="mt-7 grid w-full gap-3 sm:inline-flex"> <!-- Link styled as a button, with dynamic title, URL, and optional arrow --><a class="group inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-sm font-bold text-neutral-50 ring-zinc-500 transition duration-300 focus-visible:ring outline-none border border-transparent bg-cyan-400 hover:bg-cyan-500 active:bg-cyan-500 dark:focus:outline-none disabled:pointer-events-none disabled:opacity-50 2xl:text-base dark:ring-zinc-200" href="/graph"> Start Exploring <!-- Display the arrow based on the 'noArrow' property --> <svg class="h-4 w-4 flex-shrink-0 transition duration-300 group-hover:translate-x-1" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m9 18 6-6-6-6" class></path></svg> </a> <!-- Styled hyperlink --><a class="inline-flex items-center justify-center gap-x-2 rounded-lg px-4 py-3 text-center text-sm font-medium text-neutral-600 shadow-sm outline-none ring-zinc-500 focus-visible:ring transition duration-300 border border-neutral-200 bg-neutral-300 hover:bg-neutral-400/50 hover:text-neutral-600 active:text-neutral-700 disabled:pointer-events-none disabled:opacity-50 2xl:text-base ring-zinc-500 dark:border-neutral-700 dark:bg-zinc-700 dark:text-neutral-300 dark:ring-zinc-200 dark:hover:bg-zinc-600 dark:focus:outline-none" href="/discord"> <button class="relative inline-flex items-center justify-center px-10 py-4 overflow-hidden font-mono font-medium tracking-tighter text-white bg-gray-800 rounded-lg group"> <span class="absolute w-0 h-0 transition-all duration-500 ease-out bg-cyan-500 rounded-full group-hover:w-56 group-hover:h-56"></span> <span class="absolute inset-0 w-full h-full -mt-1 rounded-lg opacity-30 bg-gradient-to-b from-transparent via-transparent to-gray-700"></span> <span class="relative">Join Our Discord</span> </button> </a> </div> <!-- Review Section: This section presents avatars, review ratings and the number of reviews --> <div class="mt-6 lg:mt-10"> <div class="py-5"> <div class="text-center sm:flex sm:items-center sm:text-start"> <div class="flex-shrink-0 pb-5 sm:flex sm:flex-col sm:pb-0 sm:pe-5"> <!-- Avatar Group --> <div class="text-center mb-3"> <h3 class="font-semibold text-lg text-neutral-800 dark:text-neutral-200">
Meet the Space Dwarven Squad
</h3> </div> <div class="flex justify-center -space-x-3"> <a href="https://github.com/Fudster" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/5642609?v=4" alt="Avatar for Fudster" loading="eager" width="460" height="460" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/SpudTatterson" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/79992046?v=4" alt="Avatar for SpudTatterson" loading="eager" width="184" height="184" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/BChip" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/10345051?v=4" alt="Avatar for BChip" loading="eager" width="460" height="460" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/dummbyy" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/38283518?v=4" alt="Avatar for dummbyy" loading="eager" width="416" height="416" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/SummationX" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/173055381?v=4" alt="Avatar for SummationX" loading="eager" width="420" height="420" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/ZombehCorp" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/144863694?v=4" alt="Avatar for ZombehCorp" loading="eager" width="460" height="460" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/devnenko" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/78041991?v=4" alt="Avatar for devnenko" loading="eager" width="420" height="420" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/pablowunderlich" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/124636893?v=4" alt="Avatar for pablowunderlich" loading="eager" width="150" height="150" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/dladeira" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/37838446?v=4" alt="Avatar for dladeira" loading="eager" width="460" height="460" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a><a href="https://github.com/ernivani" target="_blank" rel="noopener noreferrer" class="inline-block h-8 w-8 hover:scale-[3] transition-transform duration-700 ease-in-out cursor-pointer"> <img src="https://avatars.githubusercontent.com/u/45493414?v=4" alt="Avatar for ernivani" loading="eager" width="220" height="220" decoding="async" class="rounded-full ring-2 ring-neutral-50 dark:ring-zinc-800"> </a> <span class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-zinc-800 ring-2 ring-white dark:bg-zinc-900 dark:ring-zinc-800"> <span class="text-xs font-medium uppercase leading-none text-white"> 20+
</span> </span> </div> </div> <div class="mx-auto h-px w-32 border-t border-neutral-400 dark:border-neutral-500 sm:mx-0 sm:h-8 sm:w-auto sm:border-s sm:border-t-0"></div> <!-- Review Ratings --> <div class="flex flex-col items-center sm:items-start"> <div class="flex items-baseline space-x-1 pt-5 sm:ps-5 sm:pt-0"> <!-- <div class="flex space-x-1">
{
Array(starCount)
.fill(0)
.map((_, i) => <FullStar key={i} />)
}
<HalfStar />
</div>
<p class="text-neutral-800 dark:text-neutral-200">
<Fragment set:html={rating} />
</p> --> </div> <div class="text-sm text-neutral-800 dark:text-neutral-200 sm:ps-5"> <p>
Latest Commit by <a href="https://github.com/h0lybyte" class="font-bold underline text-cyan-600 dark:text-cyan-400"> h0lybyte </a>:
</p> <p><em>"Merge pull request #4241 from KBVE/dev
Preparing Main Branch"</em></p> <p>
On: <time datetime="2025-03-17T23:53:04Z"> 3/17/2025 </time> </p> <p>
View this commit on <a href="https://github.com/KBVE/kbve/commit/386aef1daed35741dfcb4fd6e5fa78f9ad4f2ca7" class="underline text-blue-600 hover:text-blue-800 visited:text-purple-600">
GitHub
</a>.
</p> </div> </div> </div> </div> </div> </div> <!-- Hero Image Section --> <div class="flex w-full"> <div class=""> <!--
{
src && alt && (
<Image
src={src}
alt={alt}
class="h-full w-full scale-100 object-cover object-center animate-pulse transition ease-in-out duration-1000 hover:rotate-12 hover:skew-y-10 "
draggable={'false'}
loading={'eager'}
format={'avif'}
/>
)
}
--> <!--
<AstroRive rive='/assets/rive/hero_bot.riv' canvasId='canvas_hero' className='w-[300px] h-[300px] md:w-[400px] md:h-[400px] z-0 scale-1 lg:scale-[1.35]' stateMachine='State Machine 1' />
--> <div class="object-contain"> <dotlottie-player autoplay loop mode="normal" src="/assets/lottie/gamer.lottie"></dotlottie-player> </div> </div> </div> </section> <span class="flex items-center"> <hr class="w-2/5 h-1 mx-auto my-4 bg-gradient-to-r from-cyan-500 via-indigo-500 to-yellow-500 border-0 rounded md:my-10"> <span class="text-cyan-300 w-36"> <dotlottie-player autoplay loop mode="normal" src="/assets/lottie/beer.lottie"></dotlottie-player> </span> <hr class="w-2/5 h-1 mx-auto my-4 bg-gradient-to-r from-yellow-500 via-indigo-500 to-cyan-500 border-0 rounded md:my-10"> </span> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-10 2xl:max-w-full"> <!-- Title and description --> <div class="mx-auto mb-6 w-full space-y-1 text-center sm:w-1/2 lg:w-1/3"> <h2 class="text-balance text-2xl font-bold leading-tight text-neutral-800 dark:text-neutral-200 sm:text-3xl"> KBVE Community: Where Code Meets Gaming </h2> <p class="text-pretty leading-tight text-neutral-600 dark:text-neutral-400"> Join fellow developers and gamers in a space where cloud-native solutions meet competitive gaming excellence </p> </div> <div class="flex items-center justify-center gap-y-0 gap-x-2 sm:gap-x-12 sm:gap-y-0 lg:gap-x-24"> <!-- Clients Group SVGs --> <!-- Javascript SVG --> <a href="/application/javascript/" aria-label="Read more about Javascript applications"> <svg class="mx-auto h-auto w-12 py-3 sm:mx-0 lg:w-16 lg:py-5 hover:scale-110 ease-in-out duration-500" style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="5151e0c8492e5103c096af88a51f0aa3"> <path display="inline" fill-rule="evenodd" clip-rule="evenodd" d="M115.889,151.885l-24.053-13.773 c-1.512-0.891-2.451-2.499-2.451-4.244v-29.306c0-1.745-0.928-3.364-2.443-4.232l-10.239-5.899 c-0.742-0.444-1.601-0.662-2.432-0.662c-0.854,0-1.689,0.218-2.451,0.662l-10.246,5.899c-1.516,0.869-2.44,2.488-2.44,4.232v29.306 c0,1.745-0.928,3.342-2.446,4.244l-24.061,13.773c-0.747,0.458-1.675,0.458-2.429,0c-0.766-0.421-1.22-1.234-1.22-2.107 l-0.089-62.733c0-1.759,0.938-3.375,2.447-4.247L71.819,59.5c0.695-0.403,1.46-0.61,2.232-0.643c0.06,0,0.352,0,0.422,0 c0.776,0.033,1.541,0.24,2.229,0.643l40.48,23.299c1.52,0.873,2.443,2.488,2.443,4.247l-0.078,62.733 c0,0.873-0.469,1.686-1.216,2.107C117.586,152.344,116.643,152.344,115.889,151.885z M271.617,135.07V88.317 c0-1.748,0.932-3.36,2.443-4.232l40.503-23.373c1.508-0.873,3.371-0.876,4.887-0.004l10.136,5.844c0.532,0.307,1.187,0.307,1.715,0 c0.525-0.307,0.854-0.872,0.854-1.482V2.943c0-0.869,0.459-1.667,1.205-2.11c0.751-0.437,1.675-0.444,2.433-0.022l24.098,13.448 c1.552,0.861,2.51,2.499,2.51,4.27V135.07c0,1.749-0.932,3.36-2.447,4.236l-40.502,23.388c-1.512,0.88-3.379,0.88-4.895,0 l-40.495-23.388C272.549,138.43,271.617,136.818,271.617,135.07z M301.781,119.711c0,0.436,0.232,0.839,0.609,1.057l13.906,8.014 c0.377,0.214,0.843,0.214,1.22,0l13.906-8.014c0.377-0.218,0.609-0.621,0.609-1.057v-16.058c0-0.436-0.232-0.843-0.609-1.057 l-13.902-8.033c-0.381-0.218-0.847-0.218-1.228,0l-13.906,8.033c-0.373,0.214-0.605,0.621-0.605,1.057V119.711z M480.675,83.449 l-40.235-23.365c-1.513-0.88-3.383-0.883-4.898-0.004l-40.487,23.369c-1.512,0.873-2.443,2.488-2.443,4.236v46.738 c0,1.759,0.946,3.378,2.47,4.251l40.232,22.921c1.481,0.851,3.304,0.854,4.794,0.03L464.44,148.1 c0.772-0.433,1.253-1.242,1.257-2.122c0.007-0.88-0.462-1.697-1.228-2.137l-40.738-23.384c-0.758-0.436-1.228-1.246-1.228-2.122 v-14.645c0-0.873,0.466-1.682,1.224-2.122l12.679-7.312c0.754-0.433,1.686-0.433,2.439,0l12.687,7.312 c0.758,0.44,1.224,1.25,1.224,2.122v11.525c0,0.873,0.469,1.682,1.227,2.118c0.758,0.433,1.689,0.433,2.447-0.004l24.245-14.095 c1.512-0.876,2.437-2.487,2.437-4.232V87.678C483.111,85.933,482.187,84.321,480.675,83.449z M152.783,138.441l40.48,23.387 c1.516,0.873,3.378,0.873,4.894,0l40.495-23.387c1.512-0.876,2.443-2.488,2.443-4.236V87.434c0-1.745-0.932-3.364-2.447-4.236 l-40.491-23.365c-1.516-0.876-3.378-0.876-4.891,0l-40.483,23.365c-1.516,0.873-2.447,2.492-2.447,4.236v46.771 C150.336,135.954,151.268,137.565,152.783,138.441z M393.945,246.323l-124.834-72.14c-7.833-4.465-18.338-4.465-26.237,0 l-124.838,72.14c-8.088,4.658-13.093,13.396-13.093,22.755v144.073c0,9.353,5.005,18.102,13.093,22.767l32.732,18.856 c15.861,7.807,21.547,7.807,28.759,7.807c23.477,0,36.968-14.202,36.968-38.969V281.373c0-2.012-1.641-3.597-3.618-3.597h-15.832 c-2.011,0-3.626,1.585-3.626,3.597v142.239c0,10.979-11.363,21.905-29.916,12.639l-34.199-19.769 c-1.205-0.654-1.971-1.948-1.971-3.331V269.078c0-1.367,0.766-2.728,1.978-3.423l124.764-72.015c1.156-0.673,2.694-0.673,3.844,0 l124.79,71.996c1.193,0.714,1.937,2.029,1.937,3.441v144.073c0,1.383-0.743,2.706-1.907,3.371l-124.841,72.06 c-1.068,0.65-2.706,0.65-3.867,0l-32.022-19.015c-0.953-0.547-2.173-0.754-3.098-0.229c-8.864,5.031-10.542,5.692-18.845,8.576 c-2.055,0.717-5.09,1.948,1.128,5.419l41.682,24.663c3.992,2.313,8.535,3.504,13.093,3.504c4.624,0,9.152-1.19,13.145-3.504 l124.834-72.078c8.084-4.705,13.114-13.414,13.114-22.767V269.078C407.06,259.719,402.029,250.999,393.945,246.323z M299.448,399.408c-37.253,0-45.448-9.359-48.194-27.886c-0.318-1.978-2.012-3.453-4.044-3.453h-18.202 c-2.255,0-4.065,1.804-4.065,4.07c0,23.705,12.904,51.983,74.506,51.983c44.605,0,70.182-17.559,70.182-48.231 c0-30.415-20.553-38.503-63.809-44.232c-43.719-5.785-48.161-8.768-48.161-19.007c0-8.436,3.763-19.717,36.144-19.717 c28.918,0,39.578,6.231,43.962,25.716c0.385,1.837,2.056,3.176,3.948,3.176h18.271c1.135,0,2.211-0.488,2.979-1.294 c0.772-0.854,1.183-1.967,1.075-3.135c-2.827-33.579-25.143-49.226-70.236-49.226c-40.14,0-64.078,16.94-64.078,45.333 c0,30.813,23.819,39.334,62.333,43.134c46.092,4.525,49.67,11.256,49.67,20.327C341.729,392.703,329.105,399.408,299.448,399.408z M438.328,101.044c-0.288-0.17-0.646-0.17-0.935,0l-7.767,4.484c-0.292,0.167-0.47,0.477-0.47,0.81v8.979 c0,0.333,0.178,0.644,0.47,0.81l7.767,4.484c0.288,0.167,0.646,0.167,0.935,0l7.773-4.484c0.293-0.166,0.47-0.477,0.47-0.81v-8.979 c0-0.333-0.177-0.643-0.47-0.81L438.328,101.044z"></path> </g> </g> </svg> </a> <!-- Rust SVG --> <a href="/application/rust/" aria-label="Read more about Rust applications"> <svg class="mx-auto h-auto w-12 py-3 sm:mx-0 lg:w-16 lg:py-5 hover:scale-110 ease-in-out duration-500" style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>Rust icon</title><path d="M23.687 11.709l-.995-.616a13.559 13.559 0 0 0-.028-.29l.855-.797a.344.344 0 0 0-.114-.571l-1.093-.409a8.392 8.392 0 0 0-.086-.282l.682-.947a.342.342 0 0 0-.223-.538l-1.152-.187a9.243 9.243 0 0 0-.139-.259l.484-1.063c.05-.108.039-.234-.027-.332s-.178-.156-.297-.152l-1.17.041a6.662 6.662 0 0 0-.185-.224l.269-1.139a.343.343 0 0 0-.412-.412l-1.139.269a13.847 13.847 0 0 0-.225-.185l.041-1.17a.34.34 0 0 0-.484-.324l-1.063.485c-.086-.047-.172-.094-.259-.139l-.188-1.153a.344.344 0 0 0-.538-.223l-.948.682a8.383 8.383 0 0 0-.282-.085L14.562.596a.344.344 0 0 0-.571-.114l-.797.856a9.18 9.18 0 0 0-.29-.028l-.616-.995a.342.342 0 0 0-.582 0l-.616.995c-.097.008-.194.018-.29.028l-.798-.856a.342.342 0 0 0-.571.114l-.409 1.093c-.095.027-.188.056-.282.085l-.947-.682a.344.344 0 0 0-.538.223l-.188 1.153a9.243 9.243 0 0 0-.259.139l-1.063-.485a.342.342 0 0 0-.484.324l.041 1.17c-.076.06-.151.122-.225.185l-1.139-.269a.343.343 0 0 0-.412.412l.268 1.139c-.062.074-.124.149-.184.224l-1.17-.041a.342.342 0 0 0-.324.484l.485 1.063a9.055 9.055 0 0 0-.139.259l-1.152.187a.344.344 0 0 0-.223.538l.682.947c-.03.094-.058.187-.086.282L.59 9.435a.344.344 0 0 0-.114.571l.855.797a9.18 9.18 0 0 0-.028.29l-.995.616a.34.34 0 0 0 0 .582l.995.616c.008.097.018.194.028.29l-.855.798a.342.342 0 0 0 .114.571l1.093.409c.027.095.056.189.086.282l-.682.947a.341.341 0 0 0 .224.538l1.152.187c.045.087.091.173.139.259l-.485 1.063a.342.342 0 0 0 .324.484l1.169-.041c.061.076.122.151.185.225l-.268 1.14a.342.342 0 0 0 .412.411l1.139-.268c.074.063.149.124.225.184l-.041 1.17a.34.34 0 0 0 .484.323l1.063-.484c.086.048.172.094.259.139l.188 1.152a.344.344 0 0 0 .538.224l.947-.682c.094.03.187.059.282.086l.409 1.093a.341.341 0 0 0 .571.114l.798-.855c.096.011.193.02.29.029l.616.995a.343.343 0 0 0 .582 0l.616-.995c.097-.009.194-.018.29-.029l.797.855a.344.344 0 0 0 .571-.114l.409-1.093c.095-.027.189-.056.282-.086l.947.682a.341.341 0 0 0 .538-.224l.188-1.152c.087-.045.173-.092.259-.139l1.063.484a.343.343 0 0 0 .484-.323l-.041-1.17c.076-.06.151-.121.224-.184l1.139.268a.343.343 0 0 0 .412-.411l-.268-1.14c.062-.074.124-.149.184-.225l1.17.041a.34.34 0 0 0 .324-.484l-.484-1.063c.047-.086.094-.172.139-.259l1.152-.187a.344.344 0 0 0 .223-.538l-.682-.947.086-.282 1.093-.409a.342.342 0 0 0 .114-.571l-.855-.798c.01-.096.02-.193.028-.29l.995-.616a.34.34 0 0 0 0-.582zm-6.659 8.253a.705.705 0 0 1 .295-1.379.705.705 0 1 1-.296 1.379zm-.338-2.286a.641.641 0 0 0-.762.494l-.353 1.648c-1.09.495-2.3.77-3.575.77a8.63 8.63 0 0 1-3.65-.804l-.353-1.648a.64.64 0 0 0-.762-.493l-1.455.312a8.615 8.615 0 0 1-.752-.887h7.08c.08 0 .134-.014.134-.087v-2.505c0-.073-.053-.087-.134-.087h-2.071v-1.588h2.24c.204 0 1.093.058 1.377 1.194.089.349.284 1.486.418 1.85.133.408.675 1.223 1.253 1.223h3.528a.74.74 0 0 0 .128-.013 8.68 8.68 0 0 1-.802.941l-1.489-.32zm-9.793 2.252a.705.705 0 1 1-.296-1.379.705.705 0 0 1 .296 1.379zM4.211 9.036a.705.705 0 1 1-1.288.572.705.705 0 0 1 1.288-.572zm-.825 1.957l1.516-.674a.642.642 0 0 0 .326-.848l-.312-.706h1.228v5.534H3.667a8.668 8.668 0 0 1-.28-3.307zm6.652-.537V8.825h2.924c.151 0 1.066.175 1.066.859 0 .568-.702.772-1.279.772h-2.711zm10.626 1.468c0 .216-.008.431-.024.643h-.889c-.089 0-.125.058-.125.146v.408c0 .961-.542 1.17-1.017 1.223-.452.051-.953-.189-1.015-.466-.267-1.5-.711-1.821-1.413-2.374.871-.553 1.777-1.369 1.777-2.461 0-1.179-.809-1.922-1.36-2.287-.773-.51-1.629-.612-1.86-.612H5.545a8.658 8.658 0 0 1 4.847-2.736l1.084 1.137a.64.64 0 0 0 .907.021l1.212-1.16a8.668 8.668 0 0 1 5.931 4.224l-.83 1.875a.644.644 0 0 0 .326.848l1.598.71c.028.284.042.57.042.861zm-9.187-9.482a.703.703 0 1 1 .972 1.019.705.705 0 0 1-.972-1.019zm8.237 6.628c.157-.356.573-.516.928-.358a.705.705 0 1 1-.929.359z"></path> </g> </svg> </a> <!-- Docker SVG --> <a href="/application/docker/" aria-label="Read more about Docker"> <svg class="mx-auto h-auto w-12 py-3 sm:mx-0 lg:w-16 lg:py-5 hover:scale-110 ease-in-out duration-500" style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(0)"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>docker</title> <g id="Layer_2" data-name="Layer 2"> <g id="invisible_box" data-name="invisible box"> <rect width="48" height="48" fill="none"></rect> <rect width="48" height="48" fill="none"></rect> </g> <g id="icons_Q2" data-name="icons Q2"> <g> <rect x="10" y="19.3" width="4.4" height="4.44"></rect> <rect x="4.6" y="19.3" width="4.4" height="4.44"></rect> <path d="M45.4,21.7a6.3,6.3,0,0,0-5.2-.6,6.6,6.6,0,0,0-2.9-4.4l-.5-.5-.5.6A6.1,6.1,0,0,0,35.2,21a5.6,5.6,0,0,0,1,2.8l-1.5.7a10.5,10.5,0,0,1-3,.5H2.2v.6a12.1,12.1,0,0,0,1,6.5l.4.8h0c2.8,4.6,7.7,6.6,13,6.6,10.3,0,18.7-4.4,22.7-14,2.6.2,5.2-.5,6.5-3L46,22ZM10.8,33.5a2.3,2.3,0,1,1,0-4.6,2.3,2.3,0,1,1,0,4.6Z"></path> <rect x="10" y="13.7" width="4.4" height="4.44"></rect> <rect x="26.5" y="19.3" width="4.4" height="4.44"></rect> <rect x="21.1" y="8" width="4.4" height="4.44"></rect> <rect x="21.1" y="19.3" width="4.4" height="4.44"></rect> <rect x="15.6" y="13.7" width="4.4" height="4.44"></rect> <rect x="21.1" y="13.7" width="4.4" height="4.44"></rect> <rect x="15.6" y="19.3" width="4.4" height="4.44"></rect> </g> </g> </g> </g> </svg> </a> <!-- Python --> <a href="/application/python/" aria-label="Read more about Python"> <svg class="mx-auto h-auto w-12 py-3 sm:mx-0 lg:w-16 lg:py-5 hover:scale-110 ease-in-out duration-500" style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="5151e0c8492e5103c096af88a51ec286"> <path display="inline" d="M194.734,246.879h121.768c33.9,0,60.956-27.908,60.956-61.95V68.846c0-33.035-27.87-57.855-60.956-63.371 c-20.943-3.484-42.673-5.069-63.51-4.971c-20.845,0.097-40.74,1.874-58.258,4.971c-51.586,9.117-60.952,28.191-60.952,63.371 v46.463H255.69v15.486H133.782h-45.75c-35.434,0-66.459,21.295-76.158,61.808c-11.192,46.435-11.694,75.409,0,123.898 c8.666,36.088,29.359,61.807,64.79,61.807h41.917v-55.699C118.581,282.37,153.39,246.879,194.734,246.879z M187.063,84.333 c-12.636,0-22.877-10.355-22.877-23.161c0-12.849,10.241-23.3,22.877-23.3c12.594,0,22.873,10.451,22.873,23.3 C209.936,73.979,199.658,84.333,187.063,84.333z M499.37,192.603c-8.761-35.27-25.484-61.808-60.96-61.808h-45.75v54.134 c0,41.972-35.582,77.292-76.158,77.292H194.734c-33.349,0-60.952,28.547-60.952,61.954v116.079 c0,33.037,28.726,52.476,60.952,61.943c38.589,11.353,75.59,13.409,121.768,0c30.688-8.876,60.956-26.764,60.956-61.943v-46.461 H255.69v-15.486h121.768h60.952c35.431,0,48.638-24.715,60.96-61.807C512.092,278.314,511.549,241.589,499.37,192.603z M324.178,424.766c12.64,0,22.873,10.356,22.873,23.156c0,12.85-10.233,23.305-22.873,23.305 c-12.595,0-22.877-10.455-22.877-23.305C301.301,435.122,311.583,424.766,324.178,424.766z"></path> </g> </g> </svg> </a> <!-- AI --> <a href="/application/ml/" aria-label="Read more about ML/AI"> <svg class="mx-auto h-auto w-12 py-3 sm:mx-0 lg:w-16 lg:py-5 hover:scale-110 ease-in-out duration-500" style="fill:#6B7280;fill-opacity:1;fill-rule:nonzero;stroke:none" viewBox="0 0 32 32" id="icon" xmlns="http://www.w3.org/2000/svg"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs> <style>
.cls-1 {
fill: none;
}
</style> </defs><title>machine-learning</title><path d="M16,25a6.9908,6.9908,0,0,1-5.833-3.1287l1.666-1.1074a5.0007,5.0007,0,0,0,8.334,0l1.666,1.1074A6.9908,6.9908,0,0,1,16,25Z"></path><path d="M20,14a2,2,0,1,0,2,2A1.9806,1.9806,0,0,0,20,14Z"></path><path d="M12,14a2,2,0,1,0,2,2A1.9806,1.9806,0,0,0,12,14Z"></path><path d="M30,16V14H28V10a4.0045,4.0045,0,0,0-4-4H22V2H20V6H12V2H10V6H8a4.0045,4.0045,0,0,0-4,4v4H2v2H4v5H2v2H4v3a4.0045,4.0045,0,0,0,4,4H24a4.0045,4.0045,0,0,0,4-4V23h2V21H28V16ZM26,26a2.0023,2.0023,0,0,1-2,2H8a2.0023,2.0023,0,0,1-2-2V10A2.0023,2.0023,0,0,1,8,8H24a2.0023,2.0023,0,0,1,2,2Z"></path><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"></rect> </g> </svg> </a> </div> </section> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Block to display the feature image --> <div class="relative mb-6 overflow-hidden md:mb-8"> </div> <!-- Displaying the main content consisting of title, subtitle, and several `IconBlock` components --> <div class="mt-5 grid gap-8 lg:mt-16 lg:grid-cols-3 lg:gap-12"> <!-- Block for title and subtitle --> <div class="lg:col-span-1"> <!-- Rendering title --> <h2 class="text-balance text-2xl font-bold text-neutral-800 dark:text-neutral-200 md:text-3xl"> Tech & Gaming Excellence with KBVE </h2> <!-- Rendering subtitle --> <p class="mt-2 text-pretty text-neutral-600 dark:text-neutral-400 md:mt-4"> Whether you're diving into containerization, mastering Node.js, pushing for Diamond in League, or raiding in WoW, our community is here to support your journey. Share knowledge, form teams, and achieve your goals together. </p> </div> <!-- Block to display the IconBlock components --> <div class="lg:col-span-2"> <div class="grid gap-8 sm:grid-cols-2 md:gap-12"> <!-- Injecting IconBlock components with different properties --> <!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-cyan-400 dark:fill-cyan-300" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="m150-400 82-80-82-82-80 82 80 80Zm573-10 87-140 88 140H723Zm-243-70q-50 0-85-35t-35-85q0-51 35-85.5t85-34.5q51 0 85.5 34.5T600-600q0 50-34.5 85T480-480Zm.351-180Q455-660 437.5-642.851t-17.5 42.5Q420-575 437.351-557.5t43 17.5Q506-540 523-557.351t17-43Q540-626 522.851-643t-42.5-17ZM480-600ZM0-240v-53q0-39.464 42-63.232T150.398-380q12.158 0 23.38.5T196-377.273q-8 17.273-12 34.842-4 17.57-4 37.431v65H0Zm240 0v-65q0-65 66.5-105T480-450q108 0 174 40t66 105v65H240Zm570-140q67.5 0 108.75 23.768T960-293v53H780v-65q0-19.861-3.5-37.431Q773-360 765-377.273q11-1.727 22.171-2.227 11.172-.5 22.829-.5Zm-330.2-10Q400-390 350-366q-50 24-50 61v5h360v-6q0-36-49.5-60t-130.7-24Zm.2 90Z" class></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200"> Dedicated Teams </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700 dark:text-neutral-300">Benefit from our committed teams who ensure your gaming or tech project's success is personal. Count on expert guidance and exceptional results throughout your development journey.</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-cyan-400 dark:fill-cyan-300" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="m346-60-76-130-151-31 17-147-96-112 96-111-17-147 151-31 76-131 134 62 134-62 77 131 150 31-17 147 96 111-96 112 17 147-150 31-77 130-134-62-134 62Zm27-79 107-45 110 45 67-100 117-30-12-119 81-92-81-94 12-119-117-28-69-100-108 45-110-45-67 100-117 28 12 119-81 94 81 92-12 121 117 28 70 100Zm107-341Zm-43 133 227-225-45-41-182 180-95-99-46 45 141 140Z" class></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200"> Simplicity and Affordability </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700 dark:text-neutral-300">Discover easy-to-use, affordable solutions with KBVE's array of software and gaming tools. Our products streamline user experience and keep development costs within budget.</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-cyan-400 dark:fill-cyan-300" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M343-420h225v-60H343v60Zm0-90h395v-60H343v60Zm0-90h395v-60H343v60Zm-83 400q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h560q24 0 42 18t18 42v560q0 24-18 42t-42 18H260Zm0-60h560v-560H260v560ZM140-80q-24 0-42-18t-18-42v-620h60v620h620v60H140Zm120-740v560-560Z" class></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200"> Comprehensive Documentation </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700 dark:text-neutral-300">Integrate with ease using KBVE's exhaustive guides and libraries. Achieve seamless adoption of our technologies with our full suite of documentation designed to empower your success.</p> </div> </div><!-- The root container that arranges your slot and the heading/content --><div class="flex gap-x-5"> <!-- Slot to allow for extensibility of the component --> <svg class="mt-1 h-8 w-8 flex-shrink-0 fill-cyan-400 dark:fill-cyan-300" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M480-480q-51 0-85.5-34.5T360-600q0-50 34.5-85t85.5-35q50 0 85 35t35 85q0 51-35 85.5T480-480Zm-.351-60Q505-540 522.5-557.149t17.5-42.5Q540-625 522.649-642.5t-43-17.5Q454-660 437-642.649t-17 43Q420-574 437.149-557t42.5 17ZM240-240v-76q0-27 17.5-47.5T300-397q42-22 86.943-32.5 44.942-10.5 93-10.5Q528-440 573-429.5t87 32.5q25 13 42.5 33.5T720-316v76H240Zm240-140q-47.546 0-92.773 13T300-328v28h360v-28q-42-26-87.227-39-45.227-13-92.773-13Zm0-220Zm0 300h180-360 180ZM140-80q-24 0-42-18t-18-42v-172h60v172h172v60H140ZM80-648v-172q0-24 18-42t42-18h172v60H140v172H80ZM648-80v-60h172v-172h60v172q0 24-18 42t-42 18H648Zm172-568v-172H648v-60h172q24 0 42 18t18 42v172h-60Z" class></path></svg> <div class="grow"> <!-- Heading of the section --> <h3 class="text-balance text-lg font-bold text-neutral-800 dark:text-neutral-200"> User-Centric Design </h3> <!-- Content text of the section --> <p class="mt-1 text-pretty text-neutral-700 dark:text-neutral-300">Experience the difference with KBVE's user-focused design — where functionality meets creativity for an enhanced digital experience.</p> </div> </div> </div> </div> </div> </section> <div class="mx-auto"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3698214103602019" crossorigin="anonymous" data-astro-rerun></script> <!-- Responsive Ad --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3698214103602019" data-ad-slot="7193218754" data-ad-format="auto" data-full-width-responsive="true"></ins> <script data-astro-rerun>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <div class="relative p-6 md:p-16"> <div class="relative z-10 lg:grid lg:grid-cols-12 lg:items-center lg:gap-16"> <!-- Section's heading and tab navigation --> <div class="mb-10 lg:order-2 lg:col-span-6 lg:col-start-8 lg:mb-0"> <h2 class="text-2xl font-bold text-neutral-800 dark:text-neutral-200 sm:text-3xl"> <!-- About Fragment: https://docs.astro.build/en/basics/astro-syntax/#fragments --> Customize <span class="text-yellow-500 dark:text-yellow-400">KBVE</span>'s offerings to perfectly suit your tech and gaming needs. </h2> <!-- Tab navigation - use the attribute 'first' in the first TabNav for the component to work --> <nav class="mt-5 grid gap-4 md:mt-10" aria-label="Tabs" role="tablist"> <!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="active dark:hover:bg-neutral-700 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:hs-tab-active:bg-neutral-700/60 md:p-5" id="tabs-with-card-item-1" data-hs-tab="#tabs-with-card-1" aria-controls="tabs-with-card-1" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="mt-2 h-6 w-6 flex-shrink-0 fill-neutral-700 hs-tab-active:fill-cyan-400 dark:fill-neutral-300 dark:hs-tab-active:fill-cyan-300 md:h-7 md:w-7" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M510-570v-270h330v270H510ZM120-450v-390h330v390H120Zm390 330v-390h330v390H510Zm-390 0v-270h330v270H120Zm60-390h210v-270H180v270Zm390 330h210v-270H570v270Zm0-450h210v-150H570v150ZM180-180h210v-150H180v150Zm210-330Zm180-120Zm0 180ZM390-330Z" class></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-cyan-400 dark:text-neutral-200 dark:hs-tab-active:text-cyan-300">Competitive Gaming</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600 dark:text-neutral-400 dark:hs-tab-active:text-neutral-200">Join our active gaming community across League of Legends, Counter Strike, Overwatch, and World of Warcraft. Form teams, share strategies, and climb the ranks together.</span> </span> </span> </button><!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="dark:hover:bg-neutral-700 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:hs-tab-active:bg-neutral-700/60 md:p-5" id="tabs-with-card-item-2" data-hs-tab="#tabs-with-card-2" aria-controls="tabs-with-card-2" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="mt-2 h-6 w-6 flex-shrink-0 fill-neutral-700 hs-tab-active:fill-cyan-400 dark:fill-neutral-300 dark:hs-tab-active:fill-cyan-300 md:h-7 md:w-7" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M510-570v-270h330v270H510ZM120-450v-390h330v390H120Zm390 330v-390h330v390H510Zm-390 0v-270h330v270H120Zm60-390h210v-270H180v270Zm390 330h210v-270H570v270Zm0-450h210v-150H570v150ZM180-180h210v-150H180v150Zm210-330Zm180-120Zm0 180ZM390-330Z" class></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-cyan-400 dark:text-neutral-200 dark:hs-tab-active:text-cyan-300">Cloud-Native Development</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600 dark:text-neutral-400 dark:hs-tab-active:text-neutral-200">Master containerization and modern architecture with our community. Get hands-on experience with Docker, Kubernetes, and cutting-edge cloud technologies while learning from fellow developers.</span> </span> </span> </button><!-- Tab button with dynamic class based on 'first' property, id, tab data, and aria-controls --><button type="button" class="dark:hover:bg-neutral-700 rounded-xl p-4 text-start outline-none ring-zinc-500 transition duration-300 hover:bg-neutral-200 focus-visible:ring hs-tab-active:bg-neutral-50 hs-tab-active:shadow-md hs-tab-active:hover:border-transparent dark:ring-zinc-200 dark:focus:outline-none dark:hs-tab-active:bg-neutral-700/60 md:p-5" id="tabs-with-card-item-3" data-hs-tab="#tabs-with-card-3" aria-controls="tabs-with-card-3" role="tab"> <!-- Slot for additional content --> <span class="flex"> <svg class="mt-2 h-6 w-6 flex-shrink-0 fill-neutral-700 hs-tab-active:fill-cyan-400 dark:fill-neutral-300 dark:hs-tab-active:fill-cyan-300 md:h-7 md:w-7" height="48" viewBox="0 -960 960 960" width="48"><title></title><path d="M510-570v-270h330v270H510ZM120-450v-390h330v390H120Zm390 330v-390h330v390H510Zm-390 0v-270h330v270H120Zm60-390h210v-270H180v270Zm390 330h210v-270H570v270Zm0-450h210v-150H570v150ZM180-180h210v-150H180v150Zm210-330Zm180-120Zm0 180ZM390-330Z" class></path></svg> <!-- Container for the heading and content of the tab --> <span class="ms-6 grow"> <!-- Heading of the tab, changes color when active --> <span class="block text-lg font-bold text-neutral-800 hs-tab-active:text-cyan-400 dark:text-neutral-200 dark:hs-tab-active:text-cyan-300">Community Support</span> <!-- Content of the tab, changes color when active --> <span class="mt-1 block text-neutral-500 hs-tab-active:text-neutral-600 dark:text-neutral-400 dark:hs-tab-active:text-neutral-200">From debugging your first container to achieving your next gaming milestone, our community is here to help. Share knowledge, celebrate victories, and grow together.</span> </span> </span> </button> </nav> </div> <!-- Contents for each tab - the 'first' attribute should be used in the first tab for that tab to be initially visible, 'second' changes the styles --> <div class="lg:col-span-6"> <div class="relative"> <div> <!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-1" role="tabpanel" class aria-labelledby="tabs-with-card-item-1"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/gaming.DfIJ-c7t_Z21VbVF.avif" alt="Gaming setup and community" draggable="false" loading="eager" width="3335" height="5002" decoding="async" class="shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]"> <!--
<AstroRive
rive={src}
canvasId={`canvas_${id}`}
className={secondClass}
stateMachine="State Machine 1"
/> --> </div><!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-2" role="tabpanel" class="hidden" aria-labelledby="tabs-with-card-item-2"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/dashboard-image.DUm-YPUR_ZU5xNk.avif" alt="Cloud native development environment" draggable="false" loading="eager" width="1920" height="1920" decoding="async" class="shadow-xl aspect-[5/4] bg-neutral-300 dark:bg-neutral-600 object-cover p-3 lg:aspect-auto shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]"> <!--
<AstroRive
rive={src}
canvasId={`canvas_${id}`}
className={secondClass}
stateMachine="State Machine 1"
/> --> </div><!-- Container for tab content that controls visibility and accessibility --><div id="tabs-with-card-3" role="tabpanel" class="hidden" aria-labelledby="tabs-with-card-item-3"> <!-- Astro Image component to display the image with dynamic classes based on the 'second' property --> <img src="/_astro/debugging.CNCwxD6L_1LsLdB.avif" alt="Community support illustration" draggable="false" loading="eager" width="4288" height="2848" decoding="async" class="shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]"> <!--
<AstroRive
rive={src}
canvasId={`canvas_${id}`}
className={secondClass}
stateMachine="State Machine 1"
/> --> </div> </div> </div> </div> </div> <div class="absolute inset-0 grid h-full w-full grid-cols-12"> <!-- Decorative background and sizing --> <div class="col-span-full h-5/6 w-full rounded-xl bg-neutral-100 dark:bg-white/[.075] sm:h-3/4 lg:col-span-7 lg:col-start-6 lg:h-full"></div> </div> </div> </section> <!--Import the necessary Tabs plugin--> <!--https://preline.co/plugins/html/tabs.html--> <script src="/scripts/vendor/preline/tabs/index.js"></script> <section class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"> <!-- Container for the testimonials --> <div class="lg:grid lg:grid-cols-12 lg:items-center lg:justify-between lg:gap-16"> <div class="lg:col-span-5 lg:col-start-1"> <!-- Title and Subtitle --> <div class="mb-8"> <h2 class="mb-2 text-3xl font-bold text-neutral-800 dark:text-neutral-200 lg:text-4xl"> Join Our Growing Community </h2> <p class="text-neutral-600 dark:text-neutral-400"> Experience the power of a community that combines professional development with competitive gaming </p> </div> <!-- Generate a blockquote for each testimonial in the testimonials array by mapping over the array. --> <blockquote class="relative"> <svg class="absolute start-0 top-0 h-16 w-16 -translate-x-6 -translate-y-8 transform text-neutral-300 dark:text-neutral-700" height="16" viewBox="0 0 16 16" width="16" fill="currentColor"><title></title><path d="M7.39762 10.3C7.39762 11.0733 7.14888 11.7 6.6514 12.18C6.15392 12.6333 5.52552 12.86 4.76621 12.86C3.84979 12.86 3.09047 12.5533 2.48825 11.94C1.91222 11.3266 1.62421 10.4467 1.62421 9.29999C1.62421 8.07332 1.96459 6.87332 2.64535 5.69999C3.35231 4.49999 4.33418 3.55332 5.59098 2.85999L6.4943 4.25999C5.81354 4.73999 5.26369 5.27332 4.84476 5.85999C4.45201 6.44666 4.19017 7.12666 4.05926 7.89999C4.29491 7.79332 4.56983 7.73999 4.88403 7.73999C5.61716 7.73999 6.21938 7.97999 6.69067 8.45999C7.16197 8.93999 7.39762 9.55333 7.39762 10.3ZM14.6242 10.3C14.6242 11.0733 14.3755 11.7 13.878 12.18C13.3805 12.6333 12.7521 12.86 11.9928 12.86C11.0764 12.86 10.3171 12.5533 9.71484 11.94C9.13881 11.3266 8.85079 10.4467 8.85079 9.29999C8.85079 8.07332 9.19117 6.87332 9.87194 5.69999C10.5789 4.49999 11.5608 3.55332 12.8176 2.85999L13.7209 4.25999C13.0401 4.73999 12.4903 5.27332 12.0713 5.85999C11.6786 6.44666 11.4168 7.12666 11.2858 7.89999C11.5215 7.79332 11.7964 7.73999 12.1106 7.73999C12.8437 7.73999 13.446 7.97999 13.9173 8.45999C14.3886 8.93999 14.6242 9.55333 14.6242 10.3Z" class></path></svg> <div class="relative z-10"> <p class="text-xl italic text-neutral-800 dark:text-neutral-200"> Found my coding mentor and League duo partner here. The KBVE community has helped me grow both professionally and in gaming. The support is incredible! </p> </div> <div class="mt-6"> <div class="flex items-center"> <div class="flex-shrink-0"> <img src="https://cdn.discordapp.com/avatars/256263372977209355/8f182cbafeea26bcad88797a7c8f580d.webp?size=240" alt="Avatar Description" loading="eager" width="400" height="400" decoding="async" class="h-8 w-8 rounded-full"> </div> <div class="ms-4 grow"> <div class="font-bold text-neutral-800 dark:text-neutral-200"> Bradley (aka Fudster) </div> <div class="text-xs text-neutral-500">IT Professional & League Player</div> </div> </div> </div> </blockquote> </div> <div class="mt-10 lg:col-span-6 lg:col-end-13 lg:mt-0"> <div class="space-y-6 sm:space-y-8"> <ul class="grid grid-cols-2 divide-x-2 divide-y-2 divide-neutral-300 overflow-hidden dark:divide-neutral-700"> <!-- Generate a list item for each stat in the statistics array by mapping over the array. --> <li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 dark:text-neutral-200 sm:text-5xl"> 50k+ </div> <p class="text-sm text-neutral-600 dark:text-neutral-400 sm:text-base"> Active members across development and gaming channels </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 dark:text-neutral-200 sm:text-5xl"> <svg class="h-5 w-5 flex-shrink-0 text-cyan-400 dark:text-cyan-300" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m5 12 7-7 7 7" class></path><path d="M12 19V5" class></path></svg> 24/7 </div> <p class="text-sm text-neutral-600 dark:text-neutral-400 sm:text-base"> Active community support in both tech and gaming </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 dark:text-neutral-200 sm:text-5xl"> <svg class="h-5 w-5 flex-shrink-0 text-cyan-400 dark:text-cyan-300" height="24" viewBox="0 0 24 24" width="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m5 12 7-7 7 7" class></path><path d="M12 19V5" class></path></svg> 1000+ </div> <p class="text-sm text-neutral-600 dark:text-neutral-400 sm:text-base"> Successful projects and gaming achievements celebrated </p> </li><li class="-m-0.5 flex flex-col p-4 sm:p-8"> <div class="mb-2 flex items-end gap-x-2 text-3xl font-bold text-neutral-800 dark:text-neutral-200 sm:text-5xl"> 5+ </div> <p class="text-sm text-neutral-600 dark:text-neutral-400 sm:text-base"> Active gaming communities with regular events </p> </li> </ul> </div> </div> </div> </section> <section class="relative mx-auto max-w-[85rem] px-4 pb-24 pt-10 sm:px-6 lg:px-8"> <!-- Decorating SVG elements --> <div class="absolute left-0 top-[55%] scale-90 md:top-[20%] xl:left-[10%] xl:top-[25%]"> <svg width="64" height="64" fill="none" stroke-width="1.5" color="#ea580c" viewBox="0 0 24 24"> <path fill="#ea580c" stroke="#ea580c" stroke-linecap="round" stroke-linejoin="round" d="M12 23a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM3 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM3 18a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> <path stroke="#ea580c" stroke-linecap="round" stroke-linejoin="round" d="M21 7.353v9.294a.6.6 0 0 1-.309.525l-8.4 4.666a.6.6 0 0 1-.582 0l-8.4-4.666A.6.6 0 0 1 3 16.647V7.353a.6.6 0 0 1 .309-.524l8.4-4.667a.6.6 0 0 1 .582 0l8.4 4.667a.6.6 0 0 1 .309.524Z"></path> <path stroke="#ea580c" stroke-linecap="round" stroke-linejoin="round" d="m3.528 7.294 8.18 4.544a.6.6 0 0 0 .583 0l8.209-4.56M12 21v-9"></path> </svg> </div> <div class="absolute left-[85%] top-0 scale-75"> <svg width="64" height="64" fill="none" stroke-width="1.5" color="#fbbf24" viewBox="0 0 24 24"> <path stroke="#fbbf24" stroke-linecap="round" stroke-linejoin="round" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"></path> <path fill="#fbbf24" stroke="#fbbf24" stroke-linecap="round" stroke-linejoin="round" d="M5 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> <path stroke="#fbbf24" stroke-linecap="round" stroke-linejoin="round" d="M5 10.5V9M5 15v-1.5"></path> <path fill="#fbbf24" stroke="#fbbf24" stroke-linecap="round" stroke-linejoin="round" d="M5 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM19 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> <path stroke="#fbbf24" stroke-linecap="round" stroke-linejoin="round" d="M10.5 19H9M15 19h-1.5"></path> </svg> </div> <div class="absolute bottom-[5%] left-[60%] scale-[.6] xl:bottom-[15%] xl:left-[35%]"> <svg width="64" height="64" fill="none" stroke-width="1.5" color="#a3a3a3" viewBox="0 0 24 24"> <path stroke="#a3a3a3" stroke-linecap="round" stroke-linejoin="round" d="M5.164 17c.29-1.049.67-2.052 1.132-3M11.5 7.794A16.838 16.838 0 0 1 14 6.296M4.5 22a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"></path> <path stroke="#a3a3a3" stroke-linecap="round" stroke-linejoin="round" d="M9.5 12a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5ZM19.5 7a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"></path> </svg> </div> <!-- Hero Section Heading --> <div class="mx-auto mt-5 max-w-xl text-center"> <h2 class="block text-balance text-4xl font-bold leading-tight tracking-tight text-neutral-800 dark:text-neutral-200 md:text-5xl lg:text-6xl"> Let's Build Together </h2> </div> <!-- Hero Section Sub-heading --> <div class="mx-auto mt-5 max-w-3xl text-center"> <p class="text-pretty text-lg text-neutral-600 dark:text-neutral-400"> Join our open-source community built on Node.js, Rust, Docker, Python, and C#. Whether you're coding or gaming, there's a place for you here! </p> </div> <!-- Github Button --> <div class="mt-8 flex justify-center gap-3"> <a class="group inline-flex items-center justify-center gap-x-3 rounded-full px-4 py-3 text-center text-sm font-medium text-neutral-700 ring-zinc-500 focus-visible:ring transition duration-300 outline-none border border-transparent bg-yellow-400 dark:focus:outline-none hover:shadow-2xl hover:shadow-yellow-500 2xl:text-base dark:ring-zinc-200" href="https://github.com/kbve/kbve" target="_blank" rel="noopener noreferrer"> <svg class="w-4.5 h-4.5 transition flex-shrink-0 text-neutral-700 duration-300 group-hover:-translate-y-1" height="16" viewBox="0 0 16 16" width="16" fill="currentColor"><title></title><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" class></path></svg> Take a Peek @ Github </a> </div> </section> </main> </div> <div class="relative"> <!-- FeaturesGeneral positioned on top of the background, centered with mx-auto --> <div class="relative z-10 flex items-center justify-center w-full h-full"> <footer class="w-full bg-neutral-300/[.60] dark:bg-neutral-900/[.60]"> <div class="mx-auto w-full max-w-[85rem] px-4 py-10 sm:px-6 lg:px-16 lg:pt-20 2xl:max-w-screen-2xl"> <div class="grid grid-cols-2 gap-6 md:grid-cols-4 lg:grid-cols-5"> <div class="col-span-full lg:col-span-1"> <!-- Brand Logo --> <svg class="h-auto w-32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" zoomAndPan="magnify" viewBox="0 0 112.5 37.5" height="50" preserveAspectRatio="xMidYMid meet" fill="none" version="1.0"> <defs> <filter x="0%" y="0%" width="100%" height="100%" id="id1"> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"></feColorMatrix> </filter><filter x="0%" y="0%" width="100%" height="100%" id="id2"> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"></feColorMatrix> </filter><clipPath id="id3"> <path d="M 0.492188 1 L 111.511719 1 L 111.511719 36 L 0.492188 36 Z M 0.492188 1 " clip-rule="nonzero"></path> </clipPath><image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAAAAADWL9zNAAAAAmJLR0QA/4ePzL8AAAPcSURBVFiF7ZdfaFtVHMc/XsIlhBBKCDOUUkIpWkopRcIIpVS6yZ5mXyaCDyr6MnyxioLIQB/G2MNAqUMU1NUH91JhDxP0yb/r6uxK3ZyE0UkN2RZjN0IaQm6ShXt9uLm35957TtIVH0Tu9yX39zu/8zvf8zu/3++cQIgQIUKE+P/iEftHyw4DNFeqtnwgGwOoXqkLtslcLOiguVloC6I+nQKorTQczYGcDrC14ZmmD2UGNL+v2lrVq9DPPzAMo3U7a4vRd3YMwzBal0dFo/m/WkYAO9ffTAg2mV9ahmG0bmRczcs7LcMwjPcjgpU2cebXvwOuWn/OOAaOsR6JANGueOR4AqCytCXSisZ0//4gOnmi8bHpihHbJupGInY4AVC/2hEmPXVqSmTp2rrKQCABHnt9EKCzvGzKhn0YeH6ox+jQJABF8QwH38jKWAmQ0Yoft4O5tljbAysYGesxeHAEgI2ioMvl+rmUsX7mhQhAafGmdIoYQQ0gllL7j87FAJqXGoJyOBpwBKB1XI2E1tQrKYD25xflrH5Yc/3M5gDMjtQQgMEnACitB4c6X+d9tO5tqmmlFuxy/O6TpnyljXe7NMz4RzmAxraa1pR9hr/9ERwyv//AKwvfXlr6woukD2kADe2t9q2ffpfk/MxZR6nbOVjaCho57ucSAJ1LkizVnn7cI979tOQ30b+0JGhdnxdL4tkdmZH14KSwt9EblmVZ1i07SAxftSzLsm5Pe1Z7rSXzc3dW4KjcKKBPnp7uNQ6AeeW8OrcmbHp5efGo0ZMWjD/Xp8GAWW0rx7S5JIB5uao02Rctxgf6eYgceUnS/G2k7WDfX91LW/Y49UjNgnsekUwUQA9G64679VQaQJ9fUuX8mH2nbuZlg2ax7pG3Kypa9bevdRXm2Gdp+VLmxUVn79nTGYD0iIKW9qTdaFelHaSz9IXnrNpCIfqCUS44XwkU0BpbTkjLxzLQo8unZjSA6s/ymqipG0u/3Oo5pVPr7WRsHAg8tR5ujb3C3Hv62k9C1ssPvUjf+g/i4EnnS5tQ2cQX6hraoQhA/Ud5B9EOP+rT3Fu+s29a2uysT9MO3izpV3e/i4ozjBw96tNsbzi09pFbAZQl97CA1YJfU+3x5LDxL9BqXFBXFFD5KvASWS/086n1kFQqD8zie2fVtw+0L6wEdDc/VDyF3MWc7lnIm0Blt+828vcBLS+8KkvXkgFS2+vfrInRqOc1T6VWvj1XwY/OucqxUUlWl13T7v9EBmIAncru5ZOMADSES7ar8tBq13x5kox6xLYij+JxyTGojEOECBEiRIgQ/zH8A1zaivGoIKeuAAAAAElFTkSuQmCC" id="id4" height="48" preserveAspectRatio="xMidYMid meet"></image><mask id="id5"> <g filter="url(#id1)"> <g filter="url(#id2)" transform="matrix(0.743421, 0, 0, 0.743421, 0.493421, 0.743421)"> <image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAAAAADWL9zNAAAAAmJLR0QA/4ePzL8AAAPcSURBVFiF7ZdfaFtVHMc/XsIlhBBKCDOUUkIpWkopRcIIpVS6yZ5mXyaCDyr6MnyxioLIQB/G2MNAqUMU1NUH91JhDxP0yb/r6uxK3ZyE0UkN2RZjN0IaQm6ShXt9uLm35957TtIVH0Tu9yX39zu/8zvf8zu/3++cQIgQIUKE+P/iEftHyw4DNFeqtnwgGwOoXqkLtslcLOiguVloC6I+nQKorTQczYGcDrC14ZmmD2UGNL+v2lrVq9DPPzAMo3U7a4vRd3YMwzBal0dFo/m/WkYAO9ffTAg2mV9ahmG0bmRczcs7LcMwjPcjgpU2cebXvwOuWn/OOAaOsR6JANGueOR4AqCytCXSisZ0//4gOnmi8bHpihHbJupGInY4AVC/2hEmPXVqSmTp2rrKQCABHnt9EKCzvGzKhn0YeH6ox+jQJABF8QwH38jKWAmQ0Yoft4O5tljbAysYGesxeHAEgI2ioMvl+rmUsX7mhQhAafGmdIoYQQ0gllL7j87FAJqXGoJyOBpwBKB1XI2E1tQrKYD25xflrH5Yc/3M5gDMjtQQgMEnACitB4c6X+d9tO5tqmmlFuxy/O6TpnyljXe7NMz4RzmAxraa1pR9hr/9ERwyv//AKwvfXlr6woukD2kADe2t9q2ffpfk/MxZR6nbOVjaCho57ucSAJ1LkizVnn7cI979tOQ30b+0JGhdnxdL4tkdmZH14KSwt9EblmVZ1i07SAxftSzLsm5Pe1Z7rSXzc3dW4KjcKKBPnp7uNQ6AeeW8OrcmbHp5efGo0ZMWjD/Xp8GAWW0rx7S5JIB5uao02Rctxgf6eYgceUnS/G2k7WDfX91LW/Y49UjNgnsekUwUQA9G64679VQaQJ9fUuX8mH2nbuZlg2ax7pG3Kypa9bevdRXm2Gdp+VLmxUVn79nTGYD0iIKW9qTdaFelHaSz9IXnrNpCIfqCUS44XwkU0BpbTkjLxzLQo8unZjSA6s/ymqipG0u/3Oo5pVPr7WRsHAg8tR5ujb3C3Hv62k9C1ssPvUjf+g/i4EnnS5tQ2cQX6hraoQhA/Ud5B9EOP+rT3Fu+s29a2uysT9MO3izpV3e/i4ozjBw96tNsbzi09pFbAZQl97CA1YJfU+3x5LDxL9BqXFBXFFD5KvASWS/086n1kFQqD8zie2fVtw+0L6wEdDc/VDyF3MWc7lnIm0Blt+828vcBLS+8KkvXkgFS2+vfrInRqOc1T6VWvj1XwY/OucqxUUlWl13T7v9EBmIAncru5ZOMADSES7ar8tBq13x5kox6xLYij+JxyTGojEOECBEiRIgQ/zH8A1zaivGoIKeuAAAAAElFTkSuQmCC" height="48" preserveAspectRatio="xMidYMid meet"></image> </g> </g> </mask><image x="0" y="0" width="150" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAwCAIAAAB8JhRGAAAABmJLR0QA/wD/AP+gvaeTAAAMc0lEQVR4nO1aS2wbVRe+d2Zsx2PHdhM/UjtO47i2osg1oTQNIEQbitRKVIWqYhFAiEXFAqmwBLEBCQoSFKkIIajEBgSqhMpLCkXlJUoV0aSNitqkcZMSu0ls4kdrJ3Hssefhf3HV4TIvj/OvkOZbRMr4nHtec88599wBwIABAwYMGDBgwIABAwYMGDDwHwaUP+rs7HS5XF6vl6Zp9ITjuGKxWKlUCoVCqVTCicPhsNPpNJlMNpsNwn9Wq1arHMeVy+Xr169riB8YGLDZbCaTqa2tDWfXiUajUavVcrnc2tpaNpvVJh4YGLBYLGazua2tjaIo9LBeryP2v//+W5HL5/N1dHS0tbU5nU6SJEUuQRAYhpmamtKjp9frbW9v93q9FouFIIiWLBUEoVgsVqvVbDYrcT4CIX90+/ZtkiTF+AEAKIqy2WyFQsFsNkuI3W736uoqTdMStaxWa7lcbqqf3+/f2NiwWCybiB8AAEJoMploms5ms/F4vKOjQ4OYJMlarQYhFOMHADCbzXa7XS1+AIBYLHbnzh2apsX4IS6GYdra2ppqGAwG77333lwuR9O0yWSCELZqKUEQDocjm812dnYqElCKT5966qmnn34aX2Vubu7555/nOA4ni8ViExMTb7755uHDhyXRnZiYeOutt9bW1rT1s9lsQ0NDL7zwQmdnZ6PR0GXTv8Hz/MrKyrlz506dOhUIBO7cuaNGCSE0m82vvvrqwMCAKIsgiMnJydHRUTUus9k8Ojr67LPPOhwOkYtl2S+//PL111/X1q2vr29hYSEYDL733ns7d+70eDwWi6VVAyGEy8vLL7/8cqVSUSRQDqHT6fT7/eL7QpJksVgkSZIg/tm1/f39oVAoFos99thjoVAIF5nJZC5fvnz9+nWPx6Otn9vtJgjC5/P5fL7NhRAAEAwG/X4/z/PvvPPOli1bisWiIhlJkhDCjo6OQCAgyiJJcmFhQUO9H3744cknn4xEIuIuhBDmcrlCobBv375ffvlFg3fbtm3hcPjYsWMPPPAAymqbSDYQwlqtZrVa5SkQQTmEjUZDEARRHoQQ2Yxr0NnZOT8/f+LEiXA4LAiCSFkul8fGxk6ePBmJRObn57X1Q++EIAiCIGw6hACAQCDw6KOPnjlzxmQyqYUQKY9ME2VBCEXl5QgGg263OxqNEgSB27i0tDQ2NuZwODRUikaj165d++ijj/bs2UNRFJK4CRtF5+OZHIdyCAEAkhBK7BwcHBwfH3/33Xfvu+8+/NdGozE5OfnJJ5/s2bPn/PnzOrWUuBXoeFslvoAQBoPBnTt3lkqlGzduaDBKXhfRQYrYunVrX1/f1q1bcRae52dmZlKplMvl0hDk8Xii0Wg8HidJkud5/abJoR1+5RDyPM/zvCgMuVj8dWhoKBgMDg4OHjhwwGq1igUSQphMJr/44otQKJRMJnUqByFE4nAVOY7DzZaDJEm8K0FNCkVR2h0NAEAQBIkstV1os9nOnj374YcfOhwO3MZisTg3N3f48OFvvvlGQ1BfXx9N08g/orhGo8FxnMa+lwNCWK1WBUGo1+uKBMohFASB4zgxhARBIBuQbLvdvrS09Nprr/l8PpZlRUnr6+vffvvt6dOnY7HY9PS0Hv3Qy8FxHG4nx3G//vrr9PQ0HiQc9Xp99+7dDz30kFibIYQsy6LwaEuUyGo0GmosgUCgVCqFw2EIIR7CTCYzPj7edDNZLBaJaRDCSqUyNjaWTqfxrqIpNjY2CoUCfkbAoVoLJSHkeZ5l2V27du3du/ezzz47efJkLBaTpJfz58+fOnXqiSeeKJfLVqs1k8mk02lt5VC65nked2utVkun02+//bYiy+jo6OnTpz/++GOWZfEWY319vVKpqBVCpCHKafJtoUjv8/mGh4d9Pp+EPpFIXLx4sbu7u6lpSCgeQoZhFhYWTpw4oc0r4plnnrHZbPl8fvv27Tdv3lSkUU2kkhC2tbUdOXLEZDIBAD744IORkRGKovAtmM/nZ2dnR0dHkaJTU1PpdLqnp2dxcbGpnfKd4XK5XnzxRSROjldeeQUdDPDNcevWrfHxcY0WA72F8hAq7kKKoi5cuLB//36n0ynJNIlE4siRI1999ZWGXYqmoUNhV1fXSy+9pJZgJKhUKhcvXqRpenx8XI1GNYT1eh3PFR6P59ixY0gVgiAIgqjVajiLw+E4evQoSozVanVkZOS77777/PPP0dlITTxyH8uy9Xodr0+PPPLI3r171bgghARBiLUBJaiZmRk0xVDjQj6VyCJJUnEX+v3+XC4XjUYBALigTCYzOTnZNF2L4ur1Oi6OIIjHH39cZ18KIVxcXPzrr78krpZAOYQsy6qlF6Be/0XQNL1jxw6SJFdWVvL5vAYlSsUsy7Is21LDjTuR47jffvvt66+/jsfjV69e1WbkOA6XhcqVnMzr9Q4NDXm9XoliN2/e/P33391utx4NUYVu1TQRYquvlo0QVHehmD02jd7e3uHh4ePHj2vQoFr4/9gJAGAYJp1OLy4uBgKBpsSSEKK8Kie7fPnyyMhIe3u7ZK/Pzc0BAAqFQlNBqO+ViGsJqI3CK5oitBKpfMWmUiVnu66uLgCAxWJRSwWKyU2PLJyYJMn9+/dXKpX333/f6XSurq5qMEpkic02Dp/Pl81mI5EIhBAPYTabnZiYGBwc/PPPP7XVAwAg10sSqR7TcEq0kTQyItC5CyGEGxsbqVRKoxUWBKGnp6e9vR0/NVMU5fF4arWaWgjFWihJbplMRmNKji5ScGVomo7FYj09PQRBaIcQmYaHUF7Y3G73Pffc43a7JRsomUwmEgm1QZdckDzBcBy3vLzMMIyeFdBLwzCMRpsNdIaQIIh0On38+HGTyaQYRTREfeONN6LRKD6IQt7RmO2iWijJNizL/vHHH59++qnX65Wz1Go1v99/9OjRcDiMvy4ulysSiZTL5VQqpWYUSZISnxIEIS8ZMzMzDz/8sMPhwFNRvV5PpVIa5zNF03BxaCecO3fu+++/11NNAQDoEBIMBjVolHcVCqEE5XKZYRh5WocQlkqlcrmMIoFDbaCA2wnu1iecq9FoFAqFXC4nV4xhmAsXLiSTSYZhcC6SJEmSbG9v15BVq9XkSkrSFHJuKBRC0RVpbt++PT09vWvXLrUbA7mq4G6CwU2DEA4ODmo3meIK1Wp1y5YtS0tLGmR6dyGys1qtKr7jaFqItJTvQg2Inbck2yBxhUJBrXFgGKZer+NHe1y0hizJjpcn0m3btg0MDHg8Hvz4iEbb09PTOrMouDvJw8Wh9oRl2a6urh9//FHnOk3RWgi1gfTDQ9iUSy2RokXi8Th+jYWQTCavXr2KNJTLatr7yUOIGJEsQRBomqYoym634ymE47ilpaVMJqOxyyWQl3l8Cnjo0CGdfQ3P8+iTiVwupzjt0hqwif82DaEgCIgGn+Hq3IVi64y3M2az+eDBg4rXK6FQqLu722QySS4c0GS8aQgl0xmCICwWy4EDB1DBJghifX19eHjYZDLho5/V1dXZ2dmhoaFLly5pr4+bBpQGT3a7PZ1Oq90cyYGqQyqVUvtIQHXMjXtfclOhRi/+RQ/1hBCtLL+puP/++3fv3q3BSJIkrhJq31mWbdrsSW4qeJ7v7u5+7rnnJItLroey2eyNGzdamk1zHEdRlEQcRVH79u1r9aYim80uLy+3dlOBfCr+qzHOFwlELjyETfcEzigh1vaXRCUIYaFQWF5ebuodPbIki/M8f+vWraYXhBKgL25qtZrFYmnJNAnEz21au7UH/y4q+ocLjUZDzqiHXcLYEtAd3pUrV/R4uXEX+hcvlUpzc3P6b9AQFhcXBUF48MEH8bPy5rCZK1/w7zdF/G5O7R1HtRBNn8WH6PXR9hfKNkjEJuxEF6H5fH5ycvLs2bO9vb1qh0Jw93oZfQGkUxYa2c/Ozv700099fX0t6VYoFIrF4tTUlN1ud7vdOq8m5EBe1bgKVV43k8lcuXIFXyWfz9frdbWmBuXPRCKxurqKeyedTnMcp5E3VlZWXC5XIpHQ80GfotxsNjszM3Pp0qVQKKQ9Ukd1d35+fm1tTWcI0edxP//8844dO65du9aSbsVisbu7+8yZM+Vyub+/32q1bvpDy7W1tUqlonOmAwAAaLCpCDVHa/RXkUhEI7lpzx10IhKJ+P3+pmS9vb2xWGwT6/f39+sZoCti+/bt8Xh8c7wStFSJDRgwYMCAAQMGDBgwYMCAAQMGDBgwYMCAgf8G/geEL03dNR+rnAAAAABJRU5ErkJggg==" id="id6" height="48" preserveAspectRatio="xMidYMid meet"></image> </defs><g clip-path="url(#id3)"> <g mask="url(#id5)"> <g transform="matrix(0.743421, 0, 0, 0.743421, 0.493421, 0.743421)"> <image x="0" y="0" width="150" xlink:href="data:image/png;base64,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" height="48" preserveAspectRatio="xMidYMid meet"></image> </g> </g> </g> </svg> </div> <!-- An array of links for Product and Company sections --> <div class="col-span-1"> <h3 class="font-bold text-neutral-800 dark:text-neutral-200"> Ecosystem </h3> <ul class="mt-3 grid space-y-3"> <li> <a href="/welcome-to-docs/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Documentation </a> </li><li> <a href="/products/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Products </a> </li><li> <a href="/services" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Services </a> </li> </ul> </div><div class="col-span-1"> <h3 class="font-bold text-neutral-800 dark:text-neutral-200"> Company </h3> <ul class="mt-3 grid space-y-3"> <li> <a href="/about/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> About us </a> </li><li> <a href="/journal/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Journal </a> <span class="ms-1 inline rounded-lg bg-cyan-500 px-2 py-1 text-xs font-bold text-neutral-50">
Updated Weekly!
</span> </li><li> <a href="/tools/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Tools </a> </li><li> <a href="/support/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Support </a> </li> </ul> </div><div class="col-span-1"> <h3 class="font-bold text-neutral-800 dark:text-neutral-200"> Legal Documentation </h3> <ul class="mt-3 grid space-y-3"> <li> <a href="/legal/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Legal </a> </li><li> <a href="/legal/privacy/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Privacy </a> </li><li> <a href="/legal/eula/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> EULA </a> </li><li> <a href="/legal/tos/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Terms of Service </a> </li><li> <a href="/legal/disclaimer/" class="inline-flex gap-x-2 rounded-lg text-neutral-600 outline-none ring-zinc-500 transition duration-300 hover:text-neutral-500 focus-visible:ring dark:text-neutral-400 dark:ring-zinc-200 dark:hover:text-neutral-300 dark:focus:outline-none"> Disclaimer </a> </li> </ul> </div> <!-- <div class="col-span-2">
<div
class="grid gap-y-2 sm:flex sm:items-center sm:justify-between sm:gap-y-0">
<a href="/legal/" target="_blank">
<h3
class="font-bold text-neutral-800 dark:text-neutral-200">
Legal
</h3>
</a>
<a
class="flex text-neutral-800 dark:text-neutral-200"
href="/legal/privacy/"
target="_blank">
Privacy
</a>
<a
class="flex text-neutral-800 dark:text-neutral-200"
href="/legal/eula/"
target="_blank">
EULA
</a>
<a
class="flex text-neutral-800 dark:text-neutral-200"
href="/legal/tos/"
target="_blank">
Terms of Service
</a>
<a
class="flex text-neutral-800 dark:text-neutral-200"
href="/legal/disclaimer/"
target="_blank">
Disclaimer
</a>
</div>
<hr class="m-4" />
<h3 class="font-bold text-neutral-800 dark:text-neutral-200">
{sectionThreeTitle}
</h3>
<form>
<EmailFooterInput />
<p
class="mt-3 text-sm text-neutral-600 dark:text-neutral-400">
{sectionThreeContent}
</p>
</form>
</div>
</div> --> <div class="mt-9 grid gap-y-2 sm:mt-12 sm:flex sm:items-center sm:justify-between sm:gap-y-0"> <div class="flex items-center justify-between"> <p class="text-sm text-neutral-600 dark:text-neutral-400">
© <span id="current-year"></span> KiloByte Virtual Engine.
</p> </div> <!-- Social Brands --> <div> <a class="inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10" href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer"> <svg class="h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400" viewBox="0 0 24 24" fill="currentColor"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" class></path></svg> </a> <a class="inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10" href="https://twitter.com/h0lybyte" target="_blank" rel="noopener noreferrer"> <svg class="h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400" viewBox="0 0 24 24" fill="currentColor"><title>Twitter</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" class></path></svg> </a> <a class="inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10" href="https://github.com/kbve/kbve" target="_blank" rel="noopener noreferrer"> <svg class="h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400" viewBox="0 0 24 24" fill="currentColor"><title>GitHub</title><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" class></path></svg> </a> <a class="inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10" href="https://www.google.com/" target="_blank" rel="noopener noreferrer"> <svg class="h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400" viewBox="0 0 24 24" fill="currentColor"><title>Google</title><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z" class></path></svg> </a> <a class="inline-flex h-10 w-10 items-center justify-center gap-x-2 rounded-lg border border-transparent text-sm font-bold text-neutral-700 outline-none ring-zinc-500 hover:bg-neutral-500/10 focus:outline-none focus-visible:ring focus-visible:ring-zinc-500 dark:ring-zinc-200 dark:hover:bg-neutral-50/10" href="https://slack.com/" target="_blank" rel="noopener noreferrer"> <svg class="h-4 w-4 flex-shrink-0 fill-current text-neutral-700 dark:text-neutral-400" viewBox="0 0 24 24" fill="currentColor"><title>Slack</title><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" class></path></svg> </a> </div> </div> <script type="module">const e=new Date().getFullYear(),t=document.getElementById("current-year");t.innerText=e.toString();</script> </div> </div> </footer> </div></div> </body> </html>
Whois info of domain
Domain Name: KBVE.COM
Registry Domain ID: 725836588_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2024-12-26T16:01:23Z
Creation Date: 2006-12-25T08:43:50Z
Registry Expiry Date: 2025-12-25T08:43:50Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: COCO.NS.CLOUDFLARE.COM
Name Server: JIM.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-03T04:36:06Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass