Skip to content

Commit 50a7d49

Browse files
sgratzlsgratzl
committed
feat: new center of excellence page
1 parent a4b93a1 commit 50a7d49

File tree

12 files changed

+189
-70
lines changed

12 files changed

+189
-70
lines changed

‎content/about/center-of-excellence/index.md‎

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
2-
title: National Center of Excellence for Flu Forecasting
2+
title: Delphi National Center of Excellence for Epidemic Forecasting
33
layout: coe
4-
partners:
5-
- name: Carnegie-Mellon University
6-
group: DELPHI Group
4+
members:
5+
- name: Carnegie Mellon University
6+
group: DELPHI Research Group
77
link: /
88
location: Pittsburgh, Pennsylvania, United States
99
pi:
1010
- ryan # people keys
1111
- roni
12-
- name: Carnegie-Mellon University
12+
- name: Carnegie Mellon University
1313
group: EPP
1414
link: https://www.cmu.edu/epp
1515
location: Pittsburgh, Pennsylvania, United States
@@ -22,31 +22,35 @@ partners:
2222
pi:
2323
- burke
2424
- panhuis
25-
- name: Harvard College
25+
- name: Harvard University
2626
group: CCDD
2727
link: https://www.hsph.harvard.edu/
2828
location: Cambridge, Massachusetts, United States
2929
pi:
3030
- lipsitch
3131

