Stu Leak
2b4a2038fa
- Add comprehensive JAV studios quick reference guide - Update documentation index with JAV reference - Add logo animation components and test files - Update CSS styling for cards, buttons, forms, and theme - Add utility scripts for configuration and import workflows - Update templates and UI components 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
64 lines
2.2 KiB
HTML
64 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Logo Animation Test</title>
|
|
<link rel="stylesheet" href="/static/css/goondex.css">
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="stylesheet" href="/static/css/logo-animation.css">
|
|
</head>
|
|
<body style="background: #1a1a1a; color: white; padding: 2rem;">
|
|
<h1>Goondex Logo Animation Test</h1>
|
|
|
|
<div style="margin: 2rem 0;">
|
|
<h2>Static Logo:</h2>
|
|
<div class="logo">
|
|
<img src="/static/img/logo/GOONDEX_Titty.svg" alt="Goondex" width="180" height="110">
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin: 2rem 0;">
|
|
<h2>Animated Logo:</h2>
|
|
<div class="logo">
|
|
<img id="animated-logo" src="/static/img/logo/GOONDEX_Titty.svg" alt="Goondex" width="180" height="110">
|
|
</div>
|
|
</div>
|
|
|
|
<div style="margin: 2rem 0;">
|
|
<button onclick="startAnimation()" style="background: #ff5fa2; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px; margin-right: 1rem;">Start Animation</button>
|
|
<button onclick="stopAnimation()" style="background: #666; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px;">Stop Animation</button>
|
|
</div>
|
|
|
|
<div style="margin: 2rem 0;">
|
|
<h2>Loader Test:</h2>
|
|
<button onclick="testLoader()" style="background: #ff5fa2; color: white; border: none; padding: 0.5rem 1rem; border-radius: 4px;">Test Loader (3 seconds)</button>
|
|
</div>
|
|
|
|
<script src="/static/js/logo-animation.js"></script>
|
|
<script src="/static/js/app.js"></script>
|
|
<script>
|
|
let animator = null;
|
|
|
|
function startAnimation() {
|
|
const logo = document.getElementById('animated-logo');
|
|
if (!animator) {
|
|
animator = new LogoAnimator();
|
|
animator.init(logo);
|
|
}
|
|
animator.startBounce();
|
|
}
|
|
|
|
function stopAnimation() {
|
|
if (animator) {
|
|
animator.stopBounce();
|
|
}
|
|
}
|
|
|
|
function testLoader() {
|
|
showLoader('Testing logo animation in loader...');
|
|
setTimeout(() => {
|
|
hideLoader();
|
|
}, 3000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |