-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (166 loc) · 8.98 KB
/
index.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
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
<!DOCTYPE html>
<html>
<head>
<title>WAYPOINT</title>
<meta lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/favicon-map-marker.ico" />
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
crossorigin="anonymous">
<link rel="stylesheet" href="./about.css">
<script src="./about.js"></script>
</head>
<body>
<header>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper purple darken-4">
<a href="#" data-target="mobile-demo" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul id="nav-mobile" class="left hide-on-med-and-down">
<!-- <li>
<a href="#top">WAYPOINT</a>
</li>
<li>
<a href="#problem">Problem</a>
</li>
<li>
<a href="#solution">Solution</a>
</li> -->
</ul>
</div>
</nav>
</div>
<!-- <ul class="sidenav" id="mobile-demo">
<li>
<a href="#top">WAYPOINT</a>
</li>
<li>
<a href="#problem">Problem</a>
</li>
<li>
<a href="#solution">Solution</a>
</li>
</ul> -->
</header>
<main>
<div class="container">
<section id="top" class="scrollspy">
<div class="row">
<div class="col m10 offset-m1 s12 ">
<div class="row" style="margin-top: 40px;">
<img class=" col s10 offset-s1 responsive-img" src="assets/logo.png" />
</div>
<p class="center-align italic-light">
Illuminating the path between the dreams of today and the healthcare of tommorow.
</p>
<div class="col s10 offset-s1">
<img class="responsive-img" src="assets/roadmap.png" />
</div>
<div class="col s10 offset-s1">
<p class="quote">
Thousands of students in need. Five states with shortages of primary care physicians. One medical school trying to turn the
tide. As part of UW Medicine,
<b>Waypoint</b> maps the healthcare education pipeline so that programs can coordinate their
outreach, and students can find the services they need to succeed as healthcare professionals.
</p>
</div>
</div>
</div>
</section>
<section id="problem" class="scrollspy">
<div class="row">
<div class="col m10 offset-m1 s12">
<h2 class="center-align">Why Waypoint?</h2>
<p class="flow-text">
Since the 1970’s health professionals have known of a lack of primary care physicians
in the Greater Pacific Northwest region.
As the only accredited medical school in the area, the task fell on the UW School of Medicine
to solve this problem.
</p>
<div class="row">
<div class="col s8 xs12 offset-s2 center-align">
<img class="responsive-img" src="assets/statesBig.png" />
<p class="italic-light">The five states of the WWAMI Region.</p>
</div>
</div>
<p class="flow-text">
Over the next decades the School of Medicine would create the
<b>WWAMI initiative</b>, an innovative approach to promoting health care careers in underserved
areas with targeted youth outreach and medical residencies.
</p>
<h3>But there's a problem...</h3>
<p class="flow-text">
No one knows where this outreach is working and what areas need help. Students fall off the map, programs can't collaborate,
and the initiative suffers as a whole.
</p>
</div>
</div>
</section>
<section id="solution" class="scrollspy">
<div class="row">
<div class="col m10 offset-m1 s12">
<h2 class="center-align">Guide the Way</h2>
<div class="center-align">
<img class="responsive-img" src="assets/Map-Initial-View.svg" />
<p class="italic-light">
With the mapping tool, students can easily find relevant programs in their area.
</p>
</div>
<p class="flow-text">
Waypoint offers students and partnering organizations a simple information hub for finding and connecting with outreach programs.
No longer do students risk the chance of not continuing their involment, and no longer do organizations
have to jump through hurdles just to connect and collaborate with similar offerings in their
area of operation.
</p>
<h3>Process as a Product</h3>
<p class="flow-text">
The data that fuels Waypoint was created practically from scratch. We designed a method of data collection for the WWAMI
Inititiave that enables them to collect clean, extensive information for an ever growing number
of outreach programs. As more organizations provide this information, Waypoint will provide a
greater wealth of information.
</p>
<div class="center-align">
<img class="responsive-img" src="assets/steps.svg" />
<p class="italic-light">
Creating a robust API for accessing the data collected allows future teams to utilize its potential to the fullest.
</p>
</div>
<p class="flow-text">
Waypoint was built on the premise that good tools rely on good data. Knowing that organizational needs change, we made the
database that houses all of the information we've gathered available as its own tool. Through
our partner Seattle Data for Good, all of the details of this project and instructions for using
the data derived from it will be made available to an entire community of innovators who will
continue to help the WWAMI Initiative acheive its goal of eliminating the shortage of physicians
in areas of need.
</p>
</div>
</div>
</section>
</div>
</main>
<footer class="page-footer purple darken-4">
<div class="container">
<div class="row">
<div class="col s12">
Created by: Nathan Foster, Andrew Kan, Govind Pillai and Jon Shilling
</div>
<div class="col s12">
Sponsored by: UW Medicine, WWAMI, Western Washington AHEC, and Seattle Data for Good
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container italic-light">Special thanks to Leonora B Clarke (UWSOM), Benjamin Xie (UW iSchool), and Jeremy Caci (UW Undergraduate Affairs)</div>
</div>
</footer>
</body>
</html>