-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpact.html
325 lines (280 loc) · 12.6 KB
/
pact.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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>EqualTogether</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Custom styles for nav/footer -->
<link href="http://getbootstrap.com/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet">
<!-- Optional Bootstrap theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Nina's Stylesheet -->
<link href="basicstyles.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]-->
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<!--[endif]-->
<!-- Lame-assed embedded styles -->
<style type="text/css">
#NavBar-Masthead {
position:absolute;
left:24px;
top:14px;
width:164px;
height:19px;
z-index:5;
}
#Headline {
position:absolute;
left:110px;
top:100px;
width:773px;
height:36px;
z-index:6;
}
#TheePact {
position:absolute;
left:110px;
top:165px;
width:780px;
height:900px;
z-index:7;
}
#PactGuts {
position:absolute;
left:0px;
top:215px;
width:780px;
height:100%;
border-top:solid;
border-top-width: 4px;
z-index:7;
}
#LeftCol {
position:absolute;
left:0px;
top:5px;
width:370px;
height:100%;
}
#RightCol {
position:absolute;
top:5px;
left:400px;
width:370px;
height:100%;
}
#dottie {
position:absolute;
top:850px;
width:100%;
border-bottom:dotted thin #555;
}
#apDiv1 {
position:absolute;
left:145px;
top:875px;
width:465px;
height:86px;
z-index:8;
}
#endpage_blahdeda {
position:absolute;
width:100%;
height:175px;
top:1200px;
background-color:#eee;
z-index:1;
}
.footer-filler {
margin-bottom: 50px;
}
#slideout {
position:absolute;
top: 2000px;
height:50px;
left: 0;
width: 100%;
padding: 10px 0;
text-align: left;
background: #BBB;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
#slideout_inner {
position:absolute;
top: 2050px;
background: #CCC;
width: 100%;
padding: 50px;
height: 300px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-o-transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
#slideout_inner textarea {
width: 190px;
height: 100px;
margin-bottom: 6px;
}
#slideout:hover {
bottom: 1700px;
}
#slideout:hover #slideout_inner {
left: 0;
}
.durp {
color:#ccc;
padding-left:23px;
padding-top:5px;
}
</style>
<!---------------------------- Analytics Goodness -------------------------------->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54550991-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!---------------------------- Bootstrap Template Fixed navbar -------------------------------->
<div id="NavBar-Masthead"></div>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="NavBar-Masthead"><a href="http://www.equaltogether.com"><img src="images/et_mastheadlogo.png" width="164" height="19" alt="Home"></a></div>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Our Pact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Browse Companies<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="dropdown-header">Partner Companies</li>
<li class="durp">One</a></li>
<li class="durp">Two</a></li>
<li class="durp">Three</a></li>
<li class="divider"></li>
<li role="presentation" class="dropdown-header">Independently Disclosed Companies</li>
<li>Facebook</a></li>
<li><a href="../tech/facebook.html">Facebook</a></li>
<li><a href="../tech/google.html">Google</a></li>
<li><a href="../tech/linkedin.html">LinkedIn</a></li>
<li><a href="../tech/yahoo.html">Yahoo!</a></li>
<li class="divider"></li>
<li class="dropdown-header-FYI" data-toggle="modal" data-target="#myModal"><a href="#">What's The Difference?</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!--------------- What's The Diff Modal ------------------>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">What's The Difference?</h4>
</div>
<div class="modal-body">
<p>The difference between Partner Companies and Independently Disclosed Companies, is that our Partner Companies have agreed to the EqualTogether pact—and work directly with us to deliver updated numbers as frequently as makes sense for the size of their organization and rate of hiring. Weekly for a mammoth company, quarterly for a startup with less than 250 employees. We’re also developing API based direct reporting to enable daily updates, and are excited to see those go live just as soon as we can.</p><p>Independently Disclosed Companies are just that—organizations who've taken the bold step to go public with their EEO-1 reported diversity numbers on their own, and have no relationship with EqualTogether. All information we post about these companies is publicly available, and presented here to offer the most complete window we can into Tech's diversity challenges.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Got It!</button>
</div>
</div>
</div>
</div>
<!------------------------------------ Begin page content ------------------------------------>
<div class="pact-headline" id="Headline">Our Partner Company Pact</div>
<div id="TheePact">
<div class="pact-agreeto">
<p>Accountability is at the heart of EqualTogether’s purpose, as is mutual responsibility.<span class="pact-agreeto"><a href="pricing.html"> Businesses: Join Us!</a></span></p>
</div>
<div class="pact-intro">
<p><span class="pact-agreeto">We the undersigned</span> are a consortium of organizations joined in a shared commitment to radical transparency and measurable change. Our charge is correcting today’s disparities in workforce diversity, across our industry. Our goal is to align the diversity numbers of our corporate workplaces, with the communities that house them.</p>
<p>We each commit to this charge as one force among many—because together our visible efforts, mistakes, successes, and challenges, will be a far greater force with which to drive industry-wide equality of opportunity for all, than any one organization could alone accomplish. </p>
<p>We each specifically commit, to…</p>
</div>
<div id="PactGuts">
<div id="LeftCol">
<p class="pact-subhead"> Partner Companies</p>
<p class="declare">Act as a full participant</p>
<p class="respond">In the effort driven by EqualTogether to standardize how diversity data is categorized, compiled, and represented.</p>
<p class="declare">Openly share</p>
<p class="respond">Our own successes and failures with each other.</p>
<p class="declare">Listen to our peers</p>
<p class="respond">In other Partner Companies, about what they are doing that is and isn’t working. This is not a competition, it is a charge to solve for a problem endemic to our industry’s workforce.</p>
<p class="declare">Swiftly adapt</p>
<p class="respond">Our own programs as results from Partners make solution-opportunity areas clear.</p>
<p class="declare">Take unprecedented risks</p>
<p class="respond">With sharing in-aggregate data about our workforces.</p>
<p class="continuation">In doing the above, we also commit to the highest standards of information security and privacy ethics in protecting the details and identities of individuals in our employ.</p>
<p class="continuation">To work with EqualTogether and other Partner companies, to develop new standards for accountability in diversity.</p>
<p class="continuation">To work towards the goal of including reports of progress in Diversity Hiring, at the end of each Quarterly Earnings Call with investors.</p>
<p class="continuation">To participate in our annual Partners Roundtable, reviewing successes, failures, and opportunities to improve as a whole industry. </p>
</div>
<div id="RightCol">
<p class="pact-subhead">Individuals</p>
<p class="declare">Be courageous</p>
<p class="respond">Truthfully represent all of who you are. Use the EqualTogether EOE box on job applications as often as possible.</p>
<p class="declare">Be an ally</p>
<p class="respond">To do our part to be an ally for all our peers from all walks of life.</p>
<p class="declare">Listen & Act</p>
<p class="respond">When you see abuses happening on the job, report them.</p>
<p class="continuation">As EqualTogether rolls-out our “Advocates” program, become an engaged participant.</p>
</div>
</div>
<div id="dottie"></div>
<div id="apDiv1" class="pact-notyet">Partner Companies Yet To Disclose</div>
</div>
<!---------------------- Nacho Momma's NonProfit ---------------------------->
<div id="endpage_blahdeda">
<p class="footy-blather-header">EqualTogether is a project of HumanAxis</p>
<p class="footy-blather">HumanAxis is a 501(c)3, under the proud fiscal sponsorship of the NetRoots Foundation. Yep, you read that correctly: this whole shebang is being done as a non-profit. A competitively priced B2B SAAS platform serving curated content and workforce analytics, developed by industry vets who aren't in it to become billionaires—but are in this to get results. A business in the same game as all the other Delaware C-Corps, but without the VCs, without valuation goals, and with a social entrepreneurship purpose. Expectations are high, and we seek to crush them.
</p>
</div>
<!---------------------- Footer Footer Footer Footer ---------------------------->
<div class="footer-filler">
</div>
<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">
<div class="container" style="padding-top: 1em;">
<div class="navbar-left">
<p class="footy">©2015 <a href="http://www.humanaxis.org">HumanAxis Inc.</a><span class="footy-etc"> All Rights Reserved.</span></p>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
</html>