Jonathan Hvid
547515061c
Adds a new standalone /deepdive page with its own platform.css/platform.js, wires it into the dot-nav as an external entry, and updates the dot-nav docblock to reflect the new seven-entry layout. Also drops in BUSINESS.md and reference material under architecture boxes/ and examples/. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
41 lines
1.6 KiB
HTML
41 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Fenja architecture diagram — reference</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<link rel="stylesheet" href="colors_and_type.css" />
|
|
<style>
|
|
html, body { height: 100%; margin: 0; background: var(--surface); }
|
|
body { font-family: var(--font-sans); }
|
|
.wrap {
|
|
max-width: 760px;
|
|
margin: 40px auto;
|
|
padding: 24px;
|
|
}
|
|
.note {
|
|
font-family: var(--font-serif);
|
|
font-style: italic;
|
|
font-size: 13px;
|
|
color: var(--on-surface-muted);
|
|
text-align: center;
|
|
margin-bottom: 24px;
|
|
}
|
|
</style>
|
|
<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>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="note">Reference rendering — implement in your codebase, do not ship this HTML.</div>
|
|
<div id="root"></div>
|
|
</div>
|
|
|
|
<script type="text/babel" src="approach-fenja.jsx"></script>
|
|
<script type="text/babel" data-presets="react">
|
|
const Fenja = window.FenjaArchitecture;
|
|
ReactDOM.createRoot(document.getElementById('root')).render(<Fenja />);
|
|
</script>
|
|
</body>
|
|
</html>
|