|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>TDAC — Hugging Face Organization Card</title> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css"> |
| <style> |
| *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } |
| |
| body { |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; |
| background: #f3f4f6; |
| min-height: 100vh; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| padding: 0; |
| } |
| |
| .card { |
| width: 100%; |
| max-width: 100%; |
| background: #ffffff; |
| border: 0.5px solid rgba(0,0,0,0.12); |
| border-radius: 12px; |
| overflow: hidden; |
| font-family: inherit; |
| } |
| |
| .card-header { |
| background: #1a3a5c; |
| padding: 1.5rem 1.5rem 1rem; |
| } |
| |
| .header-top { |
| display: flex; |
| align-items: center; |
| gap: 14px; |
| } |
| |
| .org-name { |
| font-size: 18px; |
| font-weight: 500; |
| color: #fff; |
| line-height: 1.2; |
| } |
| |
| .org-sub { |
| font-size: 13px; |
| color: rgba(255,255,255,0.65); |
| margin-top: 3px; |
| letter-spacing: 0.02em; |
| } |
| |
| .tags { |
| display: flex; |
| gap: 8px; |
| margin-top: 14px; |
| flex-wrap: wrap; |
| } |
| |
| .tag { |
| font-size: 11px; |
| border-radius: 4px; |
| padding: 3px 9px; |
| } |
| |
| .tag-gold { |
| background: rgba(212,175,55,0.18); |
| color: #d4af37; |
| border: 0.5px solid rgba(212,175,55,0.4); |
| } |
| |
| .tag-light { |
| background: rgba(255,255,255,0.1); |
| color: rgba(255,255,255,0.75); |
| border: 0.5px solid rgba(255,255,255,0.2); |
| } |
| |
| .card-body { |
| padding: 1.25rem 1.5rem; |
| border-bottom: 0.5px solid rgba(0,0,0,0.08); |
| } |
| |
| .card-body p { |
| font-size: 14px; |
| color: #555; |
| line-height: 1.6; |
| } |
| |
| .card-meta { |
| padding: 1rem 1.5rem; |
| display: grid; |
| grid-template-columns: 1fr 1fr; |
| gap: 10px; |
| border-bottom: 0.5px solid rgba(0,0,0,0.08); |
| } |
| |
| .meta-box { |
| background: #f9f9f8; |
| border-radius: 8px; |
| padding: 0.75rem 1rem; |
| } |
| |
| .meta-label { |
| font-size: 11px; |
| color: #999; |
| text-transform: uppercase; |
| letter-spacing: 0.06em; |
| margin-bottom: 4px; |
| } |
| |
| .meta-value { |
| font-size: 13px; |
| color: #1a1a1a; |
| font-weight: 500; |
| } |
| |
| .card-competencies { |
| padding: 1rem 1.5rem; |
| border-bottom: 0.5px solid rgba(0,0,0,0.08); |
| } |
| |
| .section-label { |
| font-size: 11px; |
| color: #999; |
| text-transform: uppercase; |
| letter-spacing: 0.06em; |
| margin-bottom: 10px; |
| } |
| |
| .pills { |
| display: flex; |
| flex-wrap: wrap; |
| gap: 6px; |
| } |
| |
| .pill { |
| font-size: 12px; |
| background: #e8f0fb; |
| color: #1a5cb8; |
| padding: 4px 10px; |
| border-radius: 20px; |
| display: flex; |
| align-items: center; |
| gap: 4px; |
| } |
| |
| .pill i { |
| font-size: 12px; |
| } |
| |
| .card-footer { |
| padding: 1rem 1.5rem; |
| display: flex; |
| align-items: center; |
| justify-content: space-between; |
| flex-wrap: wrap; |
| gap: 10px; |
| } |
| |
| .footer-item { |
| display: flex; |
| align-items: center; |
| gap: 6px; |
| font-size: 13px; |
| color: #666; |
| } |
| |
| .footer-item i { |
| font-size: 14px; |
| } |
| |
| .footer-item a { |
| color: #1a5cb8; |
| text-decoration: none; |
| } |
| |
| .footer-item a:hover { |
| text-decoration: underline; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="card"> |
|
|
| <div class="card-header"> |
| <div class="header-top"> |
| <div> |
| <div class="org-name">Transformation Decision Analysis Center (TDAC)</div> |
| </div> |
| </div> |
| <div class="tags"> |
| <span class="tag tag-light">Government</span> |
| <span class="tag tag-light">U.S. Army</span> |
| <span class="tag tag-light">Operations Research</span> |
| </div> |
| </div> |
|
|
| <div class="card-body"> |
| <p>TDAC was activated from the DEVCOM Analysis Center (DAC) and The Research and Analysis Center (TRAC). TDAC maintains the core function of providing systems and formation effectiveness analysis. TDAC’s mission is to lead, conduct and deliver relevant, credible, objective, and timely analysis in support of Army decision needs. TDAC serves as the premier source for all-domain Army analysis products informing system design, fielding, and operations decisions.</p> |
| </div> |
|
|
| <div class="card-meta"> |
| <div class="meta-box"> |
| <div class="meta-label">Three-star Command</div> |
| <div class="meta-value">Future & Concepts Command</div> |
| </div> |
| <div class="meta-box"> |
| <div class="meta-label">Four-star Command</div> |
| <div class="meta-value">U.S. Army Transformation & Training Command</div> |
| </div> |
| </div> |
|
|
| <div class="card-competencies"> |
| <div class="section-label">Core competencies</div> |
| <div class="pills"> |
| <span class="pill"><i class="ti ti-chart-line"></i>Formation Effectiveness</span> |
| <span class="pill"><i class="ti ti-chart-line"></i>Systems Performance</span> |
| <span class="pill"><i class="ti ti-topology-star"></i>Modeling & Simulation</span> |
| <span class="pill"><i class="ti ti-map-2"></i>Scenario Development</span> |
| <span class="pill"><i class="ti ti-shield-check"></i>Cyber Resilience & Electronic Warfare</span> |
| <span class="pill"><i class="ti ti-users"></i>Human Systems Integration</span> |
| </div> |
| </div> |
|
|
| <div class="card-footer"> |
| <div class="footer-item"> |
| <i class="ti ti-external-link"></i> |
| <a href="https://www.army.mil/TDAC" target="_blank" rel="noopener">army.mil/TDAC</a> |
| </div> |
| </div> |
|
|
| </div> |
| </body> |
| </html> |
