-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
231 lines (205 loc) · 11.4 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
<div class="dcf-overflow-x-auto" tabindex="0">
<table class="dcf-table dcf-table-bordered dcf-table-striped dcf-w-100%">
<thead>
<tr>
<th width="30%" scope="col">Categories of personal information</th>
<th width="20%" scope="col">Do we collect?</th>
<th width="20%" scope="col">Do we disclose for business purposes?</th>
<th width="20%" scope="col">Do we sell or may we sell?</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">NAME, CONTACT INFORMATION AND IDENTIFIERS: </span><span style="font-weight:400">Identifiers such as a real name, alias, postal address, unique personal identifier, online identifier, Internet Protocol (IP) address, email address, account name, or other similar identifiers.<br><br><span style="font-style: italic">For example, the information you provide us when you become an Orangetheory Fitness member or sign up for a trial workout.</span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">CUSTOMER RECORDS: </span><span style="font-weight:400">Paper and electronic customer records containing personal information, such as name, signature, physical characteristics or description, address, telephone number, employment information, bank account number, credit card number, debit card number, or any other financial information, or medical information.<br><br><span style="font-style: italic">For example, the information you provide us when you purchase workout sessions.</span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">PROTECTED </span><br><span style="font-weight:bolder;font-style:normal">CLASSIFICATIONS: </span><span style="font-weight:400">Characteristics of protected classifications under California or federal law such as sex, age, and disability.<br><br><span style="font-style: italic">For example, we collect sex and age information from members.</span></span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">PURCHASE HISTORY AND TENDENCIES: </span><span style="font-weight:400">Commercial information, including records of personal property, products or services purchased, obtained, or considered, or other purchasing or consuming histories or tendencies.<br><br><span style="font-style: italic">For example, we collect information about your preferred studios and your workout package purchase history.</span></span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">BIOMETRIC INFORMATION: </span><span style="font-weight:400">Physiological, biological or behavioral characteristics that can be used alone or in combination with each other to establish individual identity, including gait patterns or rhythms, and sleep, health, or exercise data that contain identifying information.<br><br><span style="font-style: italic">For example, we collect your heartrate information when you use OT Beats.</span></span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">USAGE DATA: </span><span style="font-weight:400">Internet or other electronic network activity information, including, but not limited to, browsing history, search history, and information regarding a resident’s interaction with an internet website, application, or advertisement.<br><br><span style="font-style: italic">For example, we automatically collect information when you visit our Site or use our Apps, such as the pages you view.</span></span></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">AUDIO/VISUAL: </span><span style="font-weight:400"><br>Audio, electronic, visual, or similar information.<br><br><span style="font-style: italic">For example, we may video record studio activity for our own marketing and social media content.</span></span><br></span></th>
<td data-label="Do we collect?">YES/NO</td>
<td data-label="Do we disclose for business purposes?">YES/NO</td>
<td data-label="Do we sell or may we sell?">YES/NO</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">EMPLOYMENT HISTORY:</span><br><span style="font-weight:bolder;font-style:normal"> <span style="font-weight:400"><br>Professional or employment-related information.<br><br><span style="font-style: italic">For example, we may collect your business contact information if you join through a corporate membership.</span></span><br></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
<tr>
<th scope="row"><span><span style="font-weight:bolder;font-style:normal">PROFILES AND INFERENCES:</span><br><span style="font-weight:bolder;font-style:normal"> </span><br><span style="font-weight:400;font-style:normal">Inferences drawn from any of the information identified above to create a profile about a resident reflecting the resident’s preferences, characteristics, psychological trends, predispositions, behavior, attitudes, intelligence, abilities, and aptitudes.</span><br></span></th>
<td data-label="Do we collect?">YES</td>
<td data-label="Do we disclose for business purposes?">YES</td>
<td data-label="Do we sell or may we sell?">YES</td>
</tr>
</tbody>
</table></div>
<style>
:root {
/* --bg-table-stripe: #f6f6f5; */
--b-table: #000;
--caption: #242423;
}
table {
background-color: transparent;
border-collapse:collapse;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
max-width: 800px;
}
td{
vertical-align: middle;
}
.dcf-txt-center {
text-align: center!important
}
.dcf-txt-left {
text-align: left!important
}
.dcf-txt-right {
text-align: right!important
}
.dcf-table caption {
color: var(--caption);
font-size: 1.13em;
font-weight: 700;
padding-bottom: .56rem
}
.dcf-table thead {
font-size: .84em
}
.dcf-table tbody {
border-bottom: 1px solid var(--b-table);
border-top: 1px solid var(--b-table);
font-size: .84em
}
.dcf-table tfoot {
font-size: .84em
}
.dcf-table td, .dcf-table th {
padding-right: 1.78em
}
.dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
border: 1px solid var(--b-table)
}
.dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
padding-left: 1em;
padding-right: 1em
}
.dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
border-bottom: 1px solid var(--b-table)
}
.dcf-table-striped tbody tr:nth-of-type(2n) {
background-color: var(--bg-table-stripe)
}
.dcf-table thead td, .dcf-table thead th {
padding-bottom: .75em;
vertical-align: bottom
}
.dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
padding-top: .75em;
vertical-align: middle;
}
.dcf-table tbody td, .dcf-table tbody th {
padding-bottom: .75em
}
.dcf-table-bordered thead th {
padding-top: 1.33em
}
.dcf-wrapper-table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding-bottom: 1em;
position: relative;
right: 50%;
width: 100vw
}
@media only screen and (max-width:42.09em) {
.dcf-table-responsive thead {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
white-space: nowrap
}
.dcf-table-responsive tr {
display: block
}
.dcf-table-responsive td {
-webkit-column-gap: 3.16vw;
-moz-column-gap: 3.16vw;
column-gap: 3.16vw;
display: grid;
grid-template-columns: 1fr 2fr;
text-align: left!important
}
.dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
border-width: 0
}
.dcf-table-responsive.dcf-table-bordered tbody td {
border-top-width: 0
}
.dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
padding-bottom: .75em
}
.dcf-table-responsive:not(.dcf-table-bordered) tbody td {
padding-bottom: 0
}
.dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
padding-right: 0
}
.dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
border-bottom-width: 0
}
.dcf-table-responsive tbody td:before {
content: attr(data-label);
float: left;
font-weight: 700;
padding-right: 1.78em
}
}
.dcf-overflow-x-auto {
overflow-x: auto!important;
-webkit-overflow-scrolling: touch
}
.dcf-w-100\% {
width: 100%!important;
}
</style>