-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
461 lines (452 loc) · 22.4 KB
/
index.html
File metadata and controls
461 lines (452 loc) · 22.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>AARCC</title>
<script
src="https://unpkg.com/htmx.org@1.9.10"
integrity="sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC"
crossorigin="anonymous"
></script>
<link
href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
rel="stylesheet"
/>
</head>
<body class="bg-gray-100">
<!-- Header -->
<header class="bg-gray-900">
<nav
class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8"
aria-label="Global"
>
<div class="flex lg:flex-1">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only"
>Alabama Advanced Research Computing Consortium</span
>
<img class="h-8 w-auto" src="aarcc.svg" alt="" />
</a>
</div>
<div class="flex lg:hidden">
<button
type="button"
class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700"
id="hamburger"
>
<span class="sr-only">Open main menu</span>
<!-- SVG for open icon -->
<svg
class="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
/>
</svg>
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a
href="#"
class="text-sm font-semibold leading-6 text-white"
>Get Involved</a
>
<a
href="#"
class="text-sm font-semibold leading-6 text-white"
>Calendar</a
>
<a
href="#"
class="text-sm font-semibold leading-6 text-white"
>Documents</a
>
<a
href="#"
class="text-sm font-semibold leading-6 text-white"
>Reports</a
>
</div>
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
<a
href="#"
class="text-sm font-semibold leading-6 text-white"
>Sign up <span aria-hidden="true">→</span></a
>
</div>
</nav>
<div
id="mobile-menu"
class="lg:hidden hidden"
role="dialog"
aria-modal="true"
>
<div class="fixed inset-0 z-10"></div>
<div
class="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-gray-900 px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-white/10"
>
<div class="flex items-center justify-between">
<a href="#" class="-m-1.5 p-1.5">
<span class="sr-only">AARCC</span>
<img class="h-8 w-auto" src="aarcc.svg" alt="" />
</a>
<button
type="button"
class="-m-2.5 rounded-md p-2.5 text-gray-700"
id="close-button"
>
<span class="sr-only">Close menu</span>
<!-- SVG for close icon -->
<svg
class="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
aria-hidden="true"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 18L18 6M6 6l12 12"
/>
</svg>
</button>
</div>
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-gray-500/25">
<div class="space-y-2 py-6">
<a
href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-800"
>Get Involved</a
>
<a
href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-800"
>Calendar</a
>
<a
href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-800"
>Documents</a
>
<a
href="#"
class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-white hover:bg-gray-800"
>Reports</a
>
</div>
<div class="py-6">
<a
href="#"
class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-white hover:bg-gray-800"
>Sign up</a
>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="bg-cover bg-center w-full h-64" style="background-image: url('mac-server.jpg');"></div>
<div class="flex flex-col lg:flex-row min-h-screen">
<!--sidebar -->
<div class="hidden lg:block bg-white lg:w-1/5 border-r border-gray-200" >
<div
class="flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-6"
>
<div class="flex h-16 shrink-0 items-center">
<img
class="h-8 w-auto"
src="aarcc.svg"
alt="Alabama Advanced Research Computing Consortium"
/>
</div>
<nav class="flex flex-1 flex-col">
<ul role="list" class="flex flex-1 flex-col gap-y-7">
<li>
<ul role="list" class="-mx-2 space-y-1">
<li>
<!-- Current: "bg-gray-50", Default: "hover:bg-gray-50" -->
<a
href="#"
class="bg-gray-50 block rounded-md py-2 pr-2 pl-10 text-sm leading-6 font-semibold text-gray-700"
>Home</a
>
</li>
<li>
<div>
<button
type="button"
class="hover:bg-gray-50 flex items-center w-full text-left rounded-md p-2 gap-x-3 text-sm leading-6 font-semibold text-gray-700"
aria-controls="sub-menu-1"
aria-expanded="false"
>
<!-- Expanded: "rotate-90 text-gray-500", Collapsed: "text-gray-400" -->
<svg
class="text-gray-400 h-5 w-5 shrink-0"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
clip-rule="evenodd"
/>
</svg>
Get Involved
</button>
<!-- Expandable link section, show/hide based on state. -->
<ul class="mt-1 px-2" id="sub-menu-1">
</li>
<li>
<a
href="#"
class="hover:bg-gray-50 block rounded-md py-2 pr-2 pl-9 text-sm leading-6 text-gray-700"
>Interest and Working Groups</a
>
</li>
<li>
<a
href="#"
class="hover:bg-gray-50 block rounded-md py-2 pr-2 pl-9 text-sm leading-6 text-gray-700"
>Sites</a
>
</li>
</ul>
</div>
</li>
<li>
<div>
<button
type="button"
class="hover:bg-gray-50 flex items-center w-full text-left rounded-md p-2 gap-x-3 text-sm leading-6 font-semibold text-gray-700"
aria-controls="sub-menu-2"
aria-expanded="false"
>
<!-- Expanded: "rotate-90 text-gray-500", Collapsed: "text-gray-400" -->
<svg
class="text-gray-400 h-5 w-5 shrink-0"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
clip-rule="evenodd"
/>
</svg>
Projects
</button>
<!-- Expandable link section, show/hide based on state. -->
</div>
</li>
<li>
<a
href="#"
class="hover:bg-gray-50 block rounded-md py-2 pr-2 pl-10 text-sm leading-6 font-semibold text-gray-700"
>Calendar</a
>
</li>
<li>
<a
href="#"
class="hover:bg-gray-50 block rounded-md py-2 pr-2 pl-10 text-sm leading-6 font-semibold text-gray-700"
>Documents</a
>
</li>
<li>
<a
href="#"
class="hover:bg-gray-50 block rounded-md py-2 pr-2 pl-10 text-sm leading-6 font-semibold text-gray-700"
>Reports</a
>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- main -->
<div class="flex-grow">
<div class="bg-white px-6 pt-16 pb-32 lg:px-8">
<div
class="mx-auto max-w-3xl text-base leading-7 text-gray-700"
>
<h1
class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"
>
Alabama Advanced Research Computing Consortium
</h1>
<p class="mt-6 text-xl leading-8">
The Alabama Advanced Research Computing Consortium (AARCC) is a strategic initiative addressing the gap in computational infrastructure (CI) and expertise in Alabama's higher education institutions. Despite national resources like XSEDE and the Open Science Grid, Alabama's research capability is hindered by limited local CI development, inadequate high-performance computing resources, and a shortage of research computing support. The AARCC aims to rectify this by unifying efforts across public, private, and HBCU doctoral institutions in Alabama. The goal is to secure sustained funding at local, state, and federal levels, enhancing CI and aligning with state political priorities and initiatives like the NSF CI CoE: Demo Pilot and Governor Kay Ivey’s Executive Order 720. This collaborative effort includes industry partners and regional and national CI organizations, leveraging this unique alignment to advance Alabama's research capacity, healthcare, and economic growth.
</p>
<div
class="mt-6 text-base font-semibold leading-7 text-indigo-600"
>
Intellectual Merit
</div>
<div class="max-w-2xl">
<p>
The AARCC planning project will produce three deliverables:</p>
<ul
role="list"
class="mt-8 max-w-xl space-y-8 text-gray-600"
>
<li class="flex gap-x-3">
<svg
class="mt-1 h-5 w-5 flex-none text-indigo-600"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd"
/>
</svg>
<span
><strong class="font-semibold text-gray-900"
>An Alabama statewide research CI development plan</strong
>
</span
>
</li>
<li class="flex gap-x-3">
<svg
class="mt-1 h-5 w-5 flex-none text-indigo-600"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd"
/>
</svg>
<span
><strong class="font-semibold text-gray-900"
>A statewide research network plan</strong
>
</span
>
</li>
<li class="flex gap-x-3">
<svg
class="mt-1 h-5 w-5 flex-none text-indigo-600"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd"
/>
</svg>
<span
><strong class="font-semibold text-gray-900"
>A statewide research computing consortium organizational plan</strong
>
</span
>
</li>
</ul>
<p class="mt-8">Eight stakeholder engagement events will be held at the eight doctoral degree granting institutions in Alabama, two of which are designated HBCUs, and one event will be held with industry leaders in the state. These events will be an opportunity to inform researchers and campus leaders about the research CI available, but also for the project team to learn about research priorities and current barriers at those institutions. Representatives from the eight colleges/universities will form working groups to assure representation during plan development. A collaborative and coordinated approach is the best path to success given the institutional diversity, readiness, and priorities.
</p>
<p
class="mt-6 text-base font-semibold leading-7 text-indigo-600"
>
Broader Impacts
</p>
<p class="">
Alabama is at a unique moment in time where federal, state, and academic research priorities are poised to invest in a robust statewide CI for economic development and research goals. The eight institutions are representative of the entire AL higher education profile of 60 institutions and 15 HBCUs. The primary goal of AARCC is to increase Alabama researcher competitiveness by ensuring access to modern research CI and knowledge. Funding from the NSF for this project will provide credibility, authority, and an objective platform free of institution-specific motives for the stakeholders to move forward with an Alabama statewide initiative. AARCC will also achieve economies of scale for CI financial investments and knowledge dissemination for CI professional and research software engineering workforce development that individual institutions cannot. We seek Alabama research competitiveness in the NSF Big Ideas of Growing Convergence Research, Harnessing the Data Revolution, and Understanding the Rules of Life based on ALEPSCoR state priorities for investment.
</p>
</div>
<p class="mt-10">To join the AARCC mailing list, <a href="#" class="text-indigo-600">sign up here</a>.</p>
</div>
</div>
</div>
</div>
<footer class="bg-gray-900">
<div class="mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
<div class="flex justify-center space-x-6 md:order-2">
<a href="#" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">Facebook</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">Instagram</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">X</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">GitHub</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
</svg>
</a>
<a href="#" class="text-gray-400 hover:text-gray-500">
<span class="sr-only">YouTube</span>
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd" />
</svg>
</a>
</div>
<div class="mt-8 md:order-1 md:mt-0">
<p class="text-center text-xs leading-5 text-gray-500">© 2024 The University of Alabama at Birmingham</p>
</div>
</div>
</footer>
</div>
<script>
document.getElementById('hamburger').addEventListener('click', function() {
document.getElementById('mobile-menu').classList.toggle('hidden');
});
document.getElementById('close-button').addEventListener('click', function() {
document.getElementById('mobile-menu').classList.add('hidden');
});
document.addEventListener('DOMContentLoaded', () => {
const dropdownButtons = document.querySelectorAll('button[aria-controls]');
dropdownButtons.forEach(button => {
const subMenuId = button.getAttribute('aria-controls');
const subMenu = document.getElementById(subMenuId);
// Set initial state to closed
button.setAttribute('aria-expanded', 'false');
subMenu.style.display = 'none';
button.addEventListener('click', () => {
const isExpanded = button.getAttribute('aria-expanded') === 'true';
button.setAttribute('aria-expanded', !isExpanded);
subMenu.style.display = isExpanded ? 'none' : 'block';
});
});
});
</script>
</body>
</html>