update Open Source Docs from Roblox internal teams

Roblox · Jan 17, 2025 · bf51cf0 · bf51cf0
1 parent 962e2b6
commit bf51cf0
Show file tree

Hide file tree

Showing 24 changed files with 516 additions and 354 deletions.
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -59,8 +59,8 @@ representative at an online or offline event.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to the community leaders responsible for enforcement at
-<[email protected]>. All complaints will be reviewed and investigated
+reported to the community leaders responsible for enforcement using GitHub's
+**Report content** form. All complaints will be reviewed and investigated
 promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

diff --git a/content/common/navigation/avatar/guides.yaml b/content/common/navigation/avatar/guides.yaml
@@ -2,6 +2,15 @@ navigation:
   - title: Get started
     path: /avatar/
 
+  - heading: Classic clothing
+    section:
+  - title: Overview
+    path: /art/classic-clothing
+  - title: Test in Studio
+    path: /art/test-classic-clothing
+  - title: Upload and sell
+    path: /art/upload-classic-clothing
+
   - heading: Accessories
     section:
   - title: Overview
@@ -29,8 +38,6 @@ navigation:
     path: /art/accessories/clothing-export-settings
   - title: Import into Studio
     path: /art/accessories/import-clothing
-  - title: Classic clothing
-    path: /art/accessories/classic-clothing
 
   - heading: Characters
   - title: Overview

diff --git a/content/common/navigation/engine/guides.yaml b/content/common/navigation/engine/guides.yaml
@@ -636,12 +636,8 @@ navigation:
             path: /production/monetization/paid-access-local-currency
           - title: Private servers
             path: /production/monetization/private-servers
-      - title: Resources
-        section:
-          - title: Build your business
-            path: /production/monetization/business-resources
-          - title: Randomized virtual items policy
-            path: /production/monetization/randomized-virtual-items-policy
+      - title: Virtual item policies
+        path: /production/monetization/virtual-items
   - title: Localization
     path: /production/localization/
     section:

diff --git a/content/en-us/art/accessories/classic-clothing.md b/content/en-us/art/accessories/classic-clothing.md
diff --git a/content/en-us/art/accessories/index.md b/content/en-us/art/accessories/index.md
@@ -4,8 +4,48 @@ description: Rigid accessories are basic 3D cosmetics users can equip and wear o
 hideBreadcrumbs: true
 ---
 
-<iframe width="800" height="450" src="https://www.youtube-nocookie.com/embed/tzPn6QvU8Bo" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-<br /><br />
+<Grid container spacing={2} style={{ marginBottom: 24, width: '100%' }}>
+<Grid item xs={6} style={{ padding: 16 }}>
+<Grid item container wrap="nowrap" direction="column" style={{ gap: 8, flex: 1 }}>
+
+<div
+className="container"
+style={{ position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12 }} >
+<iframe
+src="https://www.youtube-nocookie.com/embed/tzPn6QvU8Bo"
+title="YouTube video player"
+frameBorder="0"
+allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+allowFullScreen
+style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} ></iframe>
+</div>
+<Typography variant="body1">
+A high-level overview of accessories on Roblox.
+</Typography>
+
+</Grid>
+</Grid>
+
+<Grid item xs={6} style={{ padding: 16 }}>
+<Grid item container wrap="nowrap" direction="column" style={{ gap: 8, flex: 1 }}>
+
+<div
+className="container"
+style={{ position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12 }} >
+<iframe
+src="https://www.youtube-nocookie.com/embed/Eed29gV0hLA"
+title="YouTube video player"
+frameBorder="0"
+allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+allowFullScreen
+style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} ></iframe>
+</div>
+<Typography variant="body1">
+Create and sell your first basic accessory.
+</Typography>
+</Grid>
+</Grid>
+</Grid>
 
 Rigid accessories are the most basic 3D cosmetic items that users can equip and wear on their avatar character, such props, weapons, hats, and more. Unlike [clothing accessories](../accessories/layered-clothing.md) that stretch and fit over a character body, rigid accessories attach to a specific point on an avatar character and don't deform or wrap over a target.
 
@@ -19,9 +59,6 @@ To create a custom Roblox accessory for your own experience or to sell on the Ma
   - [Clothing creation tutorial](../../art/accessories/creating/index.md) - a step-by-step process of creating your own avatar-ready clothing from scratch in Blender.
 - [Additional tools, resources, and guides](#resources) provided by Roblox to standardize and expedite the creation process.
 
-<iframe width="800" height="450" src="https://www.youtube-nocookie.com/embed/Eed29gV0hLA" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-<br /><br />
-
 ## Components of a rigid accessory
 
 All accessory models are made up of the same base components of a [mesh object](#mesh-part), [textures](#textures), and [attachment](#attachments).

diff --git a/content/en-us/art/accessories/layered-clothing.md b/content/en-us/art/accessories/layered-clothing.md
@@ -4,8 +4,48 @@ description: Layered clothing are cosmetic accessories that stretch, fit, and la
 hideBreadcrumbs: true
 ---
 
-<iframe width="800" height="450" src="https://www.youtube-nocookie.com/embed/gXXukd6yOSs" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-<br /><br />
+<Grid container spacing={2} style={{ marginBottom: 24, width: '100%' }}>
+<Grid item xs={6} style={{ padding: 16 }}>
+<Grid item container wrap="nowrap" direction="column" style={{ gap: 8, flex: 1 }}>
+
+<div
+className="container"
+style={{ position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12 }} >
+<iframe
+src="https://www.youtube-nocookie.com/embed/gXXukd6yOSs"
+title="YouTube video player"
+frameBorder="0"
+allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+allowFullScreen
+style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} ></iframe>
+</div>
+<Typography variant="body1">
+A high-level overview of 3D clothing on Roblox.
+</Typography>
+
+</Grid>
+</Grid>
+
+<Grid item xs={6} style={{ padding: 16 }}>
+<Grid item container wrap="nowrap" direction="column" style={{ gap: 8, flex: 1 }}>
+
+<div
+className="container"
+style={{ position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: 12 }} >
+<iframe
+src="https://www.youtube-nocookie.com/embed/C-DwGRBHvmE"
+title="YouTube video player"
+frameBorder="0"
+allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+allowFullScreen
+style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} ></iframe>
+</div>
+<Typography variant="body1">
+Create and sell your first basic layered clothing.
+</Typography>
+</Grid>
+</Grid>
+</Grid>
 
 Layered clothing accessories are 3D cosmetic items that users can equip and wear on their avatar body, such as pants, t-shirt, jackets, dresses, and more. Unlike [rigid accessories](../../art/accessories/index.md) that only attach to a specific point on a character, layered clothing stretches and fits over any body type and existing clothing.
 
@@ -153,6 +193,6 @@ If you are interested in specific avatar creation topics, use the following tabl
 
 ## Classic clothing
 
-Classic clothing assets are 2D images that you can apply to the surface of an avatar body as t-shirts, shirts, or pants. You can design these assets in any image processing software, test the textures in Studio, and then upload the designs to the Marketplace to sell. See [Classic clothing](../../art/accessories/classic-clothing.md) for more information on creating, uploading, and selling these assets.
+Classic clothing assets are 2D images that you can apply to the surface of an avatar body as t-shirts, shirts, or pants. You can design these assets in any image processing software, test the textures in Studio, and then upload the designs to the Marketplace to sell. See [Classic clothing](../../art/classic-clothing.md) for more information on creating, uploading, and selling these assets.
 
 <img src="../../assets/accessories/classic-clothing/Dummy-Clothed.jpg" width="80%" />