Skip to content

Commit 6538144

Browse files
dooly123dooly123
committed
hopefully i dont break anything - scared dooly
1 parent a20bb97 commit 6538144

4 files changed

Lines changed: 172 additions & 11 deletions

File tree

‎content/docs/controls/index.mdx‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,17 +19,27 @@ Let's create a page to cover the available controls in BasisVR
1919

2020
- You can use *BasisDebug.Log("\<your-log-message-here\>");* to print output to the Basis app's in-game console menu.
2121

22-
- You can also view the `Player.log` file located in <Tabs items={['Windows', 'Linux']}> <Tab value="Windows">%USERPROFILE%\AppData\LocalLow\Basis Unity\Basis Unity</Tab>
23-
<Tab value="Linux">~/.steam/steam/steamapps/compatdata/3157090/pfx/drive_c/users/steamuser/AppData/LocalLow/Basis Unity/Basis Unity/
24-
This depends on the proton using the steamid of the selected app, building in editor will be in a different location.</Tab></Tabs> It provides a more comprehensive log of the exact Unity issues encountered while playing. This includes stack traces such as the exact line a nullreference error might have come up in.
22+
- You can also view the `Player.log` file located in:
23+
24+
<Tabs items={['Windows', 'Linux']}>
25+
<Tab value="Windows">%USERPROFILE%\AppData\LocalLow\Basis Unity\Basis Unity</Tab>
26+
<Tab value="Linux">~/.steam/steam/steamapps/compatdata/3157090/pfx/drive_c/users/steamuser/AppData/LocalLow/Basis Unity/Basis Unity/ This depends on the proton using the steamid of the selected app, building in editor will be in a different location.</Tab>
27+
</Tabs>
28+
29+
It provides a more comprehensive log of the exact Unity issues encountered while playing. This includes stack traces such as the exact line a nullreference error might have come up in.
2530

2631
![Basis Console Menu](/img/controls/2.png)
2732

2833
## Where Are Library Items Stored?
2934

30-
- The `ItemKeyStore.json`, located in <Tabs items={['Windows', 'Linux']}> <Tab value="Windows">%USERPROFILE%\AppData\LocalLow\Basis Unity\Basis Unity</Tab>
31-
<Tab value="Linux">~/.steam/steam/steamapps/compatdata/3157090/pfx/drive_c/users/steamuser/AppData/LocalLow/Basis Unity/Basis Unity/
32-
This depends on the proton using the steamid of the selected app, building in editor will be in a different location.</Tab></Tabs> stores a mapping of the avatars, worlds, and props currently contained in your library.
35+
- The `ItemKeyStore.json` is located in:
36+
37+
<Tabs items={['Windows', 'Linux']}>
38+
<Tab value="Windows">%USERPROFILE%\AppData\LocalLow\Basis Unity\Basis Unity</Tab>
39+
<Tab value="Linux">~/.steam/steam/steamapps/compatdata/3157090/pfx/drive_c/users/steamuser/AppData/LocalLow/Basis Unity/Basis Unity/ This depends on the proton using the steamid of the selected app, building in editor will be in a different location.</Tab>
40+
</Tabs>
41+
42+
It stores a mapping of the avatars, worlds, and props currently contained in your library.
3343

3444
<Callout>
3545
Within the codebase, you can also find there is an `EmbeddedItems` class containing library items that are embedded into the application.

‎src/app/global.css‎

Lines changed: 123 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,138 @@
22
@import 'fumadocs-ui/css/solar.css';
33
@import 'fumadocs-ui/css/preset.css';
44

5+
@theme {
6+
--color-brand: #ef1237;
7+
--color-basisbg: #0f0e23;
8+
}
9+
10+
:root {
11+
--color-fd-primary: #ef1237;
12+
--color-fd-ring: #ef1237;
13+
--color-fd-background: #ffffff;
14+
--color-fd-card: rgba(255, 255, 255, 0.7);
15+
--color-fd-secondary: rgba(255, 255, 255, 0.6);
16+
--color-fd-muted: #f3f3f6;
17+
--color-fd-border: rgba(17, 24, 39, 0.10);
18+
--color-fd-popover: rgba(255, 255, 255, 0.95);
19+
}
520

