59 lines
2.8 KiB
PHP
59 lines
2.8 KiB
PHP
@extends('layouts.app')
|
|
@section('title')
|
|
<title>Avatar - {{ env('APP_NAME') }}</title>
|
|
@endsection
|
|
@section('titlediscord')
|
|
<meta content="Avatar - {{ env('APP_NAME') }}" property="og:title" />
|
|
@endsection
|
|
@section('descdiscord')
|
|
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description" />
|
|
@endsection
|
|
|
|
@section('alert')
|
|
<div id="alert">Avatar Editor is currently work in progress.</div>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="PageTitleBar">
|
|
<h1>Avatar Editor</h1>
|
|
<div>
|
|
<button class="tab_selected">Wardrobe</button> <button class="tab">My Outfits</button>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="content_special">
|
|
<div class="avatarleft" style="width: 30%;">
|
|
<img alt="avatar image" src="{{ asset('img/defaultrender.png') }}" width="100%">
|
|
<p>Avatar not updating? <a href="">Click here to update it</a>!</p>
|
|
<br>
|
|
<h2>Body Colors</h2>
|
|
<div id="ColorChooser">
|
|
<div style="position: relative; margin: 11px 4px; height: 1%;">
|
|
<div style="position: absolute; left: 72px; top: 0px; cursor: pointer" onclick="HeadOpen()">
|
|
<div id="HeadSelector" style="background-color:#80bbdb;height:44px;width:44px;"></div>
|
|
</div>
|
|
<div style="position: absolute; left: 0px; top: 52px; cursor: pointer" onclick="RightArmOpen()">
|
|
<div id="RightArmSelector" style="background-color:#80bbdb;height:88px;width:40px;"></div>
|
|
</div>
|
|
<div style="position: absolute; left: 48px; top: 52px; cursor: pointer" onclick="TorsoOpen()">
|
|
<div id="TorsoSelector" style="background-color:#111111;height:88px;width:88px;"></div>
|
|
</div>
|
|
<div style="position: absolute; left: 144px; top: 52px; cursor: pointer" onclick="LeftArmOpen()">
|
|
<div id="LeftArmSelector" style="background-color:#80bbdb;height:88px;width:40px;"></div>
|
|
</div>
|
|
<div style="position: absolute; left: 48px; top: 146px; cursor: pointer" onclick="RightLegOpen()">
|
|
<div id="RightLegSelector" style="background-color:#111111;height:88px;width:40px;"></div>
|
|
</div>
|
|
<div style="position: absolute; left: 96px; top: 146px; cursor: pointer" onclick="LeftLegOpen()">
|
|
<div id="LeftLegSelector" style="background-color:#111111;height:88px;width:40px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="avatarright" style="width: 69%;">
|
|
<div class="wardrobecontainer">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection |