Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Computer Science - Programming Framework Analysis</title> | |
| <style> | |
| body { | |
| font-family: 'Times New Roman', Times, serif, 'Arial Unicode MS'; | |
| margin: 0; | |
| background: #ffffff; | |
| color: #000000; | |
| line-height: 1.6; | |
| font-size: 12pt; | |
| } | |
| .container { | |
| max-width: 1000px; | |
| margin: 0 auto; | |
| padding: 1.5rem; | |
| } | |
| h1, h2, h3 { | |
| color: #000000; | |
| margin-top: 1.5rem; | |
| margin-bottom: 0.75rem; | |
| } | |
| h1 { | |
| font-size: 18pt; | |
| text-align: center; | |
| } | |
| h2 { | |
| font-size: 16pt; | |
| border-bottom: 2px solid #000; | |
| padding-bottom: 0.5rem; | |
| } | |
| h3 { | |
| font-size: 14pt; | |
| } | |
| p { | |
| margin-bottom: 1rem; | |
| text-align: justify; | |
| } | |
| .subtitle { | |
| text-align: center; | |
| font-style: italic; | |
| color: #666; | |
| margin-bottom: 2rem; | |
| } | |
| .overview { | |
| margin: 2rem 0; | |
| padding: 1.5rem; | |
| background: #f8f9fa; | |
| border-radius: 8px; | |
| } | |
| .color-legend { | |
| margin: 2rem 0; | |
| } | |
| .color-grid { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1rem; | |
| justify-content: center; | |
| margin: 1rem 0; | |
| } | |
| .color-item { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| padding: 0.5rem 1rem; | |
| background: white; | |
| border: 1px solid #ddd; | |
| border-radius: 4px; | |
| } | |
| .color-box { | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 4px; | |
| border: 1px solid #ccc; | |
| } | |
| .batch-navigation { | |
| margin: 3rem 0; | |
| } | |
| .batch-category { | |
| margin: 2rem 0; | |
| padding: 1.5rem; | |
| background: #f8f9fa; | |
| border-radius: 8px; | |
| } | |
| .batch-links { | |
| margin-top: 1rem; | |
| } | |
| .batch-link { | |
| display: block; | |
| padding: 1rem; | |
| background: white; | |
| border: 1px solid #ddd; | |
| border-radius: 8px; | |
| text-decoration: none; | |
| color: #000; | |
| transition: all 0.3s ease; | |
| margin-bottom: 1rem; | |
| } | |
| .batch-link:hover { | |
| background: #007bff; | |
| color: white; | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
| } | |
| .batch-number { | |
| display: block; | |
| font-weight: bold; | |
| color: #007bff; | |
| } | |
| .batch-link:hover .batch-number { | |
| color: white; | |
| } | |
| .batch-title { | |
| display: block; | |
| font-size: 14pt; | |
| margin: 0.5rem 0; | |
| } | |
| .batch-count { | |
| display: block; | |
| font-size: 10pt; | |
| color: #666; | |
| } | |
| .batch-link:hover .batch-count { | |
| color: #ccc; | |
| } | |
| .navigation { | |
| margin: 3rem 0; | |
| padding: 1rem; | |
| background: #f8f9fa; | |
| border-radius: 8px; | |
| } | |
| .nav-links { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1rem; | |
| justify-content: center; | |
| } | |
| .nav-link { | |
| color: #007bff; | |
| text-decoration: none; | |
| padding: 0.5rem 1rem; | |
| border: 1px solid #007bff; | |
| border-radius: 4px; | |
| transition: all 0.3s ease; | |
| } | |
| .nav-link:hover { | |
| background: #007bff; | |
| color: white; | |
| } | |
| .footer { | |
| margin-top: 3rem; | |
| padding: 1rem; | |
| background: #f8f9fa; | |
| border-radius: 8px; | |
| text-align: center; | |
| } | |
| .contact-info { | |
| margin-top: 1rem; | |
| } | |
| .contact-info p { | |
| margin: 0.25rem 0; | |
| text-align: center; | |
| } | |
| </style> | |
| <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script> | |
| <script> | |
| mermaid.initialize({ | |
| startOnLoad: true, | |
| theme: 'default', | |
| flowchart: { | |
| useMaxWidth: false, | |
| htmlLabels: true, | |
| curve: 'linear', | |
| nodeSpacing: 30, | |
| rankSpacing: 30, | |
| padding: 10 | |
| }, | |
| themeVariables: { | |
| fontFamily: 'Arial Unicode MS, Arial, sans-serif' | |
| } | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Computer Science - Programming Framework Analysis</h1> | |
| <p class="subtitle">Systematic visualization of algorithms and computational processes</p> | |
| <section class="overview" style="border-left: 4px solid #f59e0b; background: #fffbeb;"> | |
| <h2>Under construction</h2> | |
| <p><strong>This Hugging Face batch index is under construction.</strong> The primary sortable index for computer-science process diagrams is the Google Cloud Storage table:</p> | |
| <p style="text-align: center; margin: 1rem 0;"> | |
| <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/computer-science-processes-database/computer-science-database-table.html" style="display: inline-block; padding: 0.6rem 1.2rem; background: #f59e0b; color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold;" target="_blank" rel="noopener noreferrer">Computer science database table (GCS)</a> | |
| </p> | |
| <p>Many classical algorithms also appear in the | |
| <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/mathematics-database-table.html?v=2" target="_blank" rel="noopener noreferrer">Algorithms and Axiomatic Theories</a> corpus; see | |
| <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/GLMP_Foundational_Typology.html" target="_blank" rel="noopener noreferrer"><em>GLMP Foundational Typology</em> (2026)</a> for how proof-theoretic and regulatory flowcharts share one diagrammatic idiom. | |
| </p> | |
| </section> | |
| <section class="overview"> | |
| <h2>Computer Science Overview</h2> | |
| <p>The batch links below are previews on this Space. For coverage and metadata, use the GCS computer science database table.</p> | |
| <div class="color-legend"> | |
| <h3>Universal Color Coding System</h3> | |
| <div class="color-grid"> | |
| <div class="color-item"> | |
| <span class="color-box" style="background: #ff6b6b;"></span> | |
| <span class="color-label">Red - Triggers & Inputs</span> | |
| </div> | |
| <div class="color-item"> | |
| <span class="color-box" style="background: #ffd43b;"></span> | |
| <span class="color-label">Yellow - Structures & Objects</span> | |
| </div> | |
| <div class="color-item"> | |
| <span class="color-box" style="background: #51cf66;"></span> | |
| <span class="color-label">Green - Processing & Operations</span> | |
| </div> | |
| <div class="color-item"> | |
| <span class="color-box" style="background: #74c0fc;"></span> | |
| <span class="color-label">Blue - Intermediates & States</span> | |
| </div> | |
| <div class="color-item"> | |
| <span class="color-box" style="background: #b197fc;"></span> | |
| <span class="color-label">Violet - Products & Outputs</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="batch-navigation"> | |
| <h2>Computer Science Process Batches</h2> | |
| <div class="batch-category"> | |
| <h3>🔧 Algorithms & Data Structures</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_01.html" class="batch-link"> | |
| <span class="batch-number">Batch 01</span> | |
| <span class="batch-title">Sorting Algorithms & Graph Algorithms</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>🏗️ Software Engineering</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_02.html" class="batch-link"> | |
| <span class="batch-number">Batch 02</span> | |
| <span class="batch-title">Design Patterns & Architecture</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>🤖 Artificial Intelligence</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_03.html" class="batch-link"> | |
| <span class="batch-number">Batch 03</span> | |
| <span class="batch-title">Machine Learning & Neural Networks</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>🔐 Computer Security</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_04.html" class="batch-link"> | |
| <span class="batch-number">Batch 04</span> | |
| <span class="batch-title">Cryptography & Network Security</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>🌐 Computer Networks</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_05.html" class="batch-link"> | |
| <span class="batch-number">Batch 05</span> | |
| <span class="batch-title">Protocols & Distributed Systems</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>💾 Database Systems</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_06.html" class="batch-link"> | |
| <span class="batch-number">Batch 06</span> | |
| <span class="batch-title">Query Processing & Transaction Management</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="batch-category"> | |
| <h3>🎮 Computer Graphics</h3> | |
| <div class="batch-links"> | |
| <a href="computer_science_batch_07.html" class="batch-link"> | |
| <span class="batch-number">Batch 07</span> | |
| <span class="batch-title">Rendering & Game Development</span> | |
| <span class="batch-count">3 processes</span> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <div class="navigation"> | |
| <h3>Navigation</h3> | |
| <div class="nav-links"> | |
| <a href="index.html" class="nav-link">← Back to Programming Framework</a> | |
| <a href="mathematics_index.html" class="nav-link">Mathematics Processes</a> | |
| <a href="chemistry_index.html" class="nav-link">Chemistry Processes</a> | |
| <a href="physics_index.html" class="nav-link">Physics Processes</a> | |
| <a href="https://huggingface.co/spaces/garywelz/glmp" class="nav-link" target="_blank" rel="noopener noreferrer">GLMP Space (biology)</a> | |
| </div> | |
| </section> | |
| <div class="footer"> | |
| <p><strong>Generated using the Programming Framework methodology</strong></p> | |
| <p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p> | |
| <div class="contact-info"> | |
| <p><strong>Gary Welz</strong></p> | |
| <p>Retired Faculty Member</p> | |
| <p>John Jay College, CUNY (Department of Mathematics and Computer Science)</p> | |
| <p>Borough of Manhattan Community College, CUNY</p> | |
| <p>CUNY Graduate Center (New Media Lab)</p> | |
| <p>Email: garywelz@gmail.com • gwelz@gc.cuny.edu</p> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |