-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
254 lines (223 loc) · 10.5 KB
/
Copy pathindex.html
File metadata and controls
254 lines (223 loc) · 10.5 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>UCF MammoChat – Join Our Mammogram Research Study | Advancing Breast Health</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Participate in UCF’s MammoChat mammogram study to drive breakthroughs in breast health, reduce false positives, and support early detection innovations. Join us to empower women with improved diagnostic tools.">
<meta name="keywords" content="MammoChat, mammogram research study, breast health, UCF, early detection, false positive reduction, women’s health, mammogram technology, personalized care">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script>
function toggleMenu() {
const navMenu = document.querySelector('nav ul');
navMenu.classList.toggle('active');
}
async function fetchNews() {
try {
const response = await fetch('https://gnews.io/api/v4/search?q=Medical%20AI&token=a443d2fcec84ca82f2e90e444c675fa8');
const data = await response.json();
const newsSlider = document.querySelector('.news-slider');
if (data.articles && data.articles.length > 0) {
const titlesSet = new Set(); // To keep track of unique titles
data.articles.slice(0, 20).forEach(article => {
// Check if the article title is already in the set
if (!titlesSet.has(article.title)) {
// Add the title to the set to mark it as added
titlesSet.add(article.title);
const newsItem = document.createElement('div');
newsItem.classList.add('news-item');
// Trim the description to 20 words
let description = article.description || 'No description available.';
const wordLimit = 20;
if (description.split(' ').length > wordLimit) {
description = description.split(' ').slice(0, wordLimit).join(' ') + '...';
}
newsItem.innerHTML = `
<img src="${article.image || 'placeholder.jpg'}" alt="News Image" class="news-image">
<h3><a href="${article.url}" target="_blank">${article.title}</a></h3>
<p>${description}</p>
`;
newsSlider.appendChild(newsItem);
}
});
// If no unique articles are found, show a message
if (titlesSet.size === 0) {
newsSlider.innerHTML = '<p>No unique news articles found.</p>';
}
} else {
newsSlider.innerHTML = '<p>No news articles found.</p>';
}
} catch (error) {
console.error('Error fetching news:', error);
document.querySelector('.news-slider').innerHTML = '<p>Failed to load news.</p>';
}
}
function scrollSlider(direction) {
const slider = document.querySelector('.news-slider');
const scrollAmount = 300; // Adjust the scroll distance as needed
slider.scrollBy({ left: direction * scrollAmount, behavior: 'smooth' });
}
fetchNews();
</script>
</head>
<body>
<nav>
<img src="images/ucf-logo.png" alt="UCF Logo" class="logo">
<button class="menu-toggle" onclick="toggleMenu()">
<i class="fas fa-bars"></i> <!-- Font Awesome menu icon -->
</button>
<ul>
<li><a href="#why-join">Why Join?</a></li>
<li><a href="#protocol">Research Protocol</a></li>
<li><a href="#team">Team Members</a></li>
</ul>
<a href="https://study.mammochat.com/signin" class="button join">Join Now</a>
</nav>
<header>
<div class="header-content">
<h1>Welcome to UCF <span>MammoChat</span></h1>
<p>Unlock the Future of Breast Health. <br/>Join Our Mammogram Research Study!</p>
<a href="#importance" class="lightbutton">LEARN MORE</a>
</div>
<div class="video-container desktop">
<video width="80%" controls poster="images/vimgae.png">
<source src="images/AIMedicine.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</header>
<div class="mobile">
<video width="100%" controls poster="images/vimgae.png">
<source src="images/AIMedicine.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<section id="importance">
<div class="importance-container">
<div class="importance-text">
<h2><span>Mammograms</span> Are Important</h2>
<p>Breast health is vital for every woman, and advancing mammogram technology is key to earlier detection and better outcomes. Our research study seeks to revolutionize the way mammograms are used to diagnose and monitor breast health, making screenings more accurate and accessible. By participating, you’ll play an essential role in driving breakthroughs that could save lives and transform care for generations to come.<br/><span> Any woman who has ever had a mammogram done can enroll in this study.</span></p>
<a href="https://study.mammochat.com/signin" target="_blank" class="button">Get Started Today</a>
</div>
<div class="importance-image">
<img src="images/mammochat-hero.png" alt="Mammogram importance image" />
</div>
</div>
</section>
<section id="why-join">
<h2>Why Join?<br/><span>Here are a few reasons why you should participate in the study</span></h2>
<div class="reasons">
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Be a Part of Groundbreaking Research<br/>
<span>Your participation helps pave the way for the next generation of mammogram technology.</span>
</p>
</div>
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Help Reduce False Positives and Unnecessary Procedures<br/>
<span>By contributing to this study, you’ll aid in refining mammogram accuracy, reducing the emotional and physical burden of unnecessary follow-ups</span></p>
</div>
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Contribute to Women’s Health Advancements<br/>
<span>Join us in our mission to empower women with better diagnostic tools.</span></p>
</div>
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Support Early Detection Innovations<br/>
<span>Your involvement accelerates the development of tools that could lead to earlier, more precise breast cancer detection—potentially saving lives and improving long-term health outcomes.</span></p>
</div>
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Receive Valuable Health Insights<br/>
<span>All participants receive complimentary mammogram screenings and detailed health feedback.</span>
</p>
</div>
<div class="reason">
<img src="images/ribbon-icon.png" alt="Ribbon Icon">
<p>Empower Personalized Care for All Women<br/>
<span>This study aims to create data-driven insights that can lead to more personalized screening recommendations, ensuring every woman receives the care best suited to her unique needs.</span></p>
</div>
</div>
<div class="center-button">
<a href="https://study.mammochat.com/signin" target="_blank" class="button">Get Started Today</a>
</div>
</section>
<section id="protocol">
<div class="protocol-content">
<p>Our protocol has been vetted and approved by the University of Central Florida’s Institutional Review Board and is listed on ClinicalTrials.gov (NCT06604078)</p>
<a href="https://clinicaltrials.gov/study/NCT06604078" target="_blank" class="button">Learn More</a>
</div>
</section>
<section id="team">
<h2>Team Members</h2>
<p class="teamsub">Our team members leading the research study</p>
<div class="team-container">
<div class="team-member">
<img src="images/contact-logo-grp.png" alt="UCF Logo">
<div class="member-info">
<h3>Dr. Dexter Hadley</h3>
<p>Phone: 407-266-8742</p>
<p>Email: <a href="mailto:dexter.hadley@ucf.edu">dexter.hadley@ucf.edu</a></p>
</div>
</div>
<div class="team-member">
<img src="images/contact-logo-grp.png" alt="UCF Logo">
<div class="member-info">
<h3>Dr. Amoy Fraser</h3>
<p>Phone: 407-266-8742</p>
<p>Email: <a href="mailto:amoy.fraser@ucf.edu">amoy.fraser@ucf.edu</a></p>
</div>
</div>
<div class="team-member">
<img src="images/contact-logo-grp.png" alt="UCF Logo">
<div class="member-info">
<h3>Britney-Ann Wray, BS, CCRP</h3>
<p>Phone: 407-266-8742</p>
<p>Email: <a href="mailto:britney-ann.wray@ucf.edu">britney-ann.wray@ucf.edu</a></p>
</div>
</div>
</div>
</section>
<section id="map-section">
<div class="map-container">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4024.5790958287444!2d-81.2808294!3d28.3683178!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1699487650115!5m2!1sen!2sus"
width="100%"
height="400"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
</section>
<section id="news-section">
<h2>In The News</h2>
<p class="teamsub">AI Transforming Healthcare for the Better</p>
<div class="news-slider-container">
<button class="slider-button left" onclick="scrollSlider(-1)">❮</button>
<div class="news-slider">
<!-- News articles will be dynamically inserted here -->
</div>
<button class="slider-button right" onclick="scrollSlider(1)">❯</button>
</div>
</section>
<section id="footer-banner">
<div class="footer-content">
<p><span>Any woman who has ever had a mammogram done can enroll in this study. Join us today and let’s make a difference in breast health!</span></p>
<a href="https://study.mammochat.com/signin" target="_blank" class="button footer-button">Get Started</a>
</div>
</section>
<section id="after-footer">
<div class="protocol-content">
<p>Join our Discourse Community and connect with others who are passionate about making a positive impact, just like you!</p>
<a href="https://community.mammochat.com" target="_blank" class="button">Connect Now</a>
</div>
</section>
</body>
</html>