|
|
| (3 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| <div style="max-width: 1000px; margin: 0 auto; font-family: 'Segoe UI', Roboto, sans-serif; color: #e0e0e0;">
| | {{Stub}} |
|
| |
|
| <!-- STUB NOTIFICATION -->
| | [[File:CustomizerBrush.png|thumb|alt=The customizer brush in-game|The customizer brush in-game]] |
| <div style="background: rgba(255, 165, 0, 0.1); border-left: 5px solid #ffa500; padding: 15px; margin-bottom: 20px; border-radius: 4px; display: flex; align-items: center;">
| | [[File:3DBrushCompressed.png|thumb|alt=The 3D brush used for the 4 year birthday branding :3|The 3D brush used for the 4 year birthday branding :3]] |
| <span style="font-size: 20px; margin-right: 15px;">🚧</span>
| |
| <span>'''Stub:''' This page is a work in progress. Feel free to contribute!</span>
| |
| </div>
| |
|
| |
|
| <!-- HEADER SECTION -->
| | The Customizer in Leaf is a tool that allows you to create a lot of things that have been added by Leaf. |
| <div style="display: flex; gap: 20px; flex-wrap: wrap; align-items: center; margin-bottom: 40px;">
| |
| <div style="flex: 2; min-width: 300px;">
| |
| <h1 style="color: #fff; font-size: 2.5em; border: none; margin-bottom: 10px;">The Customizer</h1>
| |
| <p style="font-size: 1.2em; line-height: 1.6; color: #b0b0b0;">
| |
| The Customizer is the powerhouse of Leaf Essentials. It's a versatile tool designed to bridge the gap between imagination and implementation, allowing you to craft everything from UI elements to complex logic scripts.
| |
| </p>
| |
| </div>
| |
| <div style="flex: 1; min-width: 250px; text-align: center;">
| |
| [[File:CustomizerBrush.png|300px|alt=Customizer Brush]]
| |
| <div style="font-size: 0.8em; color: #666; margin-top: 8px;">The Customizer Brush in-game</div>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- TOOLS GRID -->
| | A list of what you can make with Customizer: |
| <h2 style="text-align: center; color: #58a6ff; border: none; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px;">What can you create?</h2>
| |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px;">
| | * Folder |
| <!-- CATEGORY: UI -->
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center; transition: 0.3s;">
| |
| <span style="color: #58a6ff; font-weight: bold;">[[Action Form]]</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #58a6ff; font-weight: bold;">[[Chest UI]]</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #58a6ff; font-weight: bold;">[[Formatting]]</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Modal Form</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Sidebar</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Toast</span>
| |
| </div>
| |
| <!-- CATEGORY: LOGIC -->
| |
| <div style="background: rgba(88, 166, 255, 0.1); border: 1px solid #58a6ff; padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #58a6ff; font-weight: bold;">[[Script]]</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Function</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Command</span>
| |
| </div>
| |
| <!-- CATEGORY: WORLD -->
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #58a6ff; font-weight: bold;">[[Zones|Zone]]</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Warp</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Event</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Folder</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Box</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Invite</span>
| |
| </div>
| |
| <div style="background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; text-align: center;">
| |
| <span style="color: #fff;">Channel</span>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- FOOTER BRANDING -->
| | * Box |
| <div style="margin-top: 50px; padding: 30px; background: linear-gradient(90deg, rgba(88,166,255,0.1) 0%, rgba(0,0,0,0) 100%); border-radius: 15px; display: flex; align-items: center; gap: 20px;">
| |
| [[File:3DBrushCompressed.png|120px]]
| |
| <div>
| |
| <h4 style="margin: 0; color: #58a6ff;">4 Year Anniversary Edition</h4>
| |
| <p style="margin: 5px 0 0; font-size: 0.9em; opacity: 0.7;">Celebrate the history of Leaf with the limited edition 3D branding brush.</p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div>
| | * [[Action Form]] |
| | |
| | * Modal Form |
| | |
| | * [[Chest UI]] |
| | |
| | * Sidebar |
| | |
| | * Toast (Custom notifications) |
| | |
| | * Function |
| | |
| | * Invite |
| | |
| | * Event |
| | |
| | * [[Script]] |
| | |
| | * Warp |
| | |
| | * [[Zones|Zone]] |
| | |
| | * Channel |
| | |
| | * Command |
| | |
| | * [[Formatting]] |
