Hugging Face's logo

Spaces:
TDAC
/
README
Running

App Files Community
daahfa commited on
Commit
28cdc22
·
verified ·
1 Parent(s): e3ea1e6

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +258 -1
README.md CHANGED
@@ -7,4 +7,261 @@ sdk: static
7
  pinned: false
8
  ---
9
 
10
- Edit this `README.md` markdown file to author your organization card.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  pinned: false
8
  ---
9
 
10
+ <!DOCTYPE html>
11
+ <html lang="en">
12
+ <head>
13
+ <meta charset="UTF-8">
14
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
15
+ <title>TDAC — Hugging Face Organization Card</title>
16
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
17
+ <style>
18
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
19
+
20
+ body {
21
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
22
+ background: #f3f4f6;
23
+ min-height: 100vh;
24
+ display: flex;
25
+ align-items: center;
26
+ justify-content: center;
27
+ padding: 2rem 1rem;
28
+ }
29
+
30
+ .card {
31
+ width: 100%;
32
+ max-width: 560px;
33
+ background: #ffffff;
34
+ border: 0.5px solid rgba(0,0,0,0.12);
35
+ border-radius: 12px;
36
+ overflow: hidden;
37
+ font-family: inherit;
38
+ }
39
+
40
+ .card-header {
41
+ background: #1a3a5c;
42
+ padding: 1.5rem 1.5rem 1rem;
43
+ }
44
+
45
+ .header-top {
46
+ display: flex;
47
+ align-items: center;
48
+ gap: 14px;
49
+ }
50
+
51
+ .emblem {
52
+ width: 56px;
53
+ height: 56px;
54
+ border-radius: 10px;
55
+ background: #fff;
56
+ display: flex;
57
+ align-items: center;
58
+ justify-content: center;
59
+ flex-shrink: 0;
60
+ border: 2px solid rgba(255,255,255,0.25);
61
+ }
62
+
63
+ .org-name {
64
+ font-size: 18px;
65
+ font-weight: 500;
66
+ color: #fff;
67
+ line-height: 1.2;
68
+ }
69
+
70
+ .org-sub {
71
+ font-size: 13px;
72
+ color: rgba(255,255,255,0.65);
73
+ margin-top: 3px;
74
+ letter-spacing: 0.02em;
75
+ }
76
+
77
+ .tags {
78
+ display: flex;
79
+ gap: 8px;
80
+ margin-top: 14px;
81
+ flex-wrap: wrap;
82
+ }
83
+
84
+ .tag {
85
+ font-size: 11px;
86
+ border-radius: 4px;
87
+ padding: 3px 9px;
88
+ }
89
+
90
+ .tag-gold {
91
+ background: rgba(212,175,55,0.18);
92
+ color: #d4af37;
93
+ border: 0.5px solid rgba(212,175,55,0.4);
94
+ }
95
+
96
+ .tag-light {
97
+ background: rgba(255,255,255,0.1);
98
+ color: rgba(255,255,255,0.75);
99
+ border: 0.5px solid rgba(255,255,255,0.2);
100
+ }
101
+
102
+ .card-body {
103
+ padding: 1.25rem 1.5rem;
104
+ border-bottom: 0.5px solid rgba(0,0,0,0.08);
105
+ }
106
+
107
+ .card-body p {
108
+ font-size: 14px;
109
+ color: #555;
110
+ line-height: 1.6;
111
+ }
112
+
113
+ .card-meta {
114
+ padding: 1rem 1.5rem;
115
+ display: grid;
116
+ grid-template-columns: 1fr 1fr;
117
+ gap: 10px;
118
+ border-bottom: 0.5px solid rgba(0,0,0,0.08);
119
+ }
120
+
121
+ .meta-box {
122
+ background: #f9f9f8;
123
+ border-radius: 8px;
124
+ padding: 0.75rem 1rem;
125
+ }
126
+
127
+ .meta-label {
128
+ font-size: 11px;
129
+ color: #999;
130
+ text-transform: uppercase;
131
+ letter-spacing: 0.06em;
132
+ margin-bottom: 4px;
133
+ }
134
+
135
+ .meta-value {
136
+ font-size: 13px;
137
+ color: #1a1a1a;
138
+ font-weight: 500;
139
+ }
140
+
141
+ .card-competencies {
142
+ padding: 1rem 1.5rem;
143
+ border-bottom: 0.5px solid rgba(0,0,0,0.08);
144
+ }
145
+
146
+ .section-label {
147
+ font-size: 11px;
148
+ color: #999;
149
+ text-transform: uppercase;
150
+ letter-spacing: 0.06em;
151
+ margin-bottom: 10px;
152
+ }
153
+
154
+ .pills {
155
+ display: flex;
156
+ flex-wrap: wrap;
157
+ gap: 6px;
158
+ }
159
+
160
+ .pill {
161
+ font-size: 12px;
162
+ background: #e8f0fb;
163
+ color: #1a5cb8;
164
+ padding: 4px 10px;
165
+ border-radius: 20px;
166
+ display: flex;
167
+ align-items: center;
168
+ gap: 4px;
169
+ }
170
+
171
+ .pill i {
172
+ font-size: 12px;
173
+ }
174
+
175
+ .card-footer {
176
+ padding: 1rem 1.5rem;
177
+ display: flex;
178
+ align-items: center;
179
+ justify-content: space-between;
180
+ flex-wrap: wrap;
181
+ gap: 10px;
182
+ }
183
+
184
+ .footer-item {
185
+ display: flex;
186
+ align-items: center;
187
+ gap: 6px;
188
+ font-size: 13px;
189
+ color: #666;
190
+ }
191
+
192
+ .footer-item i {
193
+ font-size: 14px;
194
+ }
195
+
196
+ .footer-item a {
197
+ color: #1a5cb8;
198
+ text-decoration: none;
199
+ }
200
+
201
+ .footer-item a:hover {
202
+ text-decoration: underline;
203
+ }
204
+ </style>
205
+ </head>
206
+ <body>
207
+ <div class="card">
208
+
209
+ <div class="card-header">
210
+ <div class="header-top">
211
+ <div class="emblem">
212
+ <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
213
+ <polygon points="18,3 33,12 33,24 18,33 3,24 3,12" fill="#1a3a5c" stroke="#b8860b" stroke-width="2"/>
214
+ <polygon points="18,8 28,14 28,22 18,28 8,22 8,14" fill="none" stroke="#d4af37" stroke-width="1.2"/>
215
+ <text x="18" y="22" text-anchor="middle" font-size="9" font-weight="700" fill="#d4af37" font-family="Georgia,serif">TDAC</text>
216
+ </svg>
217
+ </div>
218
+ <div>
219
+ <div class="org-name">Transformation Decision Analysis Center</div>
220
+ <div class="org-sub">TDAC · U.S. Army</div>
221
+ </div>
222
+ </div>
223
+ <div class="tags">
224
+ <span class="tag tag-gold">Government</span>
225
+ <span class="tag tag-light">Formations Analysis</span>
226
+ <span class="tag tag-light">Systems Analysis</span>
227
+ <span class="tag tag-light">Operations Research</span>
228
+ </div>
229
+ </div>
230
+
231
+ <div class="card-body">
232
+ <p>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>
233
+ </div>
234
+
235
+ <div class="card-meta">
236
+ <div class="meta-box">
237
+ <div class="meta-label">Three-star Command</div>
238
+ <div class="meta-value">Future &amp; Concepts Command</div>
239
+ </div>
240
+ <div class="meta-box">
241
+ <div class="meta-label">Four-star Command</div>
242
+ <div class="meta-value">U.S. Army Transformation &amp; Training Command</div>
243
+ </div>
244
+ </div>
245
+
246
+ <div class="card-competencies">
247
+ <div class="section-label">Core competencies</div>
248
+ <div class="pills">
249
+ <span class="pill"><i class="ti ti-chart-line"></i>Formation Effectiveness</span>
250
+ <span class="pill"><i class="ti ti-chart-line"></i>Systems Performance</span>
251
+ <span class="pill"><i class="ti ti-topology-star"></i>Modeling &amp; Simulation</span>
252
+ <span class="pill"><i class="ti ti-map-2"></i>Scenario Development</span>
253
+ <span class="pill"><i class="ti ti-shield-check"></i>Cyber Resilience &amp; Electronic Warfare</span>
254
+ <span class="pill"><i class="ti ti-users"></i>Human Systems Integration</span>
255
+ </div>
256
+ </div>
257
+
258
+ <div class="card-footer">
259
+ <div class="footer-item">
260
+ <i class="ti ti-external-link"></i>
261
+ <a href="https://www.army.mil/TDAC" target="_blank" rel="noopener">army.mil/TDAC</a>
262
+ </div>
263
+ </div>
264
+
265
+ </div>
266
+ </body>
267
+ </html>