|
21 | 21 | <script src="https://cdn.tailwindcss.com/3.4.16"></script> |
22 | 22 |
|
23 | 23 | <!-- External config & theme --> |
24 | | - <script src="tailwind-config.js"></script> |
25 | | - <script src="theme.js" defer></script> |
| 24 | + <script src="/tailwind-config.js"></script> |
| 25 | + <script src="/theme.js" defer></script> |
26 | 26 |
|
27 | 27 | <!-- Custom styles (no @apply so it works with CDN) --> |
28 | 28 | <style> |
|
247 | 247 | </style> |
248 | 248 |
|
249 | 249 | <!-- Site styles --> |
250 | | - <link rel="stylesheet" href="styles.css" /> |
| 250 | + <link rel="stylesheet" href="/styles.css" /> |
251 | 251 | </head> |
252 | 252 | <body class="bg-white text-gray-800 dark:bg-basisbg dark:text-gray-100 antialiased"> |
253 | 253 | <!-- Backdrop --> |
|
269 | 269 | class="h-9 w-9 rounded-xl ring-1 ring-gray-200 dark:ring-white/10" /> |
270 | 270 | <span class="font-semibold">BasisVR</span> |
271 | 271 | </a> |
272 | | - |
273 | | - <nav class="hidden md:flex items-center gap-6 text-sm"> |
274 | | - <a href="./features.html" class="text-gray-900 dark:text-gray-100 font-semibold">Features</a> |
275 | | - <a href="https://docs.basisvr.org/docs" target="_blank" class="text-gray-600 dark:text-gray-300 hover:text-brand">Documentation</a> |
276 | | - <a href="./funding" class="text-gray-600 dark:text-gray-300 hover:text-brand">Funding</a> |
277 | | - <a href="./philosophy" class="text-gray-600 dark:text-gray-300 hover:text-brand">Philosophy</a> |
278 | | - <a href="https://github.com/BasisVR/basis" class="text-gray-600 dark:text-gray-300 hover:text-brand">GitHub</a> |
279 | | - </nav> |
| 272 | + <div class="flex items-center"> |
| 273 | + <!-- Nav --> |
| 274 | + <nav class="flex items-center gap-3 md:gap-6"> |
| 275 | + <a href="/features" |
| 276 | + class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Features</a> |
| 277 | + <a href="https://docs.basisvr.org/docs" target="_blank" |
| 278 | + class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Documentation</a> |
| 279 | + <a href="/funding" |
| 280 | + class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Funding</a> |
| 281 | + <a href="/philosophy" |
| 282 | + class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Philosophy</a> |
| 283 | + </nav> |
| 284 | + <!-- Language and github --> |
| 285 | + <div class="flex items-center sm:border-l border-slate-100 ml-6 pl-6"> |
| 286 | + <button data-popover-target="chg-lang" data-popover-trigger="click" type="button" class="text-gray-500 hover:text-gray-700"> |
| 287 | + <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"> |
| 288 | + <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z"/> |
| 289 | + <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31"/> |
| 290 | + </svg> |
| 291 | + </button> |
| 292 | + <div data-popover id="chg-lang" role="tooltip" class="absolute z-10 invisible inline-block w-32 text-sm text-body transition-opacity duration-300 rounded-2xl border border-gray-200 bg-white shadow-xs opacity-0"> |
| 293 | + <div class="px-6 py-4"> |
| 294 | + <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/' )">English</a></div> |
| 295 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/cn' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/cn/')">简体中文</a></div> --> |
| 296 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/tw' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/tw/')">繁體中文</a></div> --> |
| 297 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/es' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/es/')">Español</a></div> --> |
| 298 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/fr' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/fr/')">Français</a></div> --> |
| 299 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/de' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/de/')">Deutsch</a></div> --> |
| 300 | + <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/ja' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/ja/')">日本語</a></div> |
| 301 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/ko' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/ko/')">한국어</a></div> --> |
| 302 | + <!-- <div class="px-2 py-1"><a href="javascript:void(0)" onclick="this.href=location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '') === location.pathname ? '/pt' + location.pathname : location.pathname.replace(/^\/(cn|tw|es|fr|de|ja|ko|pt)\//, '/pt/')">Português</a></div> --> |
| 303 | + </div> |
| 304 | + <div data-popper-arrow></div> |
| 305 | + </div> |
| 306 | + <a href="https://github.com/BasisVR/basis" target="_blank" class="ml-6 block text-gray-500 hover:text-gray-700"> |
| 307 | + <span class="sr-only">BasisVR on GitHub</span> |
| 308 | + <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"> |
| 309 | + <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.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/> |
| 310 | + </svg> |
| 311 | + </a> |
| 312 | + </div> |
| 313 | + </div> |
280 | 314 | </div> |
281 | 315 |
|
282 | 316 | <!-- Hero --> |
@@ -841,7 +875,9 @@ <h2 class="text-2xl font-bold">Roadmap</h2> |
841 | 875 | </div> |
842 | 876 |
|
843 | 877 | <!-- Footer JS --> |
844 | | - <script src="footer.js" defer></script> |
| 878 | + <script src="/footer.js" defer></script> |
| 879 | + <!-- Flowbite --> |
| 880 | + <script src="https://cdn.jsdelivr.net/npm/flowbite@4.0.1/dist/flowbite.min.js"></script> |
845 | 881 |
|
846 | 882 | <!-- Interactions: filter + search + scrollspy + layout toggle --> |
847 | 883 | <script> |
|
0 commit comments