55 lines
3.4 KiB
Plaintext
55 lines
3.4 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 -->
|
|
<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;">
|
|
|
|
<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: 200px; height: 120px; justify-content: center; align-items: center;" />
|
|
|
|
<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 (Floating Layer) -->
|
|
<ui:VisualElement name="beat-logo-container" style="width: 300px; height: 300px; position: absolute; justify-content: center; align-items: center;">
|
|
<ui:VisualElement name="beat-logo" style="width: 100%; height: 100%; background-color: white; border-radius: 150px; box-shadow: 0 0 50px rgba(255, 255, 255, 0.4); justify-content: center; align-items: center;">
|
|
<ui:Label text="HALLUCINATE" style="color: black; -unity-font-style: bold; font-size: 24px; letter-spacing: 2px; -unity-text-align: middle-center;" />
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|