-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
250 lines (211 loc) · 11.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>US Healthcare Mottos</title>
<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=Amatic+SC&family=Ysabeau+Infant:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<main>
<!-- *********************** ABOUT / PROFILE *********************** -->
<header>
<div class="content-wrap">
<img src="assets/Header.png" alt="A cute clinician character holding their glasses, reading the website. ">
<h1>US Healthcare Mottos</h1>
<p>An <a href="https://github.com/goinvo/US-Healthcare-Mottos">open source, Creative Commons Attribution v4 work</a> by <a class="btn"href="https://www.goinvo.com/">GoInvo</a>.</p>
<p>Send us your feedback at <a href = "mailto: [email protected]">[email protected]</a> </p>
</div>
</header>
<section class="intro">
<div class ="content-wrapintro">
<img src="/assets/Problems.png" alt="healthcare problem is a ton of burden on our shoulders">
<p>Healthcare's dance, you see,<br />
Guides care with glee, in harmony,<br />
GoInvo's whimsy to set us free.
</p>
<!-- End of Intro block. -->
</div>
</section>
<!-- ******************** P R I N C I P L E S ********************* -->
<section class="principles">
<div class ="content-wrap divider">
<!-- P R I N C I P L E 1 -->
<section class="principle-item" id="Do No Harm">
<img src="assets/gifs/1_DoNoHarm.gif" alt="A clinician embraces their clients with caring hands, protecting them from harm.">
<h3>1. Do No Harm</h3>
<br>
<p>
In the digital realm,<br />
"First, do no harm" takes the helm,<br />
No glitches overwhelm.
</p>
</section>
<!-- P R I N C I P L E 2 -->
<section class="principle-item" id="Primary Care For All">
<img src="assets/gifs/2_UniversalPrimaryCare.gif" alt="Diverse care-receivers with different ages, gender, race, and species pleasantly holding a healthcare heart.">
<h3>2. Primary Care For All</h3>
<br>
<p>
All in, none cast away,<br />
"Universal care!" they say,<br />
In the USA's healthcare ballet.
</p>
</section>
<!-- P R I N C I P L E 3 -->
<section class="principle-item" id="Fear-Free Timely Care">
<img src="assets/gifs/3_FearFreeTimelyCare.gif" alt="Healthcare is an imaginary friend that is with you whenever you need them. They take care of you all the time: manage your
medication, activities, sleep, and a lot more!">
<h3>3. Fear-Free Timely Care</h3>
<br>
<p>
Worries make hearts pound,<br />
Timely care, a reassuring sound,<br />
Trust blooms, fears unbound.
</p>
</section>
<!-- P R I N C I P L E 4 -->
<section class="principle-item" id="Patient Information Privacy">
<img src="assets/gifs/4_PatientInformationIsPrivate.gif" alt="A patient discovers their data being peeked through a threshold! They close the door to protect their data from non
consensual use.">
<h3>4. Patient Information Privacy</h3>
<br>
<p>
Secrets must be sealed,<br />
Guarded well, they're not revealed,<br />
Trust's treasure concealed.
</p>
</section>
<!-- P R I N C I P L E 5 -->
<section class="principle-item" id="No Health Data Misuse">
<img src="assets/gifs/5_PreventHealthDataMisuse.gif" alt="Covered entities co-build a shield protecting health data from meteorites, shooting arrows, and even from a fire dragon.">
<h3>5. No Health Data Misuse</h3>
<br>
<p>
Data's sacred vow,<br />
Shield it well, here and now,<br />
Criminals, take no bow.
</p>
</section>
<!-- P R I N C I P L E 6 -->
<section class="principle-item" id="Patients Make Their Own Decisions">
<img src="assets/gifs/6_PatientsMakeTheirOwnDecisions.gif" alt="A woman decides to get a copper IUD for birth control. Her doctor and nurse appear and show thumbs up, supporting her
choice in her best interest.">
<h3>6. Patients Make Their Own Decisions</h3>
<br>
<p>
Patient's voice held high,<br />
Informed choices, reach the sky,<br />
In their care, we rely.
</p>
</section>
<!-- P R I N C I P L E 7 -->
<section class="principle-item" id="Clear Consent">
<img src="assets/gifs/7_ClearConsent.gif" alt="A patient is informed & knows the nature, risk and benefits of proposed care. After thinking about it, they expressed their
consent to the clinician and reached an agreement.">
<h3>7. Clear Consent</h3>
<br>
<p>
Consent's gentle dance,<br />
No coercion, take a chance,<br />
Trust, in each glance.
</p>
</section>
<!-- P R I N C I P L E 8 -->
<section class="principle-item" id="Understandable Medical Costs">
<img src="assets/gifs/8_Apprehended MedicalCosts.gif" alt="A patient is so confused by all of the services! The floating mess of services turns into a clear Patient Data Receipt so that the
patient is informed and understands her medical costs before any service is performed.">
<h3>8. Understandable Medical Costs</h3>
<br>
<p>
Costs, crystal and bright,<br />
No hidden fees, clear as light,<br />
Trust in financial sight.
</p>
</section>
<!-- P R I N C I P L E 9 -->
<section class="principle-item" id="Decriminalized Drug Addiction">
<img src="assets/gifs/9_DecriminalizeDrugPossessionAndAddictionB.gif" alt="A woman is sitting in her kitchen with her cat, weed, shrooms, and cocaine.">
<h3>9. Decriminalized Drug Possession</h3>
<br>
<p>
Drugs for some, not chains,<br />
Compassion flows through these plains,<br />
Health, not punishment, reigns.
</p>
</section>
<!-- P R I N C I P L E 10 -->
<section class="principle-item" id="One Data Schema">
<img src="assets/gifs/10_OneDataSchema.gif" alt="A little buddy eats up a mess of data, and produces a core star of standard data representation.">
<h3>10. One Data Schema</h3>
<br>
<p>
Data's shared embrace,<br />
Standardization sets the pace,<br />
Care flows with grace.
</p>
</section>
<!-- P R I N C I P L E 11 -->
<section class="principle-item" id="Empower Patient Data Ownership">
<img src="assets/gifs/11_PatientDataOwnership.gif" alt="A person firmly grasps their standard health data and holds it in a confident pose.">
<h3>11. Patient Data Ownership</h3>
<br>
<p>
Own data's key to wield,<br />
Patient's choice in every field,<br />
Rights and care both sealed.
</p>
</section>
<!-- End of Principles block. -->
</div>
</section>
<!-- ******************** C O N C L U S I O N ********************* -->
<section class="conclusion">
<div class ="content-wrapconclusion">
<h3>What's next?</h3>
<p>
In mottos, we unite,<br />
Healthcare's future shining bright,<br />
Join us in the light.
</p>
<!-- End of Intro block. -->
</div>
</section>
<!-- ****************** References ****************** -->
<section class="principles">
<div class ="content-wrap item-details">
<h3>References</h3>
<section>
<p><a href="https://pubmed.ncbi.nlm.nih.gov/15839325/">1. First principles: substantive ethics for healthcare organizations</a></p>
<p><a href="https://scholars.org/contribution/twenty-lessons-fighting-tyranny-twentieth-century">2. Twenty Lessons on Fighting Tyranny From The Twentieth Century</a></p>
<p><a href="https://www.aafp.org/advocacy/advocacy-topics/reform-principles.html">3. Reform Principles of the U.S. Health Care System</a></p>
<p><a href="https://www.atrainceu.com/content/3-principles-healthcare-ethics">4. The Principles of Healthcare Ethics</a></p>
<p><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4196023/">5. Teaching seven principles for public health ethics: towards a curriculum for a short course on ethics in public health programmes</a></p>
</section>
<!-- End of Team block. -->
</div>
</section>
<!-- ****************** Team ****************** -->
<section class="team">
<div class ="content-wrap">
<h3>Team</h3>
<div class="row">
<p>by Carina Zhang<p>
<p>with Juhan Sonin and Eric Benoit<p>
</div>
<!-- End of Team block. -->
</div>
</section>
<!-- ***************** CONTACT INFO / SOCIAL MEDIA ***************** -->
<footer>
<div class ="content-wrap">
<h2><a class="footerbtn"href="https://www.goinvo.com/">Explore Goinvo!</a></h2>
<p> Send us your feedback at <a href = "mailto: [email protected]">[email protected]</a> </p>
</div>
</footer>
</main>
</body>
</html>