overte/scripts/developer/characterSmoothing/ui/index.html
ArmoredDragon 2572ce5f01
Finalization
Refactored everything
New UI
2023-08-22 04:42:22 -05:00

43 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="theme.css" />
<link type="text/css" rel="stylesheet" href="index.css" />
</head>
<body>
<div id="target-list"></div>
<div class="horizontal-button-container">
<button class="generic" onclick="applySettings()">Apply</button>
<button id="toggle-button" class="bad" onclick="toggleSmoothing()">
Disable
</button>
</div>
</body>
<template id="target-template">
<div data-name="[BONE/TARGET NAME]" class="container color-primary">
<div class="container-header color-secondary">
[BONE/TARGET NAME PRETTY]
</div>
<div class="content">
<div class="type" data-value="rotation">
<span class="header">Rotation</span>
<input type="range" min="1" max="100" value="100" />
<span class="type-value">[VALUE % PRETTY]</span>
</div>
<div class="type" data-value="transform">
<span class="header">Transform</span>
<input type="range" min="1" max="100" value="100" />
<span class="type-value">[VALUE % PRETTY]</span>
</div>
</div>
</div>
</template>
<script src="./index.js"></script>
</html>