3232
sisters:
33-
- name: UMass Amherst
34-
group: Influenza Forecasting Center of Excellence
33+
- name: CDC's Influence Division
34+
description: Our funders and collaborators at the [CDC's Influenza Division](https://www.cdc.gov/ncird/flu.html), specially the Influenza Applied Research & Modeling team at the [Epidemiology and Prevention branch](https://www.cdc.gov/hiv/dhap/eb/index.html).
35+
link: https://www.cdc.gov/ncird/flu.html
36+
img: logos/cdc.png
37+
- name: University of Massachusetts Amherst
38+
description: Our sister organization, the [Influenza Forecasting Center of Excellence at UMass Amherst](https://reichlab.io/).
3539
link: https://reichlab.io/
36-
supporterText: |
37-
## Thanks to our supporting organizations
40+
img: logos/reichlab.png
3841

39-
We are grateful to the following organizations for their steadfast support of our center:
4042
supporters:
4143
- Allegheny County Dept of Health
44+
- Change Healthcare
45+
- DTRA
46+
- Facebook
4247
- Kaiser Permanente Washington Health Research Institute
43-
- Quidel Inc.
4448
- Massachusetts Dept of Public Health
4549
- Microsoft Azure
4650
- Pennsylvania Dept. of Health
51+
- Quidel Inc.
52+
- UnitedHealth / Optum
4753
- UPMC
4854
---
4955

50-
Delphi’s Influenza Forecasting Center of Excellence was established in 2019. It is a CDC funded and CDC-designated Center of Excellence working on advancing influenza forecasting, enabling and improving the usefulness of forecasts of both seasonal and pandemic influenza. Our goal is to inform public health responses and policy developments at the national, regional, and state levels. Another goal is to inform the general public, providing reliable short term forecasts that increase the credibility of and trust in public health authorities, bridging between greater adherence to recommendations and trustworthy information.
51-
52-
Our forecast can help inform decision-making concerning behavior and exposure of flu-vulnerable populations (e.g., the elderly, the young, the pregnant, and the immunocompromised). Through our Center of Excellence, Delphi aims to overcome inherent latencies in traditional surveillance, bringing nowcasting and short-term forecasting to the forefront with a few weeks’ advance notice and the goal to save many lives.
56+
The Delphi National Center of Excellence for Influenza Forecasting was established in 2019. It is a CDC funded and CDC-designated center working on advancing influenza forecasting, and enabling and improving the usefulness of forecasts of both seasonal and pandemic influenza. During the 2020 pandemic, the center expanded to include real-time tracking ("nowcasting") and forecasting of COVID-19, giving rise to the COVIDcast project. Our goal is to inform public health responses and policy development at the national, state and local levels. Another goal is to inform and empower the general public, providing trustworthy information and reliable short term forecasts that increase the credibility of and trust in public health authorities.

‎content/about/center-of-excellence/logos/cdc.png‎

38.8 KB
Loading

‎content/about/center-of-excellence/logos/reichlab.png‎

14.1 KB
Loading

‎content/about/center-of-excellence/logos/upittsburg.png‎

-31.5 KB
Binary file not shown.

‎themes/delphi/assets/css/pages/_about.scss‎

Lines changed: 40 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,32 @@
1111
flex: 1 1 0;
1212
}
1313

14+
.mission-subheader {
15+
font-weight: 600;
16+
font-size: 0.875rem;
17+
text-align: center;
18+
margin: 1rem 0;
19+
}
20+
1421
.mission-text {
1522
font-weight: 600;
1623
font-size: 24px;
1724
line-height: 36px;
1825
}
1926

27+
.about-description {
28+
padding: 2em;
29+
30+
p {
31+
text-align: justify;
32+
}
33+
34+
h3 {
35+
letter-spacing: 3px;
36+
text-transform: uppercase;
37+
}
38+
}
39+
2040
@media screen and (max-width: $breakpoint-medium) {
2141
.mission-text {
2242
font-size: 18px;
@@ -38,18 +58,29 @@
3858
}
3959
}
4060

41-
.about-description {
42-
padding: 2em;
43-
margin-bottom: 3rem;
61+
.about-collaborators {
62+
background: #fafafc;
63+
padding: 0;
64+
padding: 2em 0;
65+
}
4466

45-
h3 {
46-
letter-spacing: 3px;
67+
.about-collaborators-v2 {
68+
ul > li {
69+
display: block;
70+
list-style: none;
71+
text-align: center;
4772
text-transform: uppercase;
73+
letter-spacing: 3px;
74+
font-weight: 700;
75+
font-size: 0.875rem;
76+
padding: 6px 0;
4877
}
4978
}
5079

51-
.about-collaborators {
52-
background: #fafafc;
53-
padding: 0;
54-
padding: 2em 0;
80+
.about-collaborator-special {
81+
margin-top: 3rem;
82+
83+
ul > li {
84+
font-size: 1.25rem;
85+
}
5586
}

‎themes/delphi/assets/css/pages/_coe.scss‎

Lines changed: 59 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,90 @@
1-
.coe-partner {
1+
.coe-section {
2+
margin-top: 4rem;
3+
4+
h2,
5+
h3 {
6+
font-size: 2rem;
7+
font-weight: 600;
8+
margin: 0 0 2rem 0;
9+
text-align: center;
10+
}
11+
}
12+
13+
.coe-member {
214
display: flex;
315
flex-direction: column;
4-
padding: 1em;
16+
padding: 1rem;
17+
border: 1px solid #d3d4d8;
18+
border-radius: 5px;
519
box-sizing: border-box;
20+
font-size: 0.875rem;
21+
line-height: 1.5rem;
622

7-
> h4,
8-
h5 {
23+
> h4 {
24+
text-align: center;
25+
font-size: inherit;
26+
font-weight: 700;
27+
letter-spacing: 3px;
28+
margin: 1rem 0;
29+
text-transform: uppercase;
30+
}
31+
32+
> h5 {
933
text-align: center;
1034
margin: 0;
35+
font-size: inherit;
36+
letter-spacing: 3px;
37+
margin: 0;
38+
margin-bottom: 1rem;
39+
text-transform: uppercase;
40+
}
41+
42+
> p {
43+
text-align: center;
44+
font-size: 1rem;
1145
}
1246
}
1347

14-
.coe-partner-loc {
48+
.coe-members-loc {
1549
flex: 1 1 auto;
1650
}
1751

18-
.coe-partner-pis {
52+
.coe-member-logo {
53+
display: block;
54+
display: flex;
55+
align-items: center;
56+
justify-content: center;
57+
58+
> img {
59+
width: 40%;
60+
}
61+
}
62+
63+
.coe-member-pis {
1964
margin-top: 0.5em;
2065
display: flex;
2166
align-items: flex-start;
2267
justify-content: space-evenly;
2368
position: relative;
2469
}
2570

26-
.coe-partner-pi {
71+
.coe-member-pi {
2772
display: inline-block;
28-
width: 45%;
73+
width: 42%;
2974
text-align: center;
3075
// margin: 0.5em;
3176

3277
> img {
78+
border-radius: 5px;
3379
margin-bottom: 0.5em;
3480
}
3581
}
3682

37-
.coe-partner-pi-name {
83+
.coe-member-pi-name {
3884
min-height: 3em;
3985
display: block;
86+
font-weight: 600;
87+
text-transform: uppercase;
88+
letter-spacing: 3px;
89+
color: inherit;
4090
}

‎themes/delphi/layouts/_default/about.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
{{ partial "webp-image.html" (dict "src" "/images/red-bubble-map_mission-pg-short.jpg" "class" "about-mission-img" "width" 1920 "height" 250 "alt" "Banner") }}
44
</div>
55
<div class="uk-container content-grid">
6-
<div class="grid-2-10 about-description">
6+
<div class="grid-3-11 about-description">
77
<h2 class="mission-header">Delphi Research Group</h2>
88
<h4 class="mission-text">{{ .Site.Params.mission }}</h4>
99
{{ .Content }}

‎themes/delphi/layouts/_default/coe.html‎

Lines changed: 23 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,31 @@
55
<div class="uk-container content-grid">
66
<div class="grid-3-11 about-description">
77
<h2 class="mission-header">{{ .Title }}</h2>
8+
<h3 class="mission-subheader">About the Center</h3>
89
{{ .Content }}
910
</div>
1011
</div>
11-
<div class="uk-container">
12-
<h2>Partner Organizations</h2>
13-
{{ partial "coe/partners.html" . }}
12+
<div class="uk-container content-grid coe-section">
13+
<div class="grid-2-12">
14+
<h2>Member Organizations</h2>
15+
{{ partial "coe/members.html" . }}
16+
</div>
1417
</div>
15-
<div class="uk-container">
16-
<h2>Valued Sister Organizations</h2>
17-
{{ partial "coe/sisters.html" . }}
18+
<div class="uk-container content-grid coe-section">
19+
<div class="grid-2-12">
20+
<h2>We work closely with</h2>
21+
{{ partial "coe/sisters.html" . }}
22+
</div>
1823
</div>
24+
1925
{{ partial "coe/research-papers.html" . }}
2026

21-
<div class="about-collaborators">
27+
<div class="about-collaborators coe-section about-collaborators-v2">
2228
<div class="uk-container">
23-
<div class=" uk-text-center">
24-
{{ .Params.supporterText | markdownify }}
25-
</div>
29+
<h2>Supporters</h2>
30+
<p class="uk-text-center">
31+
We are grateful to the following organizations for their steadfast support of our center
32+
</p>
2633
<div class="uk-flex uk-flex-center">
2734
<ul>
2835
{{ range .Params.supporters }}
@@ -32,8 +39,12 @@ <h2>Valued Sister Organizations</h2>
3239
{{ end }}
3340
</ul>
3441
</div>
35-
<div class=" uk-text-center uk-margin-small-bottom">Special thanks to</div>
36-
<div class=" uk-text-center uk-text-large">Center of Disease Control (CDC)</div>
42+
<div class="about-collaborator-special">
43+
<h3>Special thank to</h3>
44+
<ul>
45+
<li>Center of Disease Control (CDC)</li>
46+
</ul>
47+
</div>
3748
</div>
3849
</div>
3950
{{ end }}

‎themes/delphi/layouts/partials/coe/members.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{{ $currentPage := . }}
2+
<div
3+
uk-grid
4+
class="coe-members uk-grid-match uk-grid-small uk-child-width-1-2@m uk-grid-column-medium uk-grid-row-medium"
5+
>
6+
{{ range .Page.Params.members }}
7+
<div>
8+
<div class="coe-member">
9+
<h4><a href="{{ .link }}" class="uk-link-heading">{{ .name }}</a></h4>
10+
<h5><a href="{{ .link }}" class="uk-link-heading">{{ .group }}</a></h5>
11+
<div class="coe-member-pis">
12+
{{ range .pi }}
13+
<div class="coe-member-pi">
14+
{{ with (partial "get-person.html" (dict "Site" $currentPage.Site "key" .)) }}
15+
<img src="{{ (.img.Resize "250x250 jpg").RelPermalink }}" alt="{{ .name }}" width="250" height="250" />
16+
<a href="{{ .link }}" class="coe-member-pi-name uk-link-heading">
17+
{{ .firstName | safeHTML }} <br />
18+
{{ .lastName | safeHTML }}</a
19+
>
20+
{{ end }}
21+
</div>
22+
{{ end }}
23+
</div>
24+
</div>
25+
</div>
26+
{{ end }}
27+
</div>

‎themes/delphi/layouts/partials/coe/partners.html‎

Lines changed: 0 additions & 19 deletions
This file was deleted.

0 commit comments

Comments
 (0)