27192dd69f
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.
40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>STEAM Security · Home 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(14,165,233,0.2); 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="HomePrimitives.jsx"></script>
|
|
<script type="text/babel" src="HomePage.jsx"></script>
|
|
<script type="text/babel" src="KitDocs.jsx"></script>
|
|
|
|
<script type="text/babel">
|
|
const { HKitDocs } = window.HOME_DOCS;
|
|
function App() {
|
|
return (
|
|
<main data-screen-label="Home Kit">
|
|
<HKitDocs />
|
|
</main>
|
|
);
|
|
}
|
|
ReactDOM.createRoot(document.getElementById('root')).render(<App />);
|
|
</script>
|
|
</body>
|
|
</html>
|