-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews.html
125 lines (114 loc) · 6.07 KB
/
news.html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>News</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<div class="header">
<a href="/index.html" class="logo">Joseph Walewski</a>
<div class="header-left">
<a href="/about_me.html">About Me</a>
<a href="/research.html">Research</a>
<a href="/running.html">Running</a>
<a href="/news.html">News</a>
</div>
<div class="header-right">
<a href="files/Joseph Walewski CV November 2024.pdf">Resume</a>
<a href="https://www.linkedin.com/in/josephwalewski/">LinkedIn</a>
<a href="https://github.com/jwalewski">GitHub</a>
<a href="https://www.instagram.com/jwalewski_/">Instagram</a>
</div>
</div>
<div class="header-mobile">
<div class="button-container header-button">
<button class="expand-button header-button">Menu</button>
<div class="expanded-content header-button">
<h2>Joseph Walewski</h2>
<div class="scrollable-content header-button">
<div class="header-left">
<a href="/index.html" class="logo">Home</a><br><br>
<a href="/about_me.html">About Me</a><br><br>
<a href="/research.html">Research</a><br><br>
<a href="/running.html">Running</a><br><br>
<a href="/news.html">News</a><br>
</div>
<div class="header-right">
<br>
<a href="files/Joseph Walewski CV November 2024.pdf">Resume</a><br><br>
<a href="https://www.linkedin.com/in/josephwalewski/">LinkedIn</a><br><br>
<a href="https://github.com/jwalewski">GitHub</a><br><br>
<a href="https://www.instagram.com/jwalewski_/">Instagram</a>
</div>
</div>
</div>
<div class="collapsed-content">
</div>
</div>
</div>
<div id="first_content">
<h1>News</h1>
<p>Throughout my life I've been honored to be featured in many news articles; I've archived them here to the best of my knowledge...</p>
<p>Clicking on the link takes you each article while clicking on other portions of the button reveal a quick summary of the article.</p>
<!-- I actually think the "drop down" buttons I currently have for my research and running pages would be excellent for my news page! -->
</div>
<button class="collapsible">Walewski Advocates For Beach Cleanup Accountability (<a href="https://www.ctinsider.com/fairfield/article/santacon-fairfield-university-town-hall-beach-18625161.php">CT Insider</a>)</button>
<div class ="content">
<p> Being from a coastal community, I am incredibly passionate about preserving our local enviornment. When the time came to advocate for my community, I was the only college age resident to stand up and say that beach littering is unacceptable.</p>
</div>
<button class="collapsible">Walewski Wins Best Poster at AQMHD 2022 (<a href="https://www.conncoll.edu/news/news-archive/2022/walewski-wins-best-poster/">Connecticut College</a>)</button>
<div class ="content">
<p> I am incredibly proud to say that I won the best poster award against 26 graduate students on October 9th, 2022. I presented my reserach with Professor Douglass on hybrid genome assembly and the dilemma of using short, accurate reads versus long and inaccurate reads. While the release of the revio machine shortly after rendered my data obsolete, it was an excellent introduction to scientific conferences.</p>
</div>
<button class="collapsible">Walewski Runs Every Street of New London (<a href="https://www.conncoll.edu/news/news-archive/2021/walewski-runs-every-street-in-new-london/">Connecticut College</a>)</button>
<div class ="content">
<p> I am grateful that Connecticut College recognized my efforts to run every street of my college town throughout my sophmore year. </p>
</div>
<button class="collapsible"> Walewski Runs Every Street of Fairfield (<a href="https://www.conncoll.edu/news/news-archive/2020/cross-country-runner-runs-every-street//">Connecticut College</a>, <a href="https://news.hamlethub.com/westport-connecticut/46872-local-college-student-completes-challenge-to-run-every-street-in-fairfield-ct">Fairfield Hamlethub</a>)</button>
<div class ="content">
<p> I am grateful that Connecticut College recognized my efforts to run every street of my homee town from April 3 to August 25, 2020. </p>
</div>
<div class="container">
<!-- Rest of your HTML content -->
<!-- ... -->
</div>
<div class="fixed-footer">
<div class="container"><a href="https://github.com/jwalewski/josephwalewski.com">Built from scratch</a> by Joseph Walewski</div>
</div>
<script>
// Add an event listener to all the collapsible buttons
var collapsibleButtons = document.getElementsByClassName('collapsible');
for (var i = 0; i < collapsibleButtons.length; i++) {
collapsibleButtons[i].addEventListener('click', function () {
// Toggle the active class for the clicked button
this.classList.toggle('active');
// Toggle the content visibility for the clicked button
var content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + 'px';
}
});
}
</script>
<script>
var collapsibleButtons = document.querySelectorAll('.button-container');
collapsibleButtons.forEach(function(button) {
button.addEventListener('click', function () {
// Toggle the active class for the clicked button
this.classList.toggle('active');
// Toggle the content visibility for the clicked button
var content = this.querySelector('.expanded-content'); // Get the content div within the clicked button
if (content.style.maxHeight) {
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + 'px';
}
});
});
</script>
</body>
</html>