CoolFace
Apppublic

garywelz/programming_framework

sourceHugging Facemitupdated 2mo agoView on Hugging Face
0likes
mathematics_index.html343 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8" />5    <meta name="viewport" content="width=device-width, initial-scale=1" />6    <title>Mathematics - Programming Framework Analysis</title>7    <style>8        body { 9            font-family: 'Times New Roman', Times, serif, 'Arial Unicode MS'; 10            margin: 0; 11            background: #ffffff; 12            color: #000000; 13            line-height: 1.6; 14            font-size: 12pt; 15        }16        .container { 17            max-width: 1000px; 18            margin: 0 auto; 19            padding: 1.5rem; 20        }21        h1, h2, h3 { 22            color: #000000; 23            margin-top: 1.5rem; 24            margin-bottom: 0.75rem; 25        }26        h1 { 27            font-size: 18pt; 28            text-align: center; 29        }30        h2 { 31            font-size: 16pt; 32            border-bottom: 2px solid #000; 33            padding-bottom: 0.5rem; 34        }35        h3 { 36            font-size: 14pt; 37        }38        p { 39            margin-bottom: 1rem; 40            text-align: justify; 41        }42        .subtitle {43            text-align: center;44            font-style: italic;45            color: #666;46            margin-bottom: 2rem;47        }48        .overview {49            margin: 2rem 0;50            padding: 1.5rem;51            background: #f8f9fa;52            border-radius: 8px;53        }54        .color-legend {55            margin: 2rem 0;56        }57        .color-grid {58            display: flex;59            flex-wrap: wrap;60            gap: 1rem;61            justify-content: center;62            margin: 1rem 0;63        }64        .color-item {65            display: flex;66            align-items: center;67            gap: 0.5rem;68            padding: 0.5rem 1rem;69            background: white;70            border: 1px solid #ddd;71            border-radius: 4px;72        }73        .color-box {74            width: 20px;75            height: 20px;76            border-radius: 4px;77            border: 1px solid #ccc;78        }79        .batch-navigation {80            margin: 3rem 0;81        }82        .batch-category {83            margin: 2rem 0;84            padding: 1.5rem;85            background: #f8f9fa;86            border-radius: 8px;87        }88        .batch-links {89            margin-top: 1rem;90        }91        .batch-link {92            display: block;93            padding: 1rem;94            background: white;95            border: 1px solid #ddd;96            border-radius: 8px;97            text-decoration: none;98            color: #000;99            transition: all 0.3s ease;100            margin-bottom: 1rem;101        }102        .batch-link:hover {103            background: #007bff;104            color: white;105            transform: translateY(-2px);106            box-shadow: 0 4px 8px rgba(0,0,0,0.1);107        }108        .batch-number {109            display: block;110            font-weight: bold;111            color: #007bff;112        }113        .batch-link:hover .batch-number {114            color: white;115        }116        .batch-title {117            display: block;118            font-size: 14pt;119            margin: 0.5rem 0;120        }121        .batch-count {122            display: block;123            font-size: 10pt;124            color: #666;125        }126        .batch-link:hover .batch-count {127            color: #ccc;128        }129        .navigation {130            margin: 3rem 0;131            padding: 1rem;132            background: #f8f9fa;133            border-radius: 8px;134        }135        .nav-links {136            display: flex;137            flex-wrap: wrap;138            gap: 1rem;139            justify-content: center;140        }141        .nav-link {142            color: #007bff;143            text-decoration: none;144            padding: 0.5rem 1rem;145            border: 1px solid #007bff;146            border-radius: 4px;147            transition: all 0.3s ease;148        }149        .nav-link:hover {150            background: #007bff;151            color: white;152        }153        .footer {154            margin-top: 3rem;155            padding: 1rem;156            background: #f8f9fa;157            border-radius: 8px;158            text-align: center;159        }160        .contact-info {161            margin-top: 1rem;162        }163        .contact-info p {164            margin: 0.25rem 0;165            text-align: center;166        }167    </style>168    <script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>169    <script>170        mermaid.initialize({ 171            startOnLoad: true, 172            theme: 'default', 173            flowchart: { 174                useMaxWidth: false, 175                htmlLabels: true,176                curve: 'linear',177                nodeSpacing: 30,178                rankSpacing: 30,179                padding: 10180            },181            themeVariables: {182                fontFamily: 'Arial Unicode MS, Arial, sans-serif'183            }184        });185    </script>186</head>187<body>188    <div class="container">189        <h1>Mathematics - Programming Framework Analysis</h1>190        <p class="subtitle">Systematic visualization of mathematical processes and computational logic</p>191 192        <section class="overview" style="border-left: 4px solid #0d6efd; background: #f0f7ff;">193            <h2>Live index &amp; foundational typology</h2>194            <p>The authoritative, sortable collection is the public <strong>Algorithms and Axiomatic Theories</strong> database (algorithms as flowcharts, axiomatic theories as dependency graphs):</p>195            <p style="text-align: center; margin: 1rem 0;">196                <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/mathematics-processes-database/mathematics-database-table.html?v=2" style="display: inline-block; padding: 0.6rem 1.2rem; background: #0d6efd; color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold;" target="_blank" rel="noopener noreferrer">Mathematics database table (GCS)</a>197            </p>198            <p>Conceptual bridge to regulatory flowcharts in GLMP is developed in the 2026 working paper199                <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> / <em>Primitive Relations and Computational Complexity</em></a>.200                Companion index for biology:201                <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/glmp-database-table.html" target="_blank" rel="noopener noreferrer">GLMP database table</a>.202            </p>203        </section>204 205        <section class="overview">206            <h2>Mathematics Overview</h2>207            <p>This Space page lists local batch previews. Each batch contains flowcharts representing computational logic and reasoning patterns. For the full corpus and axiomatic DAGs, use the mathematics database table linked above.</p>208            209            <div class="color-legend">210                <h3>Universal Color Coding System</h3>211                <div class="color-grid">212                    <div class="color-item">213                        <span class="color-box" style="background: #ff6b6b;"></span>214                        <span class="color-label">Red - Triggers & Inputs</span>215                    </div>216                    <div class="color-item">217                        <span class="color-box" style="background: #ffd43b;"></span>218                        <span class="color-label">Yellow - Structures & Objects</span>219                    </div>220                    <div class="color-item">221                        <span class="color-box" style="background: #51cf66;"></span>222                        <span class="color-label">Green - Processing & Operations</span>223                    </div>224                    <div class="color-item">225                        <span class="color-box" style="background: #74c0fc;"></span>226                        <span class="color-label">Blue - Intermediates & States</span>227                    </div>228                    <div class="color-item">229                        <span class="color-box" style="background: #b197fc;"></span>230                        <span class="color-label">Violet - Products & Outputs</span>231                    </div>232                </div>233            </div>234        </section>235 236        <section class="batch-navigation">237            <h2>Mathematics Process Batches</h2>238            239            <div class="batch-category">240                <h3>πŸ”’ Number Theory</h3>241                <div class="batch-links">242                    <a href="mathematics_batch_01.html" class="batch-link">243                        <span class="batch-number">Batch 01</span>244                        <span class="batch-title">Prime Factorization & Modular Arithmetic</span>245                        <span class="batch-count">3 processes</span>246                    </a>247                </div>248            </div>249 250            <div class="batch-category">251                <h3>πŸ“Š Analysis & Calculus</h3>252                <div class="batch-links">253                    <a href="mathematics_batch_02.html" class="batch-link">254                        <span class="batch-number">Batch 02</span>255                        <span class="batch-title">Series Expansion & Differential Equations</span>256                        <span class="batch-count">3 processes</span>257                    </a>258                </div>259            </div>260 261            <div class="batch-category">262                <h3>πŸ”— Abstract Algebra</h3>263                <div class="batch-links">264                    <a href="mathematics_batch_03.html" class="batch-link">265                        <span class="batch-number">Batch 03</span>266                        <span class="batch-title">Group Theory & Ring Theory</span>267                        <span class="batch-count">3 processes</span>268                    </a>269                </div>270            </div>271 272            <div class="batch-category">273                <h3>πŸ“ Geometry & Topology</h3>274                <div class="batch-links">275                    <a href="mathematics_batch_04.html" class="batch-link">276                        <span class="batch-number">Batch 04</span>277                        <span class="batch-title">Geometric Constructions & Topological Transformations</span>278                        <span class="batch-count">3 processes</span>279                    </a>280                </div>281            </div>282 283            <div class="batch-category">284                <h3>βš™οΈ Applied Mathematics</h3>285                <div class="batch-links">286                    <a href="mathematics_batch_05.html" class="batch-link">287                        <span class="batch-number">Batch 05</span>288                        <span class="batch-title">Numerical Methods & Statistical Analysis</span>289                        <span class="batch-count">3 processes</span>290                    </a>291                </div>292            </div>293 294            <div class="batch-category">295                <h3>πŸ•ΈοΈ Discrete Mathematics</h3>296                <div class="batch-links">297                    <a href="mathematics_batch_06.html" class="batch-link">298                        <span class="batch-number">Batch 06</span>299                        <span class="batch-title">Graph Theory & Combinatorics</span>300                        <span class="batch-count">3 processes</span>301                    </a>302                </div>303            </div>304 305            <div class="batch-category">306                <h3>πŸ›οΈ Historical & Educational</h3>307                <div class="batch-links">308                    <a href="mathematics_batch_07.html" class="batch-link">309                        <span class="batch-number">Batch 07</span>310                        <span class="batch-title">Euclid's Geometry & Aristotle's Syllogism</span>311                        <span class="batch-count">2 processes</span>312                    </a>313                </div>314            </div>315        </section>316 317        <div class="navigation">318            <h3>Navigation</h3>319            <div class="nav-links">320                <a href="index.html" class="nav-link">← Back to Programming Framework</a>321                <a href="chemistry_index.html" class="nav-link">Chemistry (under construction)</a>322                <a href="physics_index.html" class="nav-link">Physics (under construction)</a>323                <a href="computer_science_index.html" class="nav-link">Computer Science (under construction)</a>324                <a href="https://huggingface.co/spaces/garywelz/glmp" class="nav-link" target="_blank" rel="noopener noreferrer">GLMP Space (biology)</a>325            </div>326        </section>327 328        <div class="footer">329            <p><strong>Generated using the Programming Framework methodology</strong></p>330            <p>Each flowchart preserves maximum detail through optimized Mermaid configuration</p>331            <div class="contact-info">332                <p><strong>Gary Welz</strong></p>333                <p>Retired Faculty Member</p>334                <p>John Jay College, CUNY (Department of Mathematics and Computer Science)</p>335                <p>Borough of Manhattan Community College, CUNY</p>336                <p>CUNY Graduate Center (New Media Lab)</p>337                <p>Email: garywelz@gmail.com β€’ gwelz@gc.cuny.edu</p>338            </div>339        </div>340    </div>341</body>342</html>343