33< head >
44 < meta charset ="utf-8 " />
55 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
6- < title > BasisVR — Open-Source Social & Networked VR</ title >
6+ < title > BasisVR - Open-Source Social & Networked VR</ title >
77
88 < meta name ="description " content ="Basis lets you set up your own Social VR and Networked VR games with ease. MIT-licensed, open development, optional mods, and tools to equip VR creators. " />
9- < meta property ="og:title " content ="BasisVR — Open-Source Social & Networked VR " />
9+ < meta property ="og:title " content ="BasisVR - Open-Source Social & Networked VR " />
1010 < meta property ="og:description " content ="Set up your own Social VR and Networked VR games with ease. " />
1111 < meta property ="og:image " content ="https://raw.githubusercontent.com/BasisVR/basisvr.github.io/main/Images/basisdiscord2.png " />
1212 < meta name ="theme-color " content ="#ef1237 " media ="(prefers-color-scheme: light) ">
2424 < script src ="tailwind-config.js "> </ script >
2525 < script src ="theme.js " defer > </ script >
2626
27- <!-- Custom styles (contains .animated-gradient & selection styles) -->
27+ <!-- Custom styles -->
2828 < link rel ="stylesheet " href ="styles.css " />
2929</ head >
3030< body class ="bg-white text-gray-800 dark:bg-basisbg dark:text-gray-100 antialiased ">
3131
32- <!-- =============================
33- Global Animated Gradient Backdrop
34- (from styles.css: .animated-gradient)
35- ============================= -->
32+ <!-- Backdrop -->
3633 < div aria-hidden ="true "
3734 class ="animated-gradient fixed inset-0 -z-30 opacity-25 dark:opacity-20 ">
3835 </ div >
3936
40- <!-- =============================
41- Decorative + Parallax Layers
42- (mousemove/scroll parallax handled by theme.js)
43- ============================= -->
37+ <!-- Decorative Layers -->
4438 < div aria-hidden ="true " class ="pointer-events-none fixed inset-0 -z-10 overflow-hidden ">
45- <!-- Large blurred orb (center top) -->
4639 < div class ="absolute -top-24 left-1/2 -translate-x-1/2 h-[50rem] w-[50rem]
47- rounded-full bg-gradient-to-br from-brand/20 via-pink-500/15 to-purple-600/15 blur-3xl ">
48- </ div >
49-
50- <!-- Subtle parallax blurred shapes -->
40+ rounded-full bg-gradient-to-br from-brand/20 via-pink-500/15 to-purple-600/15 blur-3xl "> </ div >
5141 < div data-parallax ="8 "
5242 class ="parallax-will-change absolute top-[12%] left-[8%] h-56 w-56
53- rounded-full bg-pink-400/25 dark:bg-pink-400/15 blur-3xl ">
54- </ div >
55-
43+ rounded-full bg-pink-400/25 dark:bg-pink-400/15 blur-3xl "> </ div >
5644 < div data-parallax ="4 "
5745 class ="parallax-will-change absolute bottom-[10%] right-[12%] h-80 w-80
58- rounded-full bg-purple-500/25 dark:bg-purple-500/15 blur-3xl ">
59- </ div >
60-
46+ rounded-full bg-purple-500/25 dark:bg-purple-500/15 blur-3xl "> </ div >
6147 < div data-parallax ="2 "
6248 class ="parallax-will-change absolute top-[35%] right-[35%] h-44 w-44
63- rounded-full bg-sky-400/25 dark:bg-sky-400/15 blur-3xl ">
64- </ div >
49+ rounded-full bg-sky-400/25 dark:bg-sky-400/15 blur-3xl "> </ div >
6550
66- <!-- Decorative outline ring -->
6751 < svg class ="absolute bottom-[-20%] right-[-10%] h-[40rem] w-[40rem] opacity-20 dark:opacity-10 "
6852 viewBox ="0 0 100 100 " fill ="none ">
6953 < defs >
7660 </ svg >
7761 </ div >
7862
79- <!-- =============================
80- Page Content
81- ============================= -->
63+ <!-- Page Content -->
8264 < div class ="mx-auto max-w-7xl px-6 py-8 sm:py-12 ">
8365 <!-- Top bar -->
8466 < div class ="flex items-center justify-between ">
85- <!-- Left side: logo -->
8667 < a href ="/ " class ="inline-flex items-center gap-3 ">
8768 < img src ="https://raw.githubusercontent.com/BasisVR/basisvr.github.io/main/Images/BasisLogoN.png "
8869 alt ="BasisVR Logo "
8970 class ="h-10 w-10 rounded-lg ring-1 ring-gray-200 dark:ring-white/10 " />
9071 < span class ="font-semibold text-lg "> BasisVR</ span >
9172 </ a >
9273
93- <!-- Right side: links -->
9474 < div class ="flex items-center gap-6 ">
9575 < a href ="https://docs.basisvr.org/docs/getting-started " target ="_blank "
96- class ="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand "> Docs </ a >
76+ class ="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand "> Documentation </ a >
9777 < a href ="https://basisvr.org/funding "
9878 class ="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand "> Funding</ a >
9979 < a href ="https://basisvr.org/philosophy "
10080 class ="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand "> Philosophy</ a >
10181 </ div >
10282 </ div >
83+
10384 <!-- Hero -->
10485 < header class ="mt-12 text-center ">
10586 < h1 class ="text-4xl font-extrabold sm:text-6xl ">
@@ -116,21 +97,19 @@ <h1 class="text-4xl font-extrabold sm:text-6xl">
11697
11798 < a href ="https://docs.basisvr.org/docs/getting-started " target ="_blank "
11899 class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
119- Read the docs
100+ Documentation
120101 </ a >
121102
122103 < a href ="https://basisvr.org/philosophy " target ="_blank "
123104 class ="inline-flex items-center gap-2 rounded-2xl bg-white/70 px-5 py-3 text-sm font-semibold text-gray-800 shadow ring-1 ring-gray-200 hover:bg-gray-100 dark:bg-white/10 dark:text-gray-100 dark:ring-white/10 ">
124105 Philosophy
125106 </ a >
126107
127- <!-- ✅ New Funding button -->
128108 < a href ="funding.html "
129109 class ="inline-flex items-center gap-2 rounded-2xl bg-pink-600 px-5 py-3 text-sm font-semibold text-white shadow hover:shadow-lg hover:ring-2 hover:ring-pink-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-400 ">
130110 Funding
131111 </ a >
132112 </ div >
133-
134113 </ header >
135114
136115 <!-- Banner -->
@@ -146,14 +125,16 @@ <h1 class="text-4xl font-extrabold sm:text-6xl">
146125 <!-- Showcase -->
147126 < section class ="mx-auto mt-20 max-w-5xl text-center ">
148127 < h2 class ="text-3xl font-bold sm:text-4xl "> Load Test Showcase</ h2 >
149- < p class ="mt-3 text-gray-600 dark:text-gray-400 "> we run load tests and tests frequently on the basis demo!</ p >
128+ < p class ="mt-3 text-gray-600 dark:text-gray-400 ">
129+ Join us weekly for our < strong > Talk & Test</ strong > sessions - connect, create, and stress-test VR together.
130+ </ p >
150131 < div class ="mt-8 rounded-2xl overflow-hidden shadow-xl ring-1 ring-black/10 dark:ring-white/10 ">
151132 < img src ="https://raw.githubusercontent.com/BasisVR/basisvr.github.io/main/Images/NameplateMassAmount.png "
152133 alt ="BasisVR Mass Load Test "
153134 class ="w-full object-cover aspect-video " />
154135 </ div >
155136 < figcaption class ="mt-3 text-sm text-gray-500 dark:text-gray-400 ">
156- Join us weekly for our < strong > Talk & Test </ strong > sessions — connect, create, and stress-test VR together .
137+ We run load tests regularly on the Basis demo to push limits and improve stability .
157138 </ figcaption >
158139 </ section >
159140
0 commit comments