Assessor_2.0/tests/engine-outline-preview.html

17 lines
1.0 KiB
HTML

<!doctype html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Synthetic engine outline preview</title></head>
<body><p>Synthetic architecture preview · no customer data</p><button class="btn" id="theme">Switch theme</button><div id="root"></div>
<script type="module">
import React from 'react';
import { createRoot } from 'react-dom/client';
import '@fontsource-variable/inter/wght.css';
import '/src/styles/layers.css';
import '/src/styles/ui-tokens.css';
import '/src/styles/tokens.css';
import '/src/styles/base.css';
import '/src/styles/components.css';
import '/src/styles/datahub.css';
import { EngineDataFlow } from '/src/features/db-structure/EngineDataFlow.tsx';
createRoot(document.getElementById('root')).render(React.createElement(EngineDataFlow));
document.getElementById('theme').onclick = () => { document.documentElement.dataset.theme = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark'; };
</script></body></html>