Skip to content

Commit fc1de42

Browse files
cjerzakcjerzak
committed
add files
1 parent f3f4796 commit fc1de42

56 files changed

Lines changed: 529 additions & 187 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎_data/gallery_batteries.yml‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
- id: one-map-many-trials
2+
title: A One Map, Many Trials Paradigm
3+
href: https://arxiv.org/abs/2508.01341
4+
panels:
5+
- label: Figure
6+
alt: A One Map, Many Trials Paradigm
7+
light: /assets/images/figures/one-map-many-trials_light.webp
8+
dark: /assets/images/figures/one-map-many-trials_dark.webp
9+
10+
- id: cv-wb
11+
title: Chinese vs World Bank Development Projects
12+
href: https://arxiv.org/abs/2509.25648
13+
panels:
14+
- label: Panel 1
15+
alt: Chinese vs World Bank Development Projects visual abstract panel 1
16+
light: /assets/images/figures/cv-wb-china1_light.png
17+
dark: /assets/images/figures/cv-wb-china1_dark.png
18+
- label: Panel 2
19+
alt: Chinese vs World Bank Development Projects visual abstract panel 2
20+
light: /assets/images/figures/cv-wb-china2_light.png
21+
dark: /assets/images/figures/cv-wb-china2_dark.png
22+
- label: Panel 3
23+
alt: Chinese vs World Bank Development Projects visual abstract panel 3
24+
light: /assets/images/figures/cv-wb-china3_light.png
25+
dark: /assets/images/figures/cv-wb-china3_dark.png
26+
- label: Panel 4
27+
alt: Chinese vs World Bank Development Projects visual abstract panel 4
28+
light: /assets/images/figures/cv-wb-china4_light.png
29+
dark: /assets/images/figures/cv-wb-china4_dark.png
30+
- label: Panel 5
31+
alt: Chinese vs World Bank Development Projects visual abstract panel 5
32+
light: /assets/images/figures/cv-wb-china5_light.png
33+
dark: /assets/images/figures/cv-wb-china5_dark.png
34+
- label: Panel 6
35+
alt: Chinese vs World Bank Development Projects visual abstract panel 6
36+
light: /assets/images/figures/cv-wb-china6_light.png
37+
dark: /assets/images/figures/cv-wb-china6_dark.png
38+
39+
- id: multiscale
40+
title: Multiscale satellite representation
41+
href: https://arxiv.org/abs/2411.02134
42+
panels:
43+
- label: Figure 1
44+
alt: Multiscale satellite representation
45+
light: /assets/images/figures/multiscale_1_light.webp
46+
dark: /assets/images/figures/multiscale_1_dark.webp
47+
- label: Figure 2
48+
alt: Oracle vs single-/multi-scale diagram
49+
light: /assets/images/figures/multiscale_2_light.webp
50+
dark: /assets/images/figures/multiscale_2_dark.webp
51+
- label: Figure 3
52+
alt: Uganda heatmap
53+
light: /assets/images/figures/multiscale_3_light.webp
54+
dark: /assets/images/figures/multiscale_3_dark.webp
55+
- label: Figure 4
56+
alt: RATE ratio differences table
57+
light: /assets/images/figures/multiscale_4_light.webp
58+
dark: /assets/images/figures/multiscale_4_dark.webp
59+
60+
- id: image-seq-heterogeneity
61+
title: Image sequence heterogeneity
62+
href: https://arxiv.org/abs/2407.11674
63+
panels:
64+
- label: Figure 1
65+
alt: Research visualization 1
66+
light: /assets/images/figures/image-seq-heterogeneity_1_light.webp
67+
dark: /assets/images/figures/image-seq-heterogeneity_1_dark.webp
68+
- label: Figure 2
69+
alt: Research visualization 2
70+
light: /assets/images/figures/image-seq-heterogeneity_2_light.webp
71+
dark: /assets/images/figures/image-seq-heterogeneity_2_dark.webp
72+
- label: Figure 3
73+
alt: Research visualization 3
74+
light: /assets/images/figures/image-seq-heterogeneity_3_light.webp
75+
dark: /assets/images/figures/image-seq-heterogeneity_3_dark.webp
76+
- label: Figure 4
77+
alt: Research visualization 4
78+
light: /assets/images/figures/image-seq-heterogeneity_4_light.webp
79+
dark: /assets/images/figures/image-seq-heterogeneity_4_dark.webp
80+
81+
- id: eoc
82+
title: Earth Observation Confounding (EOC)
83+
href: https://arxiv.org/pdf/2301.12985.pdf
84+
panels:
85+
- label: Figure 1
86+
alt: Comparison table of tabular, text, network, and earth observation data streams
87+
light: /assets/images/figures/eoc_1_light.webp
88+
dark: /assets/images/figures/eoc_1_dark.webp
89+
- label: Figure 2
90+
alt: Directed acyclic graphs illustrating image-based confounding
91+
light: /assets/images/figures/eoc_2_light.webp
92+
dark: /assets/images/figures/eoc_2_dark.webp
93+
- label: Figure 3
94+
alt: Maps showing Nigeria treatment and control sites
95+
light: /assets/images/figures/eoc_3_light.webp
96+
dark: /assets/images/figures/eoc_3_dark.webp
97+
98+
- id: eo-causal-inference
99+
title: Earth observation + causal inference
100+
href: https://arxiv.org/pdf/2406.02584
101+
panels:
102+
- label: Composite
103+
alt: Composite illustration of integrating earth observation into causal inference
104+
light: /assets/images/figures/planet_1_light.webp
105+
dark: /assets/images/figures/planet_1_dark.webp
106+
- label: Workflow
107+
alt: Earth-observation workflow diagram
108+
light: /assets/images/figures/eo-workflow.png
109+
invert_dark: true
110+
111+
- id: image-based-treatment-heterogeneity
112+
title: Image-based treatment heterogeneity
113+
href: https://proceedings.mlr.press/v213/jerzak23a/jerzak23a.pdf
114+
panels:
115+
- label: Figure 1
116+
alt: Research visualization 1
117+
light: /assets/images/figures/image-based-treatment-heterogeneity_1_light.webp
118+
dark: /assets/images/figures/image-based-treatment-heterogeneity_1_dark.webp
119+
- label: Figure 2
120+
alt: Research visualization 2
121+
light: /assets/images/figures/image-based-treatment-heterogeneity_2_light.webp
122+
dark: /assets/images/figures/image-based-treatment-heterogeneity_2_dark.webp
123+
- label: Figure 3
124+
alt: Research visualization 3
125+
light: /assets/images/figures/image-based-treatment-heterogeneity_3_light.webp
126+
dark: /assets/images/figures/image-based-treatment-heterogeneity_3_dark.webp

‎_includes/head.html‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,14 @@
22
<meta name="viewport" content="width=device-width, initial-scale=1">
33
<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
44
<meta name="description" content="{{ page.description | default: site.description | strip_html | truncate: 160 }}">
5-
<meta name="theme-color" content="#2563eb">
5+
<meta name="color-scheme" content="light dark">
6+
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f6f7fb">
7+
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#050711">
68

79
<!-- Preconnect for performance -->
810
<link rel="preconnect" href="https://fonts.googleapis.com">
911
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
12+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Code+Pro:wght@400;600;700&display=swap" rel="stylesheet">
1113

1214
<!-- Styles -->
1315
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">

‎_sass/_base.scss‎

Lines changed: 77 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,72 @@
1010
padding: 0;
1111
}
1212

13+
:root {
14+
/* Let the UA pick correct form controls, scrollbars, etc. */
15+
color-scheme: light dark;
16+
17+
/* Typography */
18+
--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
19+
--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
20+
21+
/* Theme (light) */
22+
--c-bg: #f6f7fb;
23+
--c-surface: #ffffff;
24+
--c-surface-rgb: 255, 255, 255;
25+
--c-surface-2: #f6f7fb;
26+
--c-surface-2-rgb: 246, 247, 251;
27+
--c-text: #0b1220;
28+
--c-text-rgb: 11, 18, 32;
29+
--c-muted: #475569;
30+
--c-faint: #6b7280;
31+
32+
--c-border: rgba(11, 18, 32, 0.12);
33+
--c-border-strong: rgba(11, 18, 32, 0.18);
34+
35+
--c-accent: #2563eb;
36+
--c-accent-rgb: 37, 99, 235;
37+
--c-accent-hover: #1d4ed8;
38+
--c-accent-2: #06b6d4;
39+
--c-accent-2-rgb: 6, 182, 212;
40+
41+
--shadow-sm: 0 1px 0 rgba(11, 18, 32, 0.06), 0 10px 24px rgba(11, 18, 32, 0.06);
42+
--shadow-md: 0 14px 40px rgba(11, 18, 32, 0.12);
43+
--shadow-lg: 0 26px 72px rgba(11, 18, 32, 0.18);
44+
45+
--bg-grid-alpha: 0.035;
46+
--bg-glow-alpha: 0.14;
47+
}
48+
49+
@media (prefers-color-scheme: dark) {
50+
:root {
51+
--c-bg: #050711;
52+
--c-surface: #0b1220;
53+
--c-surface-rgb: 11, 18, 32;
54+
--c-surface-2: #0f172a;
55+
--c-surface-2-rgb: 15, 23, 42;
56+
--c-text: #e5e7eb;
57+
--c-text-rgb: 229, 231, 235;
58+
--c-muted: #cbd5e1;
59+
--c-faint: #94a3b8;
60+
61+
--c-border: rgba(229, 231, 235, 0.12);
62+
--c-border-strong: rgba(229, 231, 235, 0.18);
63+
64+
--c-accent: #60a5fa;
65+
--c-accent-rgb: 96, 165, 250;
66+
--c-accent-hover: #93c5fd;
67+
--c-accent-2: #22d3ee;
68+
--c-accent-2-rgb: 34, 211, 238;
69+
70+
--shadow-sm: 0 1px 0 rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.45);
71+
--shadow-md: 0 18px 56px rgba(0, 0, 0, 0.55);
72+
--shadow-lg: 0 28px 84px rgba(0, 0, 0, 0.68);
73+
74+
--bg-grid-alpha: 0.05;
75+
--bg-glow-alpha: 0.10;
76+
}
77+
}
78+
1379
html {
1480
font-size: 16px;
1581
-webkit-font-smoothing: antialiased;
@@ -19,16 +85,18 @@ html {
1985
}
2086

2187
body {
22-
font-family: $font-stack;
88+
font-family: var(--font-sans);
2389
font-size: $font-size-body;
2490
line-height: $line-height-relaxed;
25-
color: $color-black;
26-
background-color: $color-white;
91+
color: var(--c-text);
92+
background-color: var(--c-bg);
2793
background-image:
28-
radial-gradient(1000px 520px at 18% -10%, rgba($color-accent-2, 0.18) 0%, rgba($color-white, 0) 60%),
29-
radial-gradient(1100px 560px at 85% -18%, rgba($color-accent, 0.18) 0%, rgba($color-white, 0) 58%),
30-
radial-gradient(900px 520px at 55% 0%, rgba($color-accent, 0.06) 0%, rgba($color-white, 0) 72%);
31-
background-repeat: no-repeat;
94+
radial-gradient(1000px 520px at 18% -10%, rgba(var(--c-accent-2-rgb), var(--bg-glow-alpha)) 0%, rgba(var(--c-surface-rgb), 0) 60%),
95+
radial-gradient(1100px 560px at 85% -18%, rgba(var(--c-accent-rgb), var(--bg-glow-alpha)) 0%, rgba(var(--c-surface-rgb), 0) 58%),
96+
linear-gradient(to right, rgba(var(--c-text-rgb), var(--bg-grid-alpha)) 1px, transparent 1px),
97+
linear-gradient(to bottom, rgba(var(--c-text-rgb), var(--bg-grid-alpha)) 1px, transparent 1px);
98+
background-size: auto, auto, 32px 32px, 32px 32px;
99+
background-position: 0 0, 0 0, 0 0, 0 0;
32100
text-rendering: optimizeLegibility;
33101
min-height: 100vh;
34102
display: flex;
@@ -61,7 +129,7 @@ ul, ol {
61129

62130
// Selection
63131
::selection {
64-
background-color: rgba($color-accent, 0.2);
132+
background-color: rgba(var(--c-accent-rgb), 0.22);
65133
}
66134

67135
// Focus styles for accessibility
@@ -96,7 +164,7 @@ html:focus-within {
96164
left: $space-2;
97165
top: $space-2;
98166
padding: 10px 14px;
99-
background-color: $color-black;
167+
background-color: $color-accent;
100168
color: $color-white;
101169
border-radius: $radius-md;
102170
transform: translateY(-160%);

0 commit comments

Comments
 (0)
⚡