phpspa-client/index.html at main · dconco/phpspa-client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
   <body class="relative">

      <div class="absolute inset-0 -z-10">
         <div class="absolute inset-0 bg-[radial-gradient(circle_at_top,rgba(99,102,241,0.35),transparent_55%)]"></div>
         <div class="absolute inset-0 bg-[radial-gradient(circle_at_bottom,rgba(14,165,233,0.25),transparent_60%)] mix-blend-screen opacity-80"></div>
      </div>

      <div class="relative z-10 px-6 py-6 sm:px-10 mx-auto">
         <nav class="rounded-3xl border border-white/5 bg-white/5 px-10 py-4 backdrop-blur md:flex md:justify-between">
            <div class="flex items-center justify-between gap-4">
               <HeaderComponent />

               <button data-nav-toggle class="flex h-10 w-10 items-center justify-center rounded-2xl border border-white/10 text-white transition-colors hover:border-white/40 md:hidden" aria-label="Toggle navigation">
                  <MenuIcon />
               </button>
            </div>

            <div data-nav-links class="mt-4 hidden flex-col gap-4 border-t border-white/10 pt-4 md:mt-0 md:flex md:flex-row md:gap-6 md:border-0 md:pt-0">
               <Component.Link class="nav-link" to="/">Overview</Component.Link>
               <Component.Link class="nav-link" to="/about">About</Component.Link>
               <Component.Link class="nav-link" to="/client-runtime">Client API</Component.Link>
               <Component.Link class="nav-link" to="https://phpspa.tech" target="_blank" rel="noreferrer">Docs</Component.Link>
               <Component.Link class="nav-link" to="https://github.com/dconco/phpspa" target="_blank" rel="noreferrer">GitHub</Component.Link>
            </div>
         </nav>

         <main id="app" class="relative z-10 mt-10"></main>
      </div>

      <!-- ENABLE HOT RELOAD WITH VITE DEV HMR -->
      <script type="module" src="http://localhost:5173/@vite/client"></script>
      <script type="module" src="http://localhost:5173/src/main.ts"></script>
   </body>
</html>