56 lines
3.3 KiB
Plaintext
56 lines
3.3 KiB
Plaintext
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd">
|
|
<Style src="project:/Assets/UI/Styles/Global.uss" />
|
|
<ui:VisualElement name="menu-root" class="screen-root" style="justify-content: center; align-items: center;">
|
|
|
|
<!-- Background Blur Layer -->
|
|
<ui:VisualElement name="bg-blur" style="position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);" />
|
|
|
|
<!-- Horizontal Ribbon (Rendered First -> Bottom Layer) -->
|
|
<ui:VisualElement name="menu-ribbon" style="position: absolute; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 120px; background-color: rgba(0, 0, 0, 0.8); border-top-width: 2px; border-bottom-width: 2px; border-color: rgba(255, 255, 255, 0.1); display: None;">
|
|
|
|
<!-- Left Side Buttons -->
|
|
<ui:VisualElement style="flex-direction: row; align-items: center; justify-content: flex-end; flex-grow: 1;">
|
|
<ui:Button name="btn-settings" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="SETTINGS" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
|
|
<!-- Placeholder for Logo (Position #2) -->
|
|
<ui:VisualElement name="logo-placeholder" style="width: 280px; height: 100%;" />
|
|
|
|
<!-- Right Side Buttons -->
|
|
<ui:VisualElement style="flex-direction: row; align-items: center; justify-content: flex-start; flex-grow: 1;">
|
|
<ui:Button name="btn-create" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="CREATE" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
<ui:Button name="btn-join" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="JOIN" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
<ui:Button name="btn-profile" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="PROFILE" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
<ui:Button name="btn-exit" class="slanted-button">
|
|
<ui:VisualElement class="slanted-button-inner">
|
|
<ui:Label text="EXIT" />
|
|
</ui:VisualElement>
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
<!-- Logo Container (Rendered Last -> Top Layer) -->
|
|
<ui:VisualElement name="beat-logo-container" style="justify-content: center; align-items: center; width: 400px; height: 400px; position: absolute;">
|
|
<ui:VisualElement name="beat-logo" style="width: 300px; height: 300px; background-color: white; border-radius: 150px; box-shadow: 0 0 50px rgba(255, 255, 255, 0.3);" />
|
|
<ui:Label text="HALLUCINATE" style="position: absolute; color: black; -unity-font-style: bold; font-size: 32px; letter-spacing: 5px;" />
|
|
</ui:VisualElement>
|
|
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|