Spaces:

garywelz
/

glmp

Running

App Files Files Community

garywelz commited on Aug 16, 2025

Commit

affcea3

verified ·

1 Parent(s): ffb5d30

Upload biological_computing_overview.html

Browse files

Files changed (1) hide show

biological_computing_overview.html +351 -1

biological_computing_overview.html CHANGED Viewed

	@@ -1 +1,351 @@
1	- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Biological Computing Systems: Complete Overview</title> <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; margin: 0; padding: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } .container { max-width: 1400px; margin: 0 auto; background: white; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; } .header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 3rem; text-align: center; } .header h1 { margin: 0; font-size: 3rem; font-weight: 300; } .content { padding: 2rem; } .intro { background: #f8f9fa; padding: 2rem; border-radius: 8px; margin-bottom: 2rem; } .collection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .collection-card { background: #f8f9fa; padding: 1.5rem; border-radius: 8px; border-left: 4px solid #007bff; transition: transform 0.2s; } .collection-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .collection-card h3 { color: #495057; margin-bottom: 1rem; } .collection-card a { color: #007bff; text-decoration: none; font-weight: 500; } .collection-card a:hover { text-decoration: underline; } .stats-section { background: #e9ecef; padding: 2rem; border-radius: 8px; margin: 2rem 0; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 1rem; } .stat-item { background: white; padding: 1rem; border-radius: 6px; text-align: center; } .stat-number { font-size: 2rem; font-weight: bold; color: #007bff; } .concepts-section { background: #f8f9fa; padding: 2rem; border-radius: 8px; margin: 2rem 0; } .concepts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1rem; } .concept-item { background: white; padding: 1rem; border-radius: 6px; border-left: 3px solid #28a745; } .footer { background: #f8f9fa; padding: 2rem; text-align: center; border-top: 1px solid #dee2e6; margin-top: 2rem; } .highlight { background: #d1ecf1; padding: 1rem; border-left: 4px solid #17a2b8; margin: 1rem 0; } </style> </head> <body> <div class="container"> <div class="header"> <h1>🧬 Biological Computing Systems</h1> <p>Complete Overview of Computational Biology Collections</p> <p><em>From Cellular Processes to Advanced Biological Logic</em></p> </div> <div class="content"> <div class="intro"> <h2>The Universal Computational Nature of Biology</h2> <p>This comprehensive collection demonstrates that <strong>computation is fundamental to all biological systems</strong>. From individual cellular processes to complex developmental programs, from viral decision circuits to circadian clocks, biology implements sophisticated computational logic at every level of organization.</p> <div class="highlight"> <strong>Revolutionary Insight:</strong> The Programming Framework methodology reveals that biological systems are not merely analogous to computers - they ARE computers, implementing algorithms, logic gates, decision trees, temporal programs, and optimization systems through molecular interactions. </div> </div> <div class="stats-section"> <h2>📊 Collection Statistics</h2> <div class="stats-grid"> <div class="stat-item"> <div class="stat-number">297</div> <div>Total Processes</div> </div> <div class="stat-item"> <div class="stat-number">36</div> <div>Individual Collections</div> </div> <div class="stat-item"> <div class="stat-number">6</div> <div>Kingdoms/Systems</div> </div> <div class="stat-item"> <div class="stat-number">100%</div> <div>Programming Framework</div> </div> </div> </div> <h2>🏛️ Complete Collections</h2> <div class="collection-grid"> <!-- Cellular Process Collections --> <div class="collection-card"> <h3>🧬 Yeast Cellular Processes</h3> <p><strong>110 processes across 15 batch files</strong></p> <p>Comprehensive eukaryotic cellular programming system demonstrating sophisticated computational architecture.</p> <ul> <li><a href="yeast_110_processes_comprehensive.html">Complete Collection</a></li> <li><a href="Yeast_Processes_as_Programs.html">Featured Analysis</a></li> <li>Individual batch files: DNA replication, cell cycle, protein synthesis, signal transduction, energy metabolism, and more</li> </ul> </div> <div class="collection-card"> <h3>🦠 E. coli Cellular Processes</h3> <p><strong>125 processes across 15 batch files</strong></p> <p>Complete bacterial cellular programming system covering all major prokaryotic computational systems.</p> <ul> <li><a href="ecoli_10_processes.html">Featured Processes</a></li> <li>Individual batch files: DNA replication, cell division, gene regulation, metabolism, stress response, and communication</li> </ul> </div> <!-- Viral Computing Systems --> <div class="collection-card"> <h3>🦠 Phage λ Decision Switch</h3> <p><strong>10 decision logic processes</strong></p> <p>The paradigm of biological binary decision-making implementing bistable switches and competitive inhibition.</p> <ul> <li><a href="phage_lambda_decision_switch.html">Complete Analysis</a></li> <li>CII stabilization, CI auto-regulation, Cro antagonism, decision thresholding, lysogeny maintenance</li> </ul> </div> <div class="collection-card"> <h3>⏰ T7 Phage Time Cascade</h3> <p><strong>10 temporal programming processes</strong></p> <p>Sophisticated temporal programming with precisely ordered gene expression and genetic timers.</p> <ul> <li><a href="phage_t7_time_cascade.html">Complete Analysis</a></li> <li>Host takeover, T7 RNAP expression, class II/III promoters, replication timing, lysis execution</li> </ul> </div> <!-- Developmental Programming --> <div class="collection-card"> <h3>🧬 B. subtilis Sporulation</h3> <p><strong>10 developmental programming processes</strong></p> <p>Sophisticated environmental decision-making and developmental cascade programming.</p> <ul> <li><a href="b_subtilis_sporulation.html">Complete Analysis</a></li> <li>Spo0A phosphorelay, sigma cascades, cell-cell signaling, engulfment checkpoints, spore maturation</li> </ul> </div> <!-- Biological Clocks --> <div class="collection-card"> <h3>⏰ KaiABC Circadian Clock</h3> <p><strong>10 biochemical oscillator processes</strong></p> <p>The paradigm of biological temporal computing with autonomous oscillation and temperature compensation.</p> <ul> <li><a href="kaiabc_circadian_clock.html">Complete Analysis</a></li> <li>KaiC ATPase cycle, KaiA activation, KaiB sequestration, ordered phosphorylation, entrainment logic</li> </ul> </div> <div class="collection-card"> <h3>🌙 Neurospora Circadian Clock</h3> <p><strong>10 eukaryotic temporal processes</strong></p> <p>Eukaryotic transcriptional oscillator with light input and temperature compensation.</p> <ul> <li><a href="neurospora_circadian_clock.html">Complete Analysis</a></li> <li>WCC light activation, frq transcription, FRQ phosphorylation, interlocked loops, photoadaptation</li> </ul> </div> <!-- Energy Conversion --> <div class="collection-card"> <h3>🌱 Photosynthesis Energy System</h3> <p><strong>12 energy conversion processes</strong></p> <p>Nature's most sophisticated energy conversion system demonstrating biological optimization.</p> <ul> <li><a href="photosynthesis_light_energy_conversion.html">Complete Analysis</a></li> <li>Light harvesting, photosystems I & II, electron transport, ATP synthesis, Calvin cycle, energy balance</li> </ul> </div> <!-- Foundational Theory --> <div class="collection-card"> <h3>📚 Foundational Theory</h3> <p><strong>Genome-as-Computer-Program Thesis</strong></p> <p>The theoretical framework establishing computational thinking in biology from 1995 to present.</p> <ul> <li><a href="index.html">Complete Paper</a></li> <li>Historical development, β-galactosidase evolution, theoretical foundations, AI-assisted analysis</li> </ul> </div> </div> <div class="concepts-section"> <h2>💡 Computational Concepts Demonstrated</h2> <div class="concepts-grid"> <div class="concept-item"> <strong>Decision Logic</strong><br> Binary switches, bistable systems, competitive inhibition, threshold detection </div> <div class="concept-item"> <strong>Temporal Programming</strong><br> Genetic timers, scheduled execution, temporal cascades, oscillatory circuits </div> <div class="concept-item"> <strong>Developmental Programs</strong><br> State machines, cell fate specification, morphogenetic programs, commitment switches </div> <div class="concept-item"> <strong>Environmental Computing</strong><br> Sensor networks, signal integration, adaptive responses, environmental tracking </div> <div class="concept-item"> <strong>Energy Optimization</strong><br> Efficiency algorithms, resource allocation, metabolic control, energy conversion </div> <div class="concept-item"> <strong>Information Processing</strong><br> Signal transduction, noise filtering, amplification, memory storage </div> <div class="concept-item"> <strong>Quality Control</strong><br> Error detection, checkpoint systems, repair mechanisms, system maintenance </div> <div class="concept-item"> <strong>Network Architecture</strong><br> Feedback loops, feed-forward circuits, modular design, distributed control </div> </div> </div> <div class="intro"> <h2>🔬 Scientific Impact</h2> <p>This collection represents a paradigm shift in our understanding of biological systems. By systematically applying the Programming Framework methodology across 297 biological processes, we have demonstrated that:</p> <ul> <li><strong>Biology IS computation</strong> - not just analogous to it</li> <li><strong>Universal computational patterns</strong> exist across all kingdoms of life</li> <li><strong>Complex behaviors emerge</strong> from well-defined algorithmic processes</li> <li><strong>Engineering principles</strong> can be directly applied to biological systems</li> <li><strong>Predictive models</strong> can be built from computational logic</li> </ul> <div class="highlight"> <strong>Innovation Achievement:</strong> This work demonstrates how individual researchers, working with AI tools, can make significant contributions to our understanding of life's computational nature - representing a new era in computational biology research. </div> </div> <div class="footer"> <p><strong>Generated using the Programming Framework methodology</strong></p> <p>This overview demonstrates the universal computational nature of biological systems across viral, bacterial, and eukaryotic kingdoms, from cellular processes to advanced biological logic systems.</p> <p><em>Biological Computing Systems: Evidence for the computational nature of life</em></p> </div> </div> </div> <script> mermaid.initialize({ startOnLoad: true, theme: 'default', flowchart: { useMaxWidth: false, htmlLabels: true, curve: 'linear', nodeSpacing: 30, rankSpacing: 40, padding: 10 }, themeVariables: { fontFamily: 'Arial, sans-serif', fontSize: '14px', primaryColor: '#ff6b6b', lineColor: '#333333', secondaryColor: '#feca57', tertiaryColor: '#4ecdc4' } }); </script> </body> </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Biological Computing Systems: Complete Overview</title>
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 0;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+        }
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+            background: white;
+            box-shadow: 0 0 20px rgba(0,0,0,0.1);
+            border-radius: 10px;
+            overflow: hidden;
+        }
+        .header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 3rem;
+            text-align: center;
+        }
+        .header h1 {
+            margin: 0;
+            font-size: 3rem;
+            font-weight: 300;
+        }
+        .content {
+            padding: 2rem;
+        }
+        .intro {
+            background: #f8f9fa;
+            padding: 2rem;
+            border-radius: 8px;
+            margin-bottom: 2rem;
+        }
+        .collection-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+            gap: 1.5rem;
+            margin: 2rem 0;
+        }
+        .collection-card {
+            background: #f8f9fa;
+            padding: 1.5rem;
+            border-radius: 8px;
+            border-left: 4px solid #007bff;
+            transition: transform 0.2s;
+        }
+        .collection-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+        }
+        .collection-card h3 {
+            color: #495057;
+            margin-bottom: 1rem;
+        }
+        .collection-card a {
+            color: #007bff;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        .collection-card a:hover {
+            text-decoration: underline;
+        }
+        .stats-section {
+            background: #e9ecef;
+            padding: 2rem;
+            border-radius: 8px;
+            margin: 2rem 0;
+        }
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 1rem;
+            margin-top: 1rem;
+        }
+        .stat-item {
+            background: white;
+            padding: 1rem;
+            border-radius: 6px;
+            text-align: center;
+        }
+        .stat-number {
+            font-size: 2rem;
+            font-weight: bold;
+            color: #007bff;
+        }
+        .concepts-section {
+            background: #f8f9fa;
+            padding: 2rem;
+            border-radius: 8px;
+            margin: 2rem 0;
+        }
+        .concepts-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 1rem;
+            margin-top: 1rem;
+        }
+        .concept-item {
+            background: white;
+            padding: 1rem;
+            border-radius: 6px;
+            border-left: 3px solid #28a745;
+        }
+        .footer {
+            background: #f8f9fa;
+            padding: 2rem;
+            text-align: center;
+            border-top: 1px solid #dee2e6;
+            margin-top: 2rem;
+        }
+        .highlight {
+            background: #d1ecf1;
+            padding: 1rem;
+            border-left: 4px solid #17a2b8;
+            margin: 1rem 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>🧬 Biological Computing Systems</h1>
+            <p>Complete Overview of Computational Biology Collections</p>
+            <p><em>From Cellular Processes to Advanced Biological Logic</em></p>
+        </div>
+        <div class="content">
+            <div class="intro">
+                <h2>The Universal Computational Nature of Biology</h2>
+                <p>This comprehensive collection demonstrates that <strong>computation is fundamental to all biological systems</strong>. From individual cellular processes to complex developmental programs, from viral decision circuits to circadian clocks, biology implements sophisticated computational logic at every level of organization.</p>
+                <div class="highlight">
+                    <strong>Revolutionary Insight:</strong> The Programming Framework methodology reveals that biological systems are not merely analogous to computers - they ARE computers, implementing algorithms, logic gates, decision trees, temporal programs, and optimization systems through molecular interactions.
+                </div>
+            </div>
+            <div class="stats-section">
+                <h2>📊 Collection Statistics</h2>
+                <div class="stats-grid">
+                    <div class="stat-item">
+                        <div class="stat-number">297</div>
+                        <div>Total Processes</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">36</div>
+                        <div>Individual Collections</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">6</div>
+                        <div>Kingdoms/Systems</div>
+                    </div>
+                    <div class="stat-item">
+                        <div class="stat-number">100%</div>
+                        <div>Programming Framework</div>
+                    </div>
+                </div>
+            </div>
+            <h2>🏛️ Complete Collections</h2>
+            <div class="collection-grid">
+                <!-- Cellular Process Collections -->
+                <div class="collection-card">
+                    <h3>🧬 Yeast Cellular Processes</h3>
+                    <p><strong>110 processes across 15 batch files</strong></p>
+                    <p>Comprehensive eukaryotic cellular programming system demonstrating sophisticated computational architecture.</p>
+                    <ul>
+                        <li><a href="yeast_110_processes_comprehensive.html">Complete Collection</a></li>
+                        <li><a href="Yeast_Processes_as_Programs.html">Featured Analysis</a></li>
+                        <li>Individual batch files: DNA replication, cell cycle, protein synthesis, signal transduction, energy metabolism, and more</li>
+                    </ul>
+                </div>
+                <div class="collection-card">
+                    <h3>🦠 E. coli Cellular Processes</h3>
+                    <p><strong>125 processes across 15 batch files</strong></p>
+                    <p>Complete bacterial cellular programming system covering all major prokaryotic computational systems.</p>
+                    <ul>
+                        <li><a href="ecoli_10_processes.html">Featured Processes</a></li>
+                        <li>Individual batch files: DNA replication, cell division, gene regulation, metabolism, stress response, and communication</li>
+                    </ul>
+                </div>
+                <!-- Viral Computing Systems -->
+                <div class="collection-card">
+                    <h3>🦠 Phage λ Decision Switch</h3>
+                    <p><strong>10 decision logic processes</strong></p>
+                    <p>The paradigm of biological binary decision-making implementing bistable switches and competitive inhibition.</p>
+                    <ul>
+                        <li><a href="phage_lambda_decision_switch.html">Complete Analysis</a></li>
+                        <li>CII stabilization, CI auto-regulation, Cro antagonism, decision thresholding, lysogeny maintenance</li>
+                    </ul>
+                </div>
+                <div class="collection-card">
+                    <h3>⏰ T7 Phage Time Cascade</h3>
+                    <p><strong>10 temporal programming processes</strong></p>
+                    <p>Sophisticated temporal programming with precisely ordered gene expression and genetic timers.</p>
+                    <ul>
+                        <li><a href="phage_t7_time_cascade.html">Complete Analysis</a></li>
+                        <li>Host takeover, T7 RNAP expression, class II/III promoters, replication timing, lysis execution</li>
+                    </ul>
+                </div>
+                <!-- Developmental Programming -->
+                <div class="collection-card">
+                    <h3>🧬 B. subtilis Sporulation</h3>
+                    <p><strong>10 developmental programming processes</strong></p>
+                    <p>Sophisticated environmental decision-making and developmental cascade programming.</p>
+                    <ul>
+                        <li><a href="b_subtilis_sporulation.html">Complete Analysis</a></li>
+                        <li>Spo0A phosphorelay, sigma cascades, cell-cell signaling, engulfment checkpoints, spore maturation</li>
+                    </ul>
+                </div>
+                <!-- Biological Clocks -->
+                <div class="collection-card">
+                    <h3>⏰ KaiABC Circadian Clock</h3>
+                    <p><strong>10 biochemical oscillator processes</strong></p>
+                    <p>The paradigm of biological temporal computing with autonomous oscillation and temperature compensation.</p>
+                    <ul>
+                        <li><a href="kaiabc_circadian_clock.html">Complete Analysis</a></li>
+                        <li>KaiC ATPase cycle, KaiA activation, KaiB sequestration, ordered phosphorylation, entrainment logic</li>
+                    </ul>
+                </div>
+                <div class="collection-card">
+                    <h3>🌙 Neurospora Circadian Clock</h3>
+                    <p><strong>10 eukaryotic temporal processes</strong></p>
+                    <p>Eukaryotic transcriptional oscillator with light input and temperature compensation.</p>
+                    <ul>
+                        <li><a href="neurospora_circadian_clock.html">Complete Analysis</a></li>
+                        <li>WCC light activation, frq transcription, FRQ phosphorylation, interlocked loops, photoadaptation</li>
+                    </ul>
+                </div>
+                <!-- Energy Conversion -->
+                <div class="collection-card">
+                    <h3>🌱 Photosynthesis Energy System</h3>
+                    <p><strong>12 energy conversion processes</strong></p>
+                    <p>Nature's most sophisticated energy conversion system demonstrating biological optimization.</p>
+                    <ul>
+                        <li><a href="photosynthesis_light_energy_conversion.html">Complete Analysis</a></li>
+                        <li>Light harvesting, photosystems I & II, electron transport, ATP synthesis, Calvin cycle, energy balance</li>
+                    </ul>
+                </div>
+                <!-- Foundational Theory -->
+                <div class="collection-card">
+                    <h3>📚 Foundational Theory</h3>
+                    <p><strong>Genome-as-Computer-Program Thesis</strong></p>
+                    <p>The theoretical framework establishing computational thinking in biology from 1995 to present.</p>
+                    <ul>
+                        <li><a href="index.html">Complete Paper</a></li>
+                        <li>Historical development, β-galactosidase evolution, theoretical foundations, AI-assisted analysis</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="concepts-section">
+                <h2>💡 Computational Concepts Demonstrated</h2>
+                <div class="concepts-grid">
+                    <div class="concept-item">
+                        <strong>Decision Logic</strong><br>
+                        Binary switches, bistable systems, competitive inhibition, threshold detection
+                    </div>
+                    <div class="concept-item">
+                        <strong>Temporal Programming</strong><br>
+                        Genetic timers, scheduled execution, temporal cascades, oscillatory circuits
+                    </div>
+                    <div class="concept-item">
+                        <strong>Developmental Programs</strong><br>
+                        State machines, cell fate specification, morphogenetic programs, commitment switches
+                    </div>
+                    <div class="concept-item">
+                        <strong>Environmental Computing</strong><br>
+                        Sensor networks, signal integration, adaptive responses, environmental tracking
+                    </div>
+                    <div class="concept-item">
+                        <strong>Energy Optimization</strong><br>
+                        Efficiency algorithms, resource allocation, metabolic control, energy conversion
+                    </div>
+                    <div class="concept-item">
+                        <strong>Information Processing</strong><br>
+                        Signal transduction, noise filtering, amplification, memory storage
+                    </div>
+                    <div class="concept-item">
+                        <strong>Quality Control</strong><br>
+                        Error detection, checkpoint systems, repair mechanisms, system maintenance
+                    </div>
+                    <div class="concept-item">
+                        <strong>Network Architecture</strong><br>
+                        Feedback loops, feed-forward circuits, modular design, distributed control
+                    </div>
+                </div>
+            </div>
+            <div class="intro">
+                <h2>🔬 Scientific Impact</h2>
+                <p>This collection represents a paradigm shift in our understanding of biological systems. By systematically applying the Programming Framework methodology across 297 biological processes, we have demonstrated that:</p>
+                <ul>
+                    <li><strong>Biology IS computation</strong> - not just analogous to it</li>
+                    <li><strong>Universal computational patterns</strong> exist across all kingdoms of life</li>
+                    <li><strong>Complex behaviors emerge</strong> from well-defined algorithmic processes</li>
+                    <li><strong>Engineering principles</strong> can be directly applied to biological systems</li>
+                    <li><strong>Predictive models</strong> can be built from computational logic</li>
+                </ul>
+                <div class="highlight">
+                    <strong>Innovation Achievement:</strong> This work demonstrates how individual researchers, working with AI tools, can make significant contributions to our understanding of life's computational nature - representing a new era in computational biology research.
+                </div>
+            </div>
+            <div class="footer">
+                <p><strong>Generated using the Programming Framework methodology</strong></p>
+                <p>This overview demonstrates the universal computational nature of biological systems across viral, bacterial, and eukaryotic kingdoms, from cellular processes to advanced biological logic systems.</p>
+                <p><em>Biological Computing Systems: Evidence for the computational nature of life</em></p>
+            </div>
+        </div>
+    </div>
+    <script>
+        mermaid.initialize({
+            startOnLoad: true,
+            theme: 'default',
+            flowchart: {
+                useMaxWidth: false,
+                htmlLabels: true,
+                curve: 'linear',
+                nodeSpacing: 30,
+                rankSpacing: 40,
+                padding: 10
+            },
+            themeVariables: {
+                fontFamily: 'Arial, sans-serif',
+                fontSize: '14px',
+                primaryColor: '#ff6b6b',
+                lineColor: '#333333',
+                secondaryColor: '#feca57',
+                tertiaryColor: '#4ecdc4'
+            }
+        });
+    </script>
+</body>
+</html>