31 lines
1.6 KiB
HTML
31 lines
1.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>STEAM Security · Compliance UI Kit</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<link rel="stylesheet" href="../../colors_and_type.css" />
|
||
|
|
<style>
|
||
|
|
body { margin: 0; min-height: 100vh; }
|
||
|
|
.page-bg { min-height: 100vh; background: var(--bg-page); }
|
||
|
|
:target { scroll-margin-top: 120px; }
|
||
|
|
.sample-frame::-webkit-scrollbar { width: 6px; height: 6px; }
|
||
|
|
.sample-frame::-webkit-scrollbar-thumb { background: rgba(20,184,166,0.25); border-radius: 4px; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="root" class="page-bg"></div>
|
||
|
|
<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" integrity="sha384-hD6/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu/6onKUg4lLsHAs9EBPT82L" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" integrity="sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js" integrity="sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y" crossorigin="anonymous"></script>
|
||
|
|
<script type="text/babel" src="CompPrimitives.jsx"></script>
|
||
|
|
<script type="text/babel" src="CompliancePage.jsx"></script>
|
||
|
|
<script type="text/babel" src="KitDocs.jsx"></script>
|
||
|
|
<script type="text/babel">
|
||
|
|
const { CKitDocs } = window.COMP_DOCS;
|
||
|
|
function App() { return <main data-screen-label="Compliance Kit"><CKitDocs /></main>; }
|
||
|
|
ReactDOM.createRoot(document.getElementById('root')).render(<App />);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|