50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SonicForge Studio - Professional DAW Editor</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
|
<script src="https://unpkg.com/react@18.3.1/umd/react.production.min.js"></script>
|
|
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js"></script>
|
|
<script src="/static/js/services/api.js"></script>
|
|
<script src="/static/js/services/audioEngine.js"></script>
|
|
<script src="/static/js/services/storage.js"></script>
|
|
<script src="/static/js/app.precompiled.js" defer></script>
|
|
<style>
|
|
body {
|
|
background-color: #1a1a1a;
|
|
color: #c0c0c0;
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
}
|
|
.daw-bg { background-color: #1e1e1e; }
|
|
.daw-panel { background-color: #262626; }
|
|
.daw-header { background-color: #2e2e2e; }
|
|
.daw-border { border-color: #181818; }
|
|
.daw-track-active { background-color: #333333; }
|
|
::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
::-webkit-scrollbar-track { background: #141414; }
|
|
::-webkit-scrollbar-thumb { background: #3a3a3a; border: 2px solid #141414; border-radius: 4px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }
|
|
.knob-container { position: relative; width: 28px; height: 28px; }
|
|
.knob-dial { transform-origin: center; transition: transform 0.1s ease; }
|
|
.selection-interactive-box {
|
|
min-width: 4px;
|
|
}
|
|
.no-scrollbar {
|
|
scrollbar-width: none; /* Firefox */
|
|
-ms-overflow-style: none; /* IE 10+ */
|
|
}
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none; /* Safari and Chrome */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="h-screen w-screen flex flex-col">
|
|
<div id="root" class="h-full w-full flex flex-col"></div>
|
|
</body>
|
|
</html> |