621
.dark {
722
--color-fd-background: #0f0e23;
823
--color-fd-primary: #ef1237;
24+
--color-fd-ring: #ef1237;
25+
--color-fd-card: rgba(255, 255, 255, 0.04);
26+
--color-fd-secondary: rgba(255, 255, 255, 0.05);
27+
--color-fd-muted: rgba(255, 255, 255, 0.05);
28+
--color-fd-accent: rgba(255, 255, 255, 0.08);
29+
--color-fd-border: rgba(255, 255, 255, 0.10);
30+
--color-fd-popover: rgba(20, 18, 46, 0.92);
31+
--color-fd-muted-foreground: #c6c6d4;
32+
}
33+
34+
::selection {
35+
background: rgba(239, 18, 55, 0.25);
36+
}
37+
38+
::-moz-selection {
39+
background: rgba(239, 18, 55, 0.25);
40+
}
41+
42+
@keyframes gradient-shift {
43+
0% {
44+
background-position: 0% 50%;
45+
}
46+
47+
50% {
48+
background-position: 100% 50%;
49+
}
50+
51+
100% {
52+
background-position: 0% 50%;
53+
}
54+
}
55+
56+
.animated-gradient {
57+
background: linear-gradient(-45deg, #ef1237, #9333ea, #3b82f6, #f43f5e);
58+
background-size: 400% 400%;
59+
animation: gradient-shift 15s ease infinite;
60+
}
61+
62+
body {
63+
background-color: var(--color-fd-background);
64+
background-image: linear-gradient(-45deg,
65+
rgba(239, 18, 55, 0.10),
66+
rgba(147, 51, 234, 0.10),
67+
rgba(59, 130, 246, 0.10),
68+
rgba(244, 63, 94, 0.10));
69+
background-size: 400% 400%;
70+
background-attachment: fixed;
71+
animation: gradient-shift 15s ease infinite;
972
}
1073

74+
.dark body {
75+
background-image: linear-gradient(-45deg,
76+
rgba(239, 18, 55, 0.14),
77+
rgba(147, 51, 234, 0.14),
78+
rgba(59, 130, 246, 0.14),
79+
rgba(244, 63, 94, 0.14));
80+
}
81+
82+
#nd-sidebar,
1183
#nd-subnav,
84+
.bg-fd-card,
85+
.bg-fd-secondary,
86+
.bg-fd-popover {
87+
backdrop-filter: blur(8px);
88+
-webkit-backdrop-filter: blur(8px);
89+
}
90+
91+
#nd-page article {
92+
background-color: var(--color-fd-card);
93+
backdrop-filter: blur(8px);
94+
-webkit-backdrop-filter: blur(8px);
95+
border: 1px solid var(--color-fd-border);
96+
border-radius: 1rem;
97+
margin-top: 1.5rem;
98+
margin-bottom: 2rem;
99+
padding-bottom: 2rem;
100+
box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.45);
101+
}
102+
103+
.dark #nd-page article {
104+
background-color: rgba(15, 14, 35, 0.55);
105+
}
106+
12107
#nd-sidebar {
13-
border-top: 4px solid var(--color-fd-primary) !important;
108+
background-image: linear-gradient(180deg,
109+
rgba(239, 18, 55, 0.07),
110+
rgba(147, 51, 234, 0.05) 35%,
111+
transparent 70%);
112+
}
113+
114+
#nd-sidebar a[data-active='true'] {
115+
background-image: linear-gradient(90deg,
116+
rgba(239, 18, 55, 0.22),
117+
rgba(239, 18, 55, 0.05));
118+
box-shadow: inset 3px 0 0 0 #ef1237, 0 0 16px -6px rgba(239, 18, 55, 0.45);
119+
}
120+
121+
.text-gradient-brand {
122+
background: linear-gradient(90deg, #ef1237, #9333ea);
123+
-webkit-background-clip: text;
124+
background-clip: text;
125+
color: transparent;
14126
}
15127

16128
#logo {
17129
border: solid 1px #1c1b32;
18-
}
130+
}
131+
132+
@media (prefers-reduced-motion: reduce) {
133+
134+
.animated-gradient,
135+
body {
136+
animation: none !important;
137+
background-position: 50% 50%;
138+
}
139+
}

‎src/app/layout.tsx‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,19 @@ export default function RootLayout({
1111
children: React.ReactNode;
1212
}) {
1313
return (
14-
<html suppressHydrationWarning className={inter.className}>
15-
<body className="flex flex-col min-h-screen">{children}</body>
14+
<html suppressHydrationWarning className={`${inter.className} scroll-smooth`}>
15+
<body className="flex flex-col min-h-screen">
16+
<div
17+
aria-hidden="true"
18+
className="pointer-events-none fixed inset-0 -z-10 overflow-hidden"
19+
>
20+
<div className="absolute -top-24 left-1/2 -translate-x-1/2 h-[40rem] w-[40rem] rounded-full bg-brand/20 blur-3xl" />
21+
<div className="absolute top-[12%] left-[8%] h-56 w-56 rounded-full bg-pink-400/15 blur-3xl" />
22+
<div className="absolute bottom-[10%] right-[12%] h-80 w-80 rounded-full bg-purple-500/15 blur-3xl" />
23+
<div className="absolute top-[35%] right-[35%] h-44 w-44 rounded-full bg-sky-400/15 blur-3xl" />
24+
</div>
25+
{children}
26+
</body>
1627
</html>
1728
);
1829
}

‎src/mdx-components.tsx‎

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,29 @@ import defaultMdxComponents from 'fumadocs-ui/mdx';
22
import * as TabsComponents from 'fumadocs-ui/components/tabs';
33
import type { MDXComponents } from 'mdx/types';
44

5+
function MdxImage({ src, alt, width, height, title, className }: any) {
6+
const isStatic = typeof src === 'object' && src !== null;
7+
const url = isStatic ? src.src : src;
8+
// eslint-disable-next-line @next/next/no-img-element
9+
return (
10+
<img
11+
src={url}
12+
alt={alt ?? ''}
13+
width={width ?? (isStatic ? src.width : undefined)}
14+
height={height ?? (isStatic ? src.height : undefined)}
15+
title={title}
16+
className={className}
17+
loading="lazy"
18+
decoding="async"
19+
/>
20+
);
21+
}
22+
523
export function getMDXComponents(components?: MDXComponents): MDXComponents {
624
return {
725
...defaultMdxComponents,
826
...TabsComponents,
27+
img: MdxImage,
928
...components,
1029
};
11-
}
30+
}

0 commit comments

Comments
 (0)