-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (193 loc) · 11.7 KB
/
index.html
File metadata and controls
211 lines (193 loc) · 11.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ben Gould | Policy & Fiscal Analysis</title>
<meta name="description" content="Independent policy and fiscal analysis for cities and advocacy groups. Local governance, budgets, infrastructure, and climate policy.">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&display=swap" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="styles.css">
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
</head>
<body>
<!-- Hero -->
<header class="hero">
<div class="hero-content">
<div class="hero-text">
<h1>Ben Gould</h1>
<p class="tagline">Independent policy and fiscal analysis for cities and advocacy groups.</p>
<p class="hero-desc">I work at the intersection of local governance, budgets, infrastructure, and climate policy. I'm available for consulting on policy, budget analysis, and related research. I also take on local campaign strategy work on a case-by-case basis.</p>
<div class="hero-cta">
<a href="#contact" class="btn btn-primary">Get in touch</a>
<a href="#samples" class="btn btn-secondary">See work</a>
</div>
</div>
<div class="hero-photo">
<img src="images/bgould.jpg" alt="Ben Gould">
</div>
</div>
</header>
<!-- Work Samples -->
<section id="samples" class="section">
<div class="container">
<div class="section-header">
<h2>Policy & Fiscal Work</h2>
<span class="scroll-hint">Scroll →</span>
</div>
<div class="samples-grid">
<a href="references/Measure FF Full Text - FINAL.pdf" class="sample-card" target="_blank" rel="noopener">
<div class="sample-image">
<img src="images/samples/measure-ff-text.png" alt="Measure FF Full Text">
</div>
<div class="sample-info">
<h3>Measure FF Full Text</h3>
<p>Authored $267M citizen-led infrastructure tax measure</p>
</div>
</a>
<a href="references/Oakland BAC FY 25-27 Budget Review Report - 20250522.pdf" class="sample-card" target="_blank" rel="noopener">
<div class="sample-image">
<img src="images/samples/bac-report.png" alt="Oakland BAC FY 25-27 Budget Review Report">
</div>
<div class="sample-info">
<h3>Oakland Budget Review</h3>
<p>FY 2025-27 analysis for the Budget Advisory Commission</p>
</div>
</a>
<a href="references/Amending CFP on Excess RETT Recommendation 20251015.pdf" class="sample-card" target="_blank" rel="noopener">
<div class="sample-image">
<img src="images/samples/rett-memo.png" alt="Excess RETT Recommendation Memo">
</div>
<div class="sample-info">
<h3>Fiscal Policy Memo</h3>
<p>Recommendation on excess transfer tax revenues</p>
</div>
</a>
<a href="references/Pajaro River Flood Risk Report 20241010.pdf" class="sample-card" target="_blank" rel="noopener">
<div class="sample-image">
<img src="images/samples/pajaro-report.png" alt="Pajaro River Flood Risk Report">
</div>
<div class="sample-info">
<h3>Pajaro Flood Risk Analysis</h3>
<p>Housing and flood policy for LandWatch Monterey County</p>
</div>
</a>
<a href="references/CSUMB DEIR Letter EDL LandWatch 20220318.pdf" class="sample-card" target="_blank" rel="noopener">
<div class="sample-image">
<img src="images/samples/csumb-deir.png" alt="CSUMB DEIR Comment Letter">
</div>
<div class="sample-info">
<h3>GHG Methodology Review</h3>
<p>Expert analysis and comment letter for LandWatch</p>
</div>
</a>
</div>
<div class="samples-fade samples-fade-right"></div>
<div class="campaign-section">
<div class="section-header">
<h2>Campaign Samples</h2>
<!-- <span class="scroll-hint">Scroll →</span> -->
</div>
<div class="campaign-grid">
<a href="references/FF 3Mailer 9x12 02_low.pdf" class="campaign-card" target="_blank" rel="noopener">
<div class="campaign-image">
<img src="images/samples/measure-ff-mailer.png" alt="Measure FF Mailer">
</div>
<div class="campaign-info">
<h4>Measure FF</h4>
<p>Berkeley, 2024</p>
</div>
</a>
<a href="references/CW 2Mailer 03_low.pdf" class="campaign-card" target="_blank" rel="noopener">
<div class="campaign-image">
<img src="images/samples/charlene-wang-mailer.png" alt="Charlene Wang IE Mailer">
</div>
<div class="campaign-info">
<h4>Empower Oakland IE</h4>
<p>Oakland D2, 2025</p>
</div>
</a>
<a href="references/Humbert Mailer6.pdf" class="campaign-card" target="_blank" rel="noopener">
<div class="campaign-image">
<img src="images/samples/humbert-mailer.png" alt="Mark Humbert Mailer">
</div>
<div class="campaign-info">
<h4>Mark Humbert</h4>
<p>Berkeley D8, 2022</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Background -->
<section id="background" class="section section-tight">
<div class="container">
<div class="background-layout">
<div class="background-text">
<h2>Background</h2>
<ul class="background-list">
<li>President of <a href="https://www.ecodatalab.com" target="_blank" rel="noopener">EcoDataLab</a>, a climate policy consulting firm serving local governments</li>
<li>Oakland Budget Advisory Commissioner</li>
<li>Previously: SFO sustainability team; legislative aide to Berkeley Councilmember Lori Droste</li>
<li>Campaign consulting work: Berkeley Measure FF (2024), Mark Humbert for Council (2022), Empower Oakland IE (2025)</li>
<li>UC Berkeley: MPP and MS Environmental Engineering</li>
</ul>
</div>
<a href="references/Ben Gould Resume.pdf" class="resume-card" target="_blank" rel="noopener">
<div class="resume-image">
<img src="images/samples/resume.png" alt="Ben Gould Resume">
</div>
<span class="resume-label">View Resume →</span>
</a>
</div>
</div>
</section>
<!-- Contact -->
<footer id="contact" class="footer">
<div class="container">
<h2>Get In Touch</h2>
<div class="contact-info">
<a href="mailto:ben@bengould.org" class="contact-email">ben@bengould.org</a>
<div class="social-links">
<a href="https://www.linkedin.com/in/bgouldoakland/" target="_blank" rel="noopener" aria-label="LinkedIn">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
<a href="https://www.instagram.com/bgouldoak" target="_blank" rel="noopener" aria-label="Instagram">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>
</a>
<a href="https://twitter.com/bgouldoak" target="_blank" rel="noopener" aria-label="Twitter/X">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
</a>
</div>
</div>
<p class="location">Based in Oakland, California</p>
</div>
</footer>
<!-- Smooth scrolling -->
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
</script>
</body>
</html>