jgers32.github.io/press.html at main · jgers32/jgers32.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Press Coverage</title>
    <style>
        :root {
            --primary-color: #2d3748;
            --secondary-color: #4a5568;
            --background-color: #f7fafc;
            --card-background: #ffffff;
            --card-min-height: 600px;
            --image-height: 220px;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: var(--background-color);
            color: var(--primary-color);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        h1 {
            text-align: center;
            color: var(--primary-color);
            margin-bottom: 2rem;
            font-size: 2.5rem;
        }

        .press-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 2rem;
            padding: 1rem;
        }

        .article-card {
            background: var(--card-background);
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: transform 0.2s ease;
            height: var(--card-min-height);
            display: flex;
            flex-direction: column;
        }

        .article-card:hover {
            transform: translateY(-5px);
        }

        .image-container {
            width: 100%;
            height: var(--image-height);
            overflow: hidden;
            flex-shrink: 0;
            background-color: #f0f0f0;
            position: relative;
        }

        .article-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .article-card:hover .article-image {
            transform: scale(1.05);
        }

        .article-content {
            padding: 1.5rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .article-date {
            color: var(--secondary-color);
            font-size: 0.9rem;
            margin-bottom: 0.5rem;
        }

        .article-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin: 0.5rem 0;
            color: var(--primary-color);
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 1rem;
        }

        .article-author {
            color: var(--secondary-color);
            font-size: 0.9rem;
            margin-bottom: 0.5rem;
        }

        .article-description {
            color: var(--secondary-color);
            font-size: 0.9rem;
            margin-top: 0.5rem;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.5;
        }

        .article-link {
            text-decoration: none;
            color: inherit;
            height: 100%;
            display: block;
        }

        .article-meta {
            margin-top: auto;
            padding-top: 1rem;
        }

        @media (max-width: 768px) {
            .container {
                padding: 1rem;
            }

            .press-grid {
                grid-template-columns: 1fr;
            }

            :root {
                --card-min-height: 450px;
                --image-height: 200px;
            }
        }

        .loading-spinner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            border: 4px solid #f3f3f3;
            border-top: 4px solid var(--primary-color);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: translate(-50%, -50%) rotate(0deg); }
            100% { transform: translate(-50%, -50%) rotate(360deg); }
        }

        .article-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.3s ease;
        }

        .article-image.loading {
            opacity: 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Press Coverage</h1>
        <div class="press-grid" id="pressGrid">
        </div>
    </div>

    <script>
        const pressData = [
            {
                date: 'December 18th, 2025',
                title: 'People of ACM - Julia Gersey',
                author: 'ACM',
                publication: 'Association for Computing Machinery',
                link: 'https://www.acm.org/articles/people-of-acm/2025/julia-gersey',
                image: 'assets/press/julia-gersey-poa.jpg',
                description: 'In her interview, she discusses her interest in building mobile sensing systems, analyzing changing city conditions to better serve communities, her vision for ACM XRDS magazine, and more.'
            },
            {
                date: 'November 5th, 2025',
                title: 'Julia Gersey Named Editor-in-Chief of Association of Computing Machinery XRDS Magazine',
                author: 'ECE News',
                publication: 'University of Michigan ECE',
                link: 'https://ece.engin.umich.edu/stories/julia-gersey-named-editor-in-chief-of-association-of-computing-machinery-xrds-magazine',
                image: 'assets/press/acm-xrds.jpg',
                description: 'Gersey will oversee the publication of ACM XRDS, a computing research magazine created by students, for students.'
            },
            {
                date: 'June 13th, 2025',
                title: 'Twenty Students Inducted into the 2024-2025 Excellence in ECE Honor Roll',
                author: 'ECE News',
                publication: 'University of Michigan ECE',
                link: 'https://ece.engin.umich.edu/stories/twenty-students-inducted-into-the-2024-2025-excellence-in-ece-honor-roll',
                image: 'assets/press/eceexcellence-2025.jpg',
                description: 'Julia Gersey recognized for fostering an inclusive and welcoming environment for prospective ECE graduate students through participation in panels, leading tours, engaging with prospective students, volunteering at workshops, and regularly attending department events.'
            },
            {
                date: 'June 11th, 2025',
                title: 'BW Grad Receives Department of Energy Fellowship to Further Research',
                author: 'BW News',
                publication: 'Baldwin Wallace University',
                link: 'https://www.bw.edu/news/2025/06/bw-grad-receives-department-of-energy-fellowship-to-further-research',
                image: 'assets/press/um-ece-doe.jpg',
                description: 'Baldwin Wallace University graduate Julia Gersey receives prestigious Department of Energy Computational Science Graduate Fellowship to advance research in computational methods for urban infrastructure analysis.'
            },
            {
                date: 'June 2nd, 2025',
                title: 'Julia Gersey receives ACM SenSys 2025 Best Poster Award for work on sensing city environments',
                author: 'ECE News',
                publication: 'University of Michigan ECE',
                link: 'https://ece.engin.umich.edu/stories/julia-gersey-receives-acm-sensys-2025-best-poster-award-for-work-on-sensing-city-environments',
                image: 'assets/press/sensys-best-poster.jpeg',
                description: 'Julia Gersey receives ACM SenSys 2025 Best Poster Award for work on sensing city environments.'
            },
            {
                date: 'May 13th, 2025',
                title: '2025 Class of DOE CSGF Fellows Announced',
                author: 'Krell Institute',
                publication: 'DOE Computational Science Graduate Fellowship',
                link: 'https://www.krellinst.org/csgf/about-doe-csgf/news/2025-05/2025class',
                image: 'assets/press/doe-csgf-logo.png',
                description: 'Julia Gersey from University of Michigan selected as one of thirty new Ph.D. students in the 35th class of DOE Computational Science Graduate Fellows, applying high-performance computing to innovative research.'
            },
            {
                date: 'May 13th, 2025',
                title: 'U.S. Department of Energy Selects 35th Class of Computational Science Graduate Fellows',
                author: 'Office of Science',
                publication: 'U.S. Department of Energy',
                link: 'https://www.energy.gov/science/articles/us-department-energy-selects-35th-class-computational-science-graduate-fellows',
                image: 'assets/press/US_DEPARTMENT_OF_ENERGY_Logo.jpg',
                description: 'Thirty new Ph.D. students will apply high-performance computing to innovative research in fields from quantum computing and AI to energy science.'
            },
            {
                date: 'April 15th, 2025',
                title: 'Julia Gersey receives DOE Fellowship supporting research to improve urban life',
                author: 'ECE News',
                publication: 'University of Michigan ECE',
                link: 'https://ece.engin.umich.edu/stories/julia-gersey-receives-doe-fellowship-supporting-research-to-improve-urban-life',
                image: 'assets/press/um-ece-doe.jpg',
                description: 'Julia Gersey, doctoral student in Electrical and Computer Engineering, received a Computational  Science Graduate Fellowship (CSGF) from the Department of Energy (DOE) to support research that aims to improve the overall welfare of urban populations by addressing the problem of homelessness.'
            },
            {
                date: 'May 5th, 2023',
                title: 'BW Air Quality Study Earns National Science Foundation Funding',
                author: 'BW News',
                publication: 'Baldwin Wallace University',
                link: 'https://www.bw.edu/news/2023/spring/05-bw-air-quality-study-earns-national-science-foundation-funding',
                image: 'assets/press/bw-air-quality-nsf.jpg',
                description: 'Research project focused on measuring and analyzing air quality in urban environments.'
            },
            {
                date: 'May 5th, 2023',
                title: 'BW Faculty, Students Travel to Guatemala to Bring Tech to Medical Records System',
                author: 'BW News',
                publication: 'Baldwin Wallace University',
                link: 'https://www.bw.edu/news/2023/spring/05-bw-faculty-students-travel-to-guatemala-to-bring-tech-to-medical-records-system',
                image: 'assets/press/bw-visits-guatemala-may 2023.jpg',
                description: 'Technology initiative to improve healthcare delivery in Guatemala through digital medical records system.'
            },
            {
                date: 'May 5th, 2023',
                title: 'BW Leads Ohio Initiative to Increase Computing Grads',
                author: 'BW News',
                publication: 'Baldwin Wallace University',
                link: 'https://www.bw.edu/news/2023/spring/05-bw-leads-ohio-initiative-to-increase-computing-grads',
                image: 'assets/press/bw-increase-computing-julia-gersey-acm-w.jpg',
                description: 'Baldwin Wallace University leads NSF-funded initiative to increase the number of graduates in computer science and related computational fields.'
            },
            {
                date: 'June 6th, 2022',
                title: 'BW STEM Majors Win NASA Ohio Space Grant Consortium Scholarships',
                author: 'BW News',
                publication: 'Baldwin Wallace University',
                link: 'https://www.bw.edu/news/2022/spring/06-bw-stem-majors-win-nasa-ohio-space-grant-consortium-scholarships',
                image: 'assets/press/ohio-space-grant-consortium.jpg',
                description: 'Baldwin Wallace University students receive prestigious NASA Ohio Space Grant Consortium scholarships.'
            },
            {
                date: 'February 1st, 2022',
                title: 'Baldwin Wallace Steps Up to the Plate',
                author: 'Bob Sandrick',
                publication: 'Cleveland Magazine',
                link: 'https://clevelandmagazine.com/cleader/community/articles/baldwin-wallace-steps-up-to-the-plate',
                image: 'assets/press/baldwin-wallace-steps-up-to-plate.jpg',
                description: "The university's new Campus Plate app helps students who are facing food insecurities, developed by BW computer science students."
            }
        ];

        async function fetchMetadata(url) {
            try {
                const proxyUrl = `https://api.allorigins.win/get?url=${encodeURIComponent(url)}`;
                const response = await fetch(proxyUrl);
                const data = await response.json();

                const doc = new DOMParser().parseFromString(data.contents, 'text/html');

                return doc.querySelector('meta[property="og:image"]')?.content ||
                       doc.querySelector('meta[name="twitter:image"]')?.content ||
                       doc.querySelector('meta[name="thumbnail"]')?.content ||
                       'https://via.placeholder.com/400x300';
            } catch (error) {
                console.error('Error fetching metadata:', error);
                return 'https://via.placeholder.com/400x300';
            }
        }

        function createArticleCard(article) {
            return `
                <a href="${article.link}" class="article-link" target="_blank">
                    <div class="article-card">
                        <div class="image-container">
                            <img src="${article.image}"
                                 alt="${article.title}"
                                 class="article-image"
                                 onerror="this.src='https://via.placeholder.com/400x300'">
                        </div>
                        <div class="article-content">
                            <div>
                                <div class="article-date">${article.date}</div>
                                <h2 class="article-title">${article.title}</h2>
                                <div class="article-description">${article.description}</div>
                            </div>
                            <div class="article-meta">
                                <div class="article-author">by ${article.author} - ${article.publication}</div>
                            </div>
                        </div>
                    </div>
                </a>
            `;
        }

        function renderPressGrid() {
            const pressGrid = document.getElementById('pressGrid');
            pressGrid.innerHTML = pressData
                .sort((a, b) => new Date(b.date) - new Date(a.date))
                .map(article => createArticleCard(article))
                .join('');
        }

        document.addEventListener('DOMContentLoaded', renderPressGrid);
    </script>
</body>
</html>