Frontend redesign in progress: updated styles, layout, and components across all pages to align with new design system. Includes Jira API compliance specs, property tests, and load test script.
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>
|