| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>GLMP Biological Processes - Interactive Database</title> |
| | <style> |
| | body { |
| | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 'Arial Unicode MS', 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: 3rem; |
| | } |
| | .organism-section { |
| | margin: 3rem 0; |
| | padding: 2rem; |
| | background: #f8f9fa; |
| | border-radius: 10px; |
| | border-left: 5px solid #007bff; |
| | } |
| | .organism-title { |
| | font-size: 2rem; |
| | color: #495057; |
| | margin-bottom: 1rem; |
| | display: flex; |
| | align-items: center; |
| | gap: 1rem; |
| | } |
| | .batch-grid { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); |
| | gap: 1rem; |
| | margin-top: 1.5rem; |
| | } |
| | .batch-card { |
| | background: white; |
| | padding: 1.5rem; |
| | border-radius: 8px; |
| | box-shadow: 0 2px 10px rgba(0,0,0,0.1); |
| | border: 1px solid #dee2e6; |
| | transition: transform 0.2s; |
| | } |
| | .batch-card:hover { |
| | transform: translateY(-2px); |
| | box-shadow: 0 4px 20px rgba(0,0,0,0.15); |
| | } |
| | .batch-title { |
| | font-weight: 600; |
| | color: #007bff; |
| | text-decoration: none; |
| | font-size: 1.1rem; |
| | } |
| | .batch-title:hover { |
| | color: #0056b3; |
| | } |
| | .batch-description { |
| | color: #666; |
| | font-size: 0.9rem; |
| | margin-top: 0.5rem; |
| | } |
| | .process-count { |
| | color: #28a745; |
| | font-weight: 600; |
| | font-size: 0.85rem; |
| | margin-top: 0.5rem; |
| | } |
| | .stats { |
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
| | gap: 1rem; |
| | margin: 2rem 0; |
| | } |
| | .stat-card { |
| | background: white; |
| | padding: 1.5rem; |
| | border-radius: 8px; |
| | text-align: center; |
| | box-shadow: 0 2px 10px rgba(0,0,0,0.1); |
| | } |
| | .stat-number { |
| | font-size: 2.5rem; |
| | font-weight: bold; |
| | color: #007bff; |
| | } |
| | .stat-label { |
| | color: #666; |
| | font-size: 0.9rem; |
| | } |
| | .coming-soon { |
| | opacity: 0.6; |
| | background: #f1f3f4; |
| | } |
| | .footer { |
| | background: #495057; |
| | color: white; |
| | text-align: center; |
| | padding: 2rem; |
| | margin-top: 3rem; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <div class="header"> |
| | <h1>🧬 GLMP Biological Processes</h1> |
| | <p>Interactive Programming Framework Analysis</p> |
| | <div class="stats"> |
| | <div class="stat-card"> |
| | <div class="stat-number">732+</div> |
| | <div class="stat-label">Total Processes</div> |
| | </div> |
| | <div class="stat-card"> |
| | <div class="stat-number">38</div> |
| | <div class="stat-label">Organisms</div> |
| | </div> |
| | <div class="stat-card"> |
| | <div class="stat-number">5</div> |
| | <div class="stat-label">Detail Levels</div> |
| | </div> |
| | <div class="stat-card"> |
| | <div class="stat-number">∞</div> |
| | <div class="stat-label">Cross-Species Links</div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | <div class="content"> |
| | |
| | <div class="organism-section"> |
| | <div class="organism-title"> |
| | 🦠 <span>Escherichia coli</span> |
| | <span style="font-size: 1rem; color: #666;">(15 batches × 8 processes = 120 processes)</span> |
| | </div> |
| | <div class="batch-grid"> |
| | <div class="batch-card"> |
| | <a href="ecoli/ecoli_batch01_dna_replication_repair.html" class="batch-title">Batch 01: DNA Replication & Repair</a> |
| | <div class="batch-description">Origin recognition, replication fork dynamics, and comprehensive repair systems</div> |
| | <div class="process-count">✅ 8 processes - Interactive</div> |
| | </div> |
| | <div class="batch-card"> |
| | <a href="ecoli/ecoli_batch02_cell_division_segregation.html" class="batch-title">Batch 02: Cell Division & Segregation</a> |
| | <div class="batch-description">ParAB system, Min oscillation, divisome assembly, and septum formation</div> |
| | <div class="process-count">🔄 8 processes - In Progress</div> |
| | </div> |
| | <div class="batch-card"> |
| | <a href="ecoli/ecoli_batch03_translation_protein_synthesis.html" class="batch-title">Batch 03: Translation & Protein Synthesis</a> |
| | <div class="batch-description">Ribosome assembly, elongation cycles, and protein folding quality control</div> |
| | <div class="process-count">✅ 4 processes - Interactive</div> |
| | </div> |
| | <div class="batch-card coming-soon"> |
| | <span class="batch-title">Batch 04: Protein Synthesis & Quality Control</span> |
| | <div class="batch-description">Chaperone systems, protein degradation, and quality assurance</div> |
| | <div class="process-count">📋 8 processes - Coming Soon</div> |
| | </div> |
| | <div class="batch-card coming-soon"> |
| | <span class="batch-title">Batch 05: Cell Division</span> |
| | <div class="batch-description">Alternative division mechanisms and specialized systems</div> |
| | <div class="process-count">📋 8 processes - Coming Soon</div> |
| | </div> |
| | |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="organism-section"> |
| | <div class="organism-title"> |
| | 🍺 <span>Saccharomyces cerevisiae</span> |
| | <span style="font-size: 1rem; color: #666;">(23 batches × 8 processes = 184 processes)</span> |
| | </div> |
| | <div class="batch-grid"> |
| | <div class="batch-card coming-soon"> |
| | <span class="batch-title">Batch 01: DNA Replication & Repair</span> |
| | <div class="batch-description">Eukaryotic replication machinery and sophisticated repair systems</div> |
| | <div class="process-count">📋 8 processes - Coming Soon</div> |
| | </div> |
| | <div class="batch-card coming-soon"> |
| | <span class="batch-title">Batch 02: Cell Cycle Control</span> |
| | <div class="batch-description">CDK regulation, checkpoints, and mitotic progression</div> |
| | <div class="process-count">📋 8 processes - Coming Soon</div> |
| | </div> |
| | |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="organism-section coming-soon"> |
| | <div class="organism-title"> |
| | 👤 <span>Homo sapiens</span> |
| | <span style="font-size: 1rem; color: #666;">(Future expansion)</span> |
| | </div> |
| | <p>Human processes will include disease mechanisms, immune responses, and complex regulatory networks.</p> |
| | </div> |
| |
|
| | <div class="organism-section coming-soon"> |
| | <div class="organism-title"> |
| | 🔬 <span>Comparative Analysis</span> |
| | <span style="font-size: 1rem; color: #666;">(Cross-species comparisons)</span> |
| | </div> |
| | <p>Compare homologous processes across kingdoms and species to understand evolution and conservation.</p> |
| | </div> |
| |
|
| | <div class="footer"> |
| | <p><strong>GLMP Biological Processes Database</strong></p> |
| | <p>Interactive Programming Framework for 2,000-10,000 biological processes</p> |
| | <p>🔗 <a href="https://huggingface.co/datasets/garywelz/glmp-biological-processes" style="color: #74c0fc;">View Full Database</a></p> |
| | </div> |
| | </div> |
| | </div> |
| | </body> |
| | </html> |
| |
|
