tractatus/public/docs-viewer.html
TheFlow 09f706c51b feat: fix documentation system - cards, PDFs, TOC, and navigation
- Fixed download icon size (1.25rem instead of huge black icons)
- Uploaded all 12 PDFs to production server
- Restored table of contents rendering for all documents
- Fixed modal cards with proper CSS and event handlers
- Replaced all docs-viewer.html links with docs.html
- Added nginx redirect from /docs/* to /docs.html
- Fixed duplicate headers in modal sections
- Improved cache-busting with timestamp versioning

All documentation features now working correctly:
 Card-based document viewer with modals
 PDF downloads with proper icons
 Table of contents navigation
 Consistent URL structure

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-07 22:51:55 +13:00

65 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documentation - Tractatus Framework</title>
<link rel="stylesheet" href="/css/tailwind.css?v=1759830448">
<style>
/* Prose styling for document content */
.prose h1 { @apply text-3xl font-bold mt-8 mb-4 text-gray-900; }
.prose h2 { @apply text-2xl font-bold mt-6 mb-3 text-gray-900; }
.prose h3 { @apply text-xl font-semibold mt-4 mb-2 text-gray-800; }
.prose p { @apply my-4 text-gray-700 leading-relaxed; }
.prose ul { @apply my-4 list-disc list-inside text-gray-700; }
.prose ol { @apply my-4 list-decimal list-inside text-gray-700; }
.prose code { @apply bg-gray-100 px-1 py-0.5 rounded text-sm font-mono text-red-600; }
.prose pre { @apply bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto my-4; }
.prose pre code { @apply bg-transparent text-gray-100 p-0; }
.prose a { @apply text-blue-600 hover:text-blue-700 underline; }
.prose blockquote { @apply border-l-4 border-blue-500 pl-4 italic text-gray-600 my-4; }
.prose strong { @apply font-semibold text-gray-900; }
.prose em { @apply italic; }
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white border-b border-gray-200 sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="/" class="text-xl font-bold text-gray-900">Tractatus Framework</a>
</div>
<div class="flex items-center space-x-6">
<a href="/docs.html" class="text-gray-700 hover:text-gray-900">Documentation</a>
<a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
</div>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="flex">
<!-- Sidebar -->
<aside class="w-64 bg-white border-r border-gray-200 min-h-screen p-6">
<h2 class="text-sm font-semibold text-gray-900 uppercase mb-4">Framework Docs</h2>
<nav id="doc-navigation" class="space-y-2">
<!-- Will be populated by JavaScript -->
</nav>
</aside>
<!-- Document Viewer -->
<main class="flex-1">
<div id="document-viewer"></div>
</main>
</div>
<!-- Scripts -->
<script src="/js/utils/api.js?v=1759830448"></script>
<script src="/js/utils/router.js?v=1759830448"></script>
<script src="/js/components/document-viewer.js?v=1759830448"></script>
<script src="/js/docs-viewer-app.js?v=1759830448"></script>
</body>
</html>