65 lines
2.3 KiB
HTML
65 lines
2.3 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Chemical Library Docs</title>
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<style>
|
||
|
|
/* Custom scrollbar for better aesthetics */
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: #2d3748; /* dark-gray-800 */
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: #4a5568; /* dark-gray-600 */
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
::-webkit-scrollbar-thumb:hover {
|
||
|
|
background: #718096; /* dark-gray-500 */
|
||
|
|
}
|
||
|
|
/* PrismJS okaidia theme adaptations */
|
||
|
|
pre[class*="language-"] {
|
||
|
|
background: #2d2d2d;
|
||
|
|
color: #f8f8f2;
|
||
|
|
border-radius: 0.375rem; /* rounded-md */
|
||
|
|
padding: 1rem;
|
||
|
|
overflow: auto;
|
||
|
|
font-family: 'Courier New', Courier, monospace;
|
||
|
|
font-size: 0.875rem; /* text-sm */
|
||
|
|
}
|
||
|
|
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #6272a4; }
|
||
|
|
.token.punctuation { color: #f8f8f2; }
|
||
|
|
.token.namespace { opacity: .7; }
|
||
|
|
.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #ff79c6; }
|
||
|
|
.token.boolean, .token.number { color: #bd93f9; }
|
||
|
|
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #50fa7b; }
|
||
|
|
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #f8f8f2; }
|
||
|
|
.token.atrule, .token.attr-value, .token.function, .token.class-name { color: #8be9fd; }
|
||
|
|
.token.keyword { color: #ff79c6; }
|
||
|
|
.token.regex, .token.important { color: #ffb86c; }
|
||
|
|
.token.important, .token.bold { font-weight: bold; }
|
||
|
|
.token.italic { font-style: italic; }
|
||
|
|
.token.entity { cursor: help; }
|
||
|
|
</style>
|
||
|
|
<script type="importmap">
|
||
|
|
{
|
||
|
|
"imports": {
|
||
|
|
"react": "https://esm.sh/react@^19.0.0",
|
||
|
|
"react-dom/": "https://esm.sh/react-dom@^19.0.0/",
|
||
|
|
"react/": "https://esm.sh/react@^19.0.0/",
|
||
|
|
"react-router-dom": "https://esm.sh/react-router-dom@6.22.3"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<link rel="stylesheet" href="/index.css">
|
||
|
|
</head>
|
||
|
|
<body class="bg-gray-900 text-gray-100">
|
||
|
|
<div id="root"></div>
|
||
|
|
<script type="module" src="/index.tsx"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|