Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>WHITEPAPER | Structured Whitepaper Generation</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%); | |
| } | |
| .template-card:hover { | |
| transform: translateY(-4px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .language-column { | |
| border-right: 1px solid #e5e7eb; | |
| } | |
| .language-column:last-child { | |
| border-right: none; | |
| } | |
| .cli-command { | |
| font-family: 'Menlo', 'Monaco', 'Courier New', monospace; | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Header --> | |
| <header class="sticky top-0 z-50 bg-white border-b border-gray-200"> | |
| <div class="container mx-auto px-6 py-4"> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center"> | |
| <div class="text-2xl font-bold text-gray-900">WHITEPAPER</div> | |
| <nav class="hidden md:flex ml-12 space-x-8"> | |
| <a href="#features" class="text-gray-600 hover:text-gray-900">Features</a> | |
| <a href="#templates" class="text-gray-600 hover:text-gray-900">Templates</a> | |
| <a href="#workflow" class="text-gray-600 hover:text-gray-900">Workflow</a> | |
| <a href="#output" class="text-gray-600 hover:text-gray-900">Output</a> | |
| </nav> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="#" class="text-gray-600 hover:text-gray-900">Sign In</a> | |
| <a href="#cta" class="px-4 py-2 bg-gray-900 text-white rounded-md hover:bg-gray-800 transition">Start Writing</a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg"> | |
| <div class="container mx-auto px-6 py-20 md:py-32"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Professional Whitepapers,<br>Structured Like Code</h1> | |
| <p class="text-xl text-gray-600 mb-8">A structured, template-driven system for generating professional whitepapers with deterministic builds and AI-assisted workflows.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#cta" class="px-6 py-3 bg-gray-900 text-white rounded-md hover:bg-gray-800 transition">Start Writing</a> | |
| <a href="#templates" class="px-6 py-3 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition">Browse Templates</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200"> | |
| <div class="p-4 border-b border-gray-200 bg-gray-50 flex items-center"> | |
| <div class="flex space-x-2"> | |
| <div class="w-3 h-3 rounded-full bg-red-500"></div> | |
| <div class="w-3 h-3 rounded-full bg-yellow-500"></div> | |
| <div class="w-3 h-3 rounded-full bg-green-500"></div> | |
| </div> | |
| <div class="ml-4 text-sm text-gray-500">Select Template</div> | |
| </div> | |
| <div class="p-6 grid grid-cols-2 gap-4"> | |
| <div class="p-4 border border-gray-200 rounded-lg hover:border-blue-500 cursor-pointer"> | |
| <div class="h-32 bg-blue-50 rounded mb-3"></div> | |
| <h3 class="font-medium">Academic Paper</h3> | |
| <p class="text-sm text-gray-500">IEEE/ACM format</p> | |
| </div> | |
| <div class="p-4 border border-gray-200 rounded-lg hover:border-blue-500 cursor-pointer"> | |
| <div class="h-32 bg-green-50 rounded mb-3"></div> | |
| <h3 class="font-medium">Policy Brief</h3> | |
| <p class="text-sm text-gray-500">Government style</p> | |
| </div> | |
| <div class="p-4 border border-gray-200 rounded-lg hover:border-blue-500 cursor-pointer"> | |
| <div class="h-32 bg-purple-50 rounded mb-3"></div> | |
| <h3 class="font-medium">Consulting Report</h3> | |
| <p class="text-sm text-gray-500">Strategy format</p> | |
| </div> | |
| <div class="p-4 border border-gray-200 rounded-lg hover:border-blue-500 cursor-pointer"> | |
| <div class="h-32 bg-yellow-50 rounded mb-3"></div> | |
| <h3 class="font-medium">Bilingual Doc</h3> | |
| <p class="text-sm text-gray-500">EN/CN layout</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Core Value Proposition --> | |
| <section id="features" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Documents as Structured Data</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">WHITEPAPER combines the rigor of code with the flexibility of document creation.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Template-Driven Generation</h3> | |
| <p class="text-gray-600">Start from professionally designed templates for academic papers, policy briefs, consulting reports, and more.</p> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Bilingual Document Support</h3> | |
| <p class="text-gray-600">Create side-by-side Chinese/English documents with AI-assisted translation and human verification workflows.</p> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">CLI + Web Workflow</h3> | |
| <p class="text-gray-600">Use our web editor or integrate with your existing workflow through our command-line interface.</p> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-yellow-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-yellow-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">AI-Assisted Writing</h3> | |
| <p class="text-gray-600">Enhance your writing with AI suggestions while maintaining full control over the final output.</p> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Multi-Format Export</h3> | |
| <p class="text-gray-600">Generate PDF, HTML, DOCX, and Markdown outputs from the same source document.</p> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition"> | |
| <div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /> | |
| </svg> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Version Control Friendly</h3> | |
| <p class="text-gray-600">Track changes, collaborate with teams, and maintain document history using Git or other VCS.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Template Library --> | |
| <section id="templates" class="py-20 gradient-bg"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Professional Templates</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Start from expertly designed templates for every use case.</p> | |
| </div> | |
| <!-- Academic Templates --> | |
| <div class="mb-12"> | |
| <h3 class="text-xl font-semibold mb-6 pb-2 border-b border-gray-200">Academic</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-blue-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">IEEE-Style Paper</h4> | |
| <p class="text-gray-600 text-sm mb-3">Formal academic paper format compliant with IEEE publication standards.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">two-column</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">references</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">abstract</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-green-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">ACM Article</h4> | |
| <p class="text-gray-600 text-sm mb-3">Clean format optimized for computer science and technical publications.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">single-column</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">code-blocks</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">figures</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-purple-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Springer Report</h4> | |
| <p class="text-gray-600 text-sm mb-3">Formal research report format suitable for Springer publications.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">structured</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">numbered-sections</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">appendix</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Research/Policy Templates --> | |
| <div class="mb-12"> | |
| <h3 class="text-xl font-semibold mb-6 pb-2 border-b border-gray-200">Research & Policy</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-yellow-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Working Paper</h4> | |
| <p class="text-gray-600 text-sm mb-3">Standard format for academic working papers and pre-publication drafts.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">draft</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">watermark</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">wide-margins</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-red-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Policy Brief</h4> | |
| <p class="text-gray-600 text-sm mb-3">Concise format for policy recommendations and executive summaries.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">executive-summary</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">key-points</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">action-items</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-indigo-50"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Economic Report</h4> | |
| <p class="text-gray-600 text-sm mb-3">Structured format for economic analysis with tables and charts.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">data-heavy</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">tables</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">charts</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Consulting Templates --> | |
| <div class="mb-12"> | |
| <h3 class="text-xl font-semibold mb-6 pb-2 border-b border-gray-200">Consulting</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-green-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Strategy Report</h4> | |
| <p class="text-gray-600 text-sm mb-3">Professional consulting format for strategic recommendations.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">executive</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">recommendations</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">appendix</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-blue-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Industry Analysis</h4> | |
| <p class="text-gray-600 text-sm mb-3">Comprehensive format for market and competitive analysis.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">market-data</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">swot</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">visual</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-purple-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Data Insights Report</h4> | |
| <p class="text-gray-600 text-sm mb-3">Format optimized for presenting data-driven insights and findings.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">data-vis</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">key-findings</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">methodology</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Proposal Templates --> | |
| <div> | |
| <h3 class="text-xl font-semibold mb-6 pb-2 border-b border-gray-200">Proposals</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-yellow-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Strategic Proposal</h4> | |
| <p class="text-gray-600 text-sm mb-3">Comprehensive business proposal with executive summary and ROI analysis.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">business-case</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">roi</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">timeline</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-red-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">RFP Response</h4> | |
| <p class="text-gray-600 text-sm mb-3">Structured format for responding to requests for proposals.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">compliance</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">q&a</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">requirements</span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="template-card bg-white rounded-lg overflow-hidden shadow-md border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-indigo-100"></div> | |
| <div class="p-6"> | |
| <h4 class="font-bold mb-2">Visual Proposal</h4> | |
| <p class="text-gray-600 text-sm mb-3">Design-forward proposal format with emphasis on visual storytelling.</p> | |
| <div class="flex flex-wrap gap-2"> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">visual</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">minimal-text</span> | |
| <span class="px-2 py-1 bg-gray-100 text-gray-700 text-xs rounded">branded</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bilingual Feature --> | |
| <section class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">Bilingual Whitepapers Made Simple</h2> | |
| <p class="text-lg text-gray-600 mb-6">Create professional documents in both Chinese and English with perfect alignment and consistent formatting.</p> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-gray-700">Side-by-side Chinese and English layout with perfect alignment</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-gray-700">AI-assisted translation with human verification workflow</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-gray-700">Maintain consistent formatting across both languages</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="flex-shrink-0 mt-1"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-gray-700">Ideal for international business, policy work, and academic collaboration</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200"> | |
| <div class="p-4 border-b border-gray-200 bg-gray-50 flex items-center"> | |
| <div class="text-sm font-medium text-gray-700">bilingual-report.md</div> | |
| </div> | |
| <div class="flex border-b border-gray-200"> | |
| <div class="w-1/2 language-column p-4 bg-gray-50"> | |
| <div class="text-xs text-gray-500 mb-2">Chinese (中文)</div> | |
| <div class="space-y-3"> | |
| <div class="h-4 bg-gray-200 rounded w-3/4"></div> | |
| <div class="h-4 bg-gray-200 rounded w-full"></div> | |
| <div class="h-4 bg-gray-200 rounded w-5/6"></div> | |
| <div class="h-4 bg-gray-200 rounded w-2/3"></div> | |
| <div class="h-4 bg-gray-200 rounded w-3/4"></div> | |
| </div> | |
| </div> | |
| <div class="w-1/2 language-column p-4"> | |
| <div class="text-xs text-gray-500 mb-2">English</div> | |
| <div class="space-y-3"> | |
| <div class="h-4 bg-gray-100 rounded w-3/4"></div> | |
| <div class="h-4 bg-gray-100 rounded w-full"></div> | |
| <div class="h-4 bg-gray-100 rounded w-5/6"></div> | |
| <div class="h-4 bg-gray-100 rounded w-2/3"></div> | |
| <div class="h-4 bg-gray-100 rounded w-3/4"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-1/2 language-column p-4 bg-gray-50"> | |
| <div class="space-y-3"> | |
| <div class="h-4 bg-gray-200 rounded w-full"></div> | |
| <div class="h-4 bg-gray-200 rounded w-5/6"></div> | |
| <div class="h-4 bg-gray-200 rounded w-3/4"></div> | |
| <div class="h-4 bg-gray-200 rounded w-2/3"></div> | |
| </div> | |
| </div> | |
| <div class="w-1/2 language-column p-4"> | |
| <div class="space-y-3"> | |
| <div class="h-4 bg-gray-100 rounded w-full"></div> | |
| <div class="h-4 bg-gray-100 rounded w-5/6"></div> | |
| <div class="h-4 bg-gray-100 rounded w-3/4"></div> | |
| <div class="h-4 bg-gray-100 rounded w-2/3"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="p-4 border-t border-gray-200 bg-gray-50 text-sm text-gray-500"> | |
| <div class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| AI-assisted translation available (human verification recommended) | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CLI Workflow --> | |
| <section id="workflow" class="py-20 gradient-bg"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <div class="bg-gray-900 rounded-lg overflow-hidden"> | |
| <div class="px-4 py-3 bg-gray-800 flex items-center"> | |
| <div class="flex space-x-2 mr-4"> | |
| <div class="w-3 h-3 rounded-full bg-red-500"></div> | |
| <div class="w-3 h-3 rounded-full bg-yellow-500"></div> | |
| <div class="w-3 h-3 rounded-full bg-green-500"></div> | |
| </div> | |
| <div class="text-sm text-gray-400">terminal</div> | |
| </div> | |
| <div class="p-6 text-gray-100 font-mono text-sm"> | |
| <div class="mb-4"> | |
| <span class="text-green-400">$</span> whitepaper init policy-brief.md | |
| </div> | |
| <div class="mb-4"> | |
| <span class="text-green-400">$</span> whitepaper add-section --title "Executive Summary" \ | |
| <div class="ml-8">--content "summary.md" --lang en,zh</div> | |
| </div> | |
| <div class="mb-4"> | |
| <span class="text-green-400">$</span> whitepaper add-data --file analysis.csv --chart bar | |
| </div> | |
| <div class="mb-4"> | |
| <span class="text-green-400">$</span> whitepaper translate --from en --to zh --verify | |
| </div> | |
| <div class="mb-4"> | |
| <span class="text-green-400">$</span> whitepaper build policy-brief.md \ | |
| <div class="ml-8">--template consulting --output policy-brief.pdf</div> | |
| </div> | |
| <div> | |
| <span class="text-green-400">$</span> <span class="text-gray-400"># Whitepaper compiled successfully</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 md:pl-12"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">Developer-Friendly Workflow</h2> | |
| <p class="text-lg text-gray-600 mb-8">Integrate WHITEPAPER into your existing workflow with our powerful command-line interface.</p> | |
| <div class="space-y-6"> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-2">Reproducible Builds</h3> | |
| <p class="text-gray-600">Generate identical outputs from the same inputs every time, just like compiling code.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-2">Version Control Integration</h3> | |
| <p class="text-gray-600">Track changes to your documents with Git or other version control systems.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-2">Automation Friendly</h3> | |
| <p class="text-gray-600">Script document generation and integrate with CI/CD pipelines for automated reporting.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-2">Markdown-Based</h3> | |
| <p class="text-gray-600">Write content in standard Markdown with front matter for metadata and structured data.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Sample Output --> | |
| <section id="output" class="py-20 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Professional Output Formats</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Generate polished documents ready for distribution or publication.</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8 mb-12"> | |
| <div class="p-6 border border-gray-200 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-red-500 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" /> | |
| </svg> | |
| <h3 class="text-xl font-semibold">PDF Whitepapers</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">High-quality PDF output with perfect typography, page breaks, and print-ready formatting.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Print-ready with CMYK color support</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Table of contents and page numbering</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Embedded fonts and vector graphics</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-500 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> | |
| </svg> | |
| <h3 class="text-xl font-semibold">DOCX (Microsoft Word)</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Fully formatted Word documents compatible with office workflows and editing.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Preserves all styles and formatting</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Editable tables and figures</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Compatible with track changes and comments</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="p-6 border border-gray-200 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-500 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /> | |
| </svg> | |
| <h3 class="text-xl font-semibold">HTML</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Clean, semantic HTML output for web publishing and digital distribution.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Responsive design for all devices</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Interactive elements and navigation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Custom CSS and theming support</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="p-6 border border-gray-200 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-yellow-500 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /> | |
| </svg> | |
| <h3 class="text-xl font-semibold">Markdown</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Clean Markdown source for version control, editing, and processing.</p> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Standard Markdown with front matter</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Compatible with all Markdown editors</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor"> | |
| <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" /> | |
| </svg> | |
| <span>Embedded structured data and metadata</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Final CTA --> | |
| <section id="cta" class="py-20 bg-gray-900 text-white"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Build Better Whitepapers?</h2> | |
| <p class="text-xl text-gray-300 max-w-2xl mx-auto mb-10">Join thousands of professionals who create better documents faster with WHITEPAPER.</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#" class="px-8 py-4 bg-white text-gray-900 font-medium rounded-lg hover:bg-gray-100 transition">Start Writing for Free</a> | |
| <a href="#" class="px-8 py-4 border border-gray-600 text-white font-medium rounded-lg hover:bg-gray-800 transition">Browse Templates</a> | |
| </div> | |
| <div class="mt-12 pt-8 border-t border-gray-800"> | |
| <h3 class="text-lg font-medium mb-4">Developers</h3> | |
| <div class="bg-gray-800 inline-block px-4 py-3 rounded-lg"> | |
| <code class="cli-command text-green-400">npm install -g whitepaper-cli</code> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-100 py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Product</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Features</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Templates</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Pricing</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">CLI</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Resources</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Documentation</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">API Reference</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Guides</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Blog</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Company</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">About</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Careers</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Legal</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Privacy</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Terms</a></li> | |
| <li><a href="#" class="text-gray-600 hover:text-gray-900">Security</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-200 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <div class="text-xl font-bold text-gray-900">WHITEPAPER</div> | |
| <p class="text-gray-600">Documents as structured data.</p> | |
| </div> | |
| <div class="text-gray-500 text-sm"> | |
| © 2023 Whitepaper Inc. All rights reserved. | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=alphonse86/whitepaper" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |