CoolFace
Apppublic

garywelz/programming_framework

sourceHugging Facemitupdated 2mo agoView on Hugging Face
0likes
physics_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>Physics - 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>Physics - Programming Framework Analysis</h1>190        <p class="subtitle">Systematic visualization of physical processes and quantum phenomena</p>191 192        <section class="overview" style="border-left: 4px solid #f59e0b; background: #fffbeb;">193            <h2>Under construction</h2>194            <p><strong>This Hugging Face batch index is under construction.</strong> The primary sortable index for physics process diagrams is the Google Cloud Storage table:</p>195            <p style="text-align: center; margin: 1rem 0;">196                <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/physics-processes-database/physics-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">Physics database table (GCS)</a>197            </p>198            <p>For the mathematics corpora (algorithms and axiomatic graphs) and the conceptual link to GLMP regulatory flowcharts, see the199                <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 table</a>,200                <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>, and201                <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>.202            </p>203        </section>204 205        <section class="overview">206            <h2>Physics Overview</h2>207            <p>The batch links below are previews on this Space. For coverage and metadata, use the GCS physics database table.</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>Physics Process Batches</h2>238            239            <div class="batch-category">240                <h3>🔬 Classical Mechanics</h3>241                <div class="batch-links">242                    <a href="physics_batch_01.html" class="batch-link">243                        <span class="batch-number">Batch 01</span>244                        <span class="batch-title">Newtonian Dynamics & Lagrangian Mechanics</span>245                        <span class="batch-count">3 processes</span>246                    </a>247                </div>248            </div>249 250            <div class="batch-category">251                <h3>⚡ Electromagnetism</h3>252                <div class="batch-links">253                    <a href="physics_batch_02.html" class="batch-link">254                        <span class="batch-number">Batch 02</span>255                        <span class="batch-title">Maxwell Equations & Electromagnetic Waves</span>256                        <span class="batch-count">3 processes</span>257                    </a>258                </div>259            </div>260 261            <div class="batch-category">262                <h3>🌡️ Thermodynamics</h3>263                <div class="batch-links">264                    <a href="physics_batch_03.html" class="batch-link">265                        <span class="batch-number">Batch 03</span>266                        <span class="batch-title">Statistical Mechanics & Entropy</span>267                        <span class="batch-count">3 processes</span>268                    </a>269                </div>270            </div>271 272            <div class="batch-category">273                <h3>⚛️ Quantum Mechanics</h3>274                <div class="batch-links">275                    <a href="physics_batch_04.html" class="batch-link">276                        <span class="batch-number">Batch 04</span>277                        <span class="batch-title">Wave Functions & Quantum States</span>278                        <span class="batch-count">3 processes</span>279                    </a>280                </div>281            </div>282 283            <div class="batch-category">284                <h3>🌌 Relativity</h3>285                <div class="batch-links">286                    <a href="physics_batch_05.html" class="batch-link">287                        <span class="batch-number">Batch 05</span>288                        <span class="batch-title">Special & General Relativity</span>289                        <span class="batch-count">3 processes</span>290                    </a>291                </div>292            </div>293 294            <div class="batch-category">295                <h3>🔭 Astrophysics</h3>296                <div class="batch-links">297                    <a href="physics_batch_06.html" class="batch-link">298                        <span class="batch-number">Batch 06</span>299                        <span class="batch-title">Stellar Evolution & Cosmology</span>300                        <span class="batch-count">3 processes</span>301                    </a>302                </div>303            </div>304 305            <div class="batch-category">306                <h3>🔬 Particle Physics</h3>307                <div class="batch-links">308                    <a href="physics_batch_07.html" class="batch-link">309                        <span class="batch-number">Batch 07</span>310                        <span class="batch-title">Standard Model & Particle Interactions</span>311                        <span class="batch-count">3 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="mathematics_index.html" class="nav-link">Mathematics Processes</a>322                <a href="chemistry_index.html" class="nav-link">Chemistry Processes</a>323                <a href="computer_science_index.html" class="nav-link">Computer Science Processes</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