Skip to content

Commit 756f877

Browse files
authored
Merge pull request #292 from cmu-delphi/sgratzl/center-of-excellence
center of excellence page
2 parents adabde9 + 11a4cb1 commit 756f877

File tree

13 files changed

+325
-10
lines changed

13 files changed

+325
-10
lines changed

.prettierignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@
2828
*.Rmd
2929
*.md
3030
*.jpeg
31+
*.csv
3132
*.ico
3233
*.bib
3334
*.xcf

config.toml

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,11 @@ relativeURLs = false
2525
name = "Team"
2626
url = "/about/team"
2727
weight = 2
28+
[[menu.main]]
29+
parent = "about"
30+
name = "Center of Excellence"
31+
url = "/about/center-of-excellence"
32+
weight = 3
2833
[[menu.main]]
2934
parent = "about"
3035
name = "Publications"
Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
---
2+
title: Delphi National Center of Excellence for Epidemic Forecasting
3+
layout: coe
4+
members:
5+
- name: Carnegie Mellon University
6+
group: DELPHI Research Group
7+
link: /
8+
location: Pittsburgh, Pennsylvania, United States
9+
pi:
10+
- ryan # people keys
11+
- roni
12+
- name: Carnegie Mellon University
13+
group: EPP
14+
link: https://www.cmu.edu/epp
15+
location: Pittsburgh, Pennsylvania, United States
16+
pi:
17+
- fischhoff
18+
- name: University of Pittsburgh
19+
group: GSPH
20+
link: https://publichealth.pitt.edu/
21+
location: Pittsburgh, Pennsylvania, United States
22+
pi:
23+
- burke
24+
- panhuis
25+
- name: Harvard University
26+
group: CCDD
27+
link: https://www.hsph.harvard.edu/
28+
location: Cambridge, Massachusetts, United States
29+
pi:
30+
- lipsitch
31+
32+
sisters:
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/).
39+
link: https://reichlab.io/
40+
img: logos/reichlab.png
41+
42+
supporters:
43+
- Allegheny County Dept of Health
44+
- Change Healthcare
45+
- DTRA
46+
- Facebook
47+
- Kaiser Permanente Washington Health Research Institute
48+
- Massachusetts Dept of Public Health
49+
- Microsoft Azure
50+
- Pennsylvania Dept. of Health
51+
- Quidel Inc.
52+
- UnitedHealth / Optum
53+
- UPMC
54+
---
55+
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.
38.8 KB
Loading
14.1 KB
Loading

themes/delphi/assets/css/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,3 +31,4 @@
3131
@import "./pages/landing";
3232
@import "./pages/team";
3333
@import "./pages/blog";
34+
@import "./pages/coe";

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
}
Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
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 {
14+
display: flex;
15+
flex-direction: column;
16+
padding: 1rem;
17+
border: 1px solid #d3d4d8;
18+
border-radius: 5px;
19+
box-sizing: border-box;
20+
font-size: 0.875rem;
21+
line-height: 1.5rem;
22+
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 {
33+
text-align: center;
34+
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;
45+
}
46+
}
47+
48+
.coe-members-loc {
49+
flex: 1 1 auto;
50+
}
51+
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 {
64+
margin-top: 0.5em;
65+
display: flex;
66+
align-items: flex-start;
67+
justify-content: space-evenly;
68+
position: relative;
69+
}
70+
71+
.coe-member-pi {
72+
display: inline-block;
73+
width: 42%;
74+
text-align: center;
75+
// margin: 0.5em;
76+
77+
> img {
78+
border-radius: 5px;
79+
margin-bottom: 0.5em;
80+
}
81+
}
82+
83+
.coe-member-pi-name {
84+
min-height: 3em;
85+
display: block;
86+
font-weight: 600;
87+
text-transform: uppercase;
88+
letter-spacing: 3px;
89+
color: inherit;
90+
}

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 }}
Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
{{ define "main" }}
2+
<div class="about-mission">
3+
{{ partial "webp-image.html" (dict "src" "/images/red-bubble-map_mission-pg-short.jpg" "class" "about-mission-img" "width" 1920 "height" 250 "alt" "Banner") }}
4+
</div>
5+
<div class="uk-container content-grid">
6+
<div class="grid-3-11 about-description">
7+
<h2 class="mission-header">{{ .Title }}</h2>
8+
<h3 class="mission-subheader">About the Center</h3>
9+
{{ .Content }}
10+
</div>
11+
</div>
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>
17+
</div>
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>
23+
</div>
24+
25+
{{ partial "coe/research-papers.html" . }}
26+
27+
<div class="about-collaborators coe-section about-collaborators-v2">
28+
<div class="uk-container">
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>
33+
<div class="uk-flex uk-flex-center">
34+
<ul>
35+
{{ range .Params.supporters }}
36+
<li>
37+
{{ . }}
38+
</li>
39+
{{ end }}
40+
</ul>
41+
</div>
42+
<div class="about-collaborator-special">
43+
<h3>Special thank to</h3>
44+
<ul>
45+
<li>U.S. Centers for Disease Control and Prevention (US CDC)</li>
46+
</ul>
47+
</div>
48+
</div>
49+
</div>
50+
{{ end }}

0 commit comments

Comments
 (0)