-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (101 loc) · 5.01 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
---
layout: default
---
<div class="diversity-headline position--relative">
<h1 class="font--white text-center full-width">Portland Diversity in Tech</h1>
</div>
<div class="container">
<div class="row margin-top-xxl margin-bottom-xxl">
<div class="col-md-8 col-centered">
<p>In 2015, 23 tech companies in Portland signed a pledge to improve diversity in our industry, agreeing to “<a href="http://www.techtownportland.com/5actions/" class="link--underline">5 Actions</a>” that would bring about change. The fifth action is “<span class="font-weight--bold">Share our collective data</span>” on the demographic representation of our offices in the Portland metro area on the basis of race and gender.</p>
<p>Earlier this year, the pledging companies took part in a survey to gather baseline data on key demographics that will support our measurement of progress. The results are provided below and will be essential in guiding meaningful work on diversity and inclusion initiatives, and in tracking our progress.</p>
</div>
</div>
</div>
<div class="container margin-bottom-lg">
<p class="margin-top-lg h2 roboto-thin text-center">Compared Across Portland's Workforce</p>
<p class="small text-center">Data recieved from a report prepared by <a href="http://dhmresearch.com/" class="link--underline">DHM Research</a></p>
<div class="row margin-top-xxl">
<div class="col-md-12 text-center">
<div class="display--inline-block margin-bottom-xs">Diversity By:</div>
<ul class="list-inline filter-list display--inline-block">
<li><a href="#" class="active" data-filter="gender" data-section="workforce">Gender</a></li>
<li><a href="#" data-filter="race" data-section="workforce">Race</a></li>
</ul>
</div>
</div>
<div class="chart-wrapper">
<div class="row margin-top-md">
<div class="col-md-12">
<!-- <p class="text-center">Workforce</p> -->
<article class="margin-top-md small-margin-top-0 workforce-chart"></article>
<ul class="chart-key list-inline text-right">
<li>Men</li>
<li>Women</li>
</ul>
</div>
</div>
</div>
<p class="margin-top-xxl h2 roboto-thin text-center">2016: Survey Data</p>
<div class="row margin-top-xxl">
<div class="col-md-12 text-center">
<div class="display--inline-block margin-bottom-xs">Diversity By:</div>
<ul class="list-inline filter-list display--inline-block">
<li><a href="#" class="active" data-filter="gender" data-section="position">Gender</a></li>
<li><a href="#" data-filter="race" data-section="position">Race</a></li>
<li><a href="#" data-filter="education" data-section="position">Education</a></li>
<li><a href="#" data-filter="age" data-section="position">Age</a></li>
</ul>
</div>
</div>
<div class="chart-wrapper">
<div class="row margin-top-md">
<div class="col-lg-6 col-md-12">
<p class="text-center">Technical position</p>
<article class="margin-top-xl small-margin-top-0 ct-chart"></article>
</div>
<div class="col-lg-6 col-md-12">
<p class="text-center">Non-technical position</p>
<article class="margin-top-xl small-margin-top-0 ct-chart1"></article>
</div>
</div>
<div class="row margin-top-md">
<div class="col-lg-6 col-md-12">
<p class="text-center">Leadership and Management</p>
<article class="margin-top-xl small-margin-top-0 ct-chart2"></article>
</div>
<div class="col-lg-6 col-md-12">
<p class="text-center">Overall</p>
<article class="margin-top-xl small-margin-top-0 ct-chart3"></article>
</div>
</div>
</div>
</div>
<div class="new-hires position--relative margin-top-xxl margin-bottom-xxl padding-top-xl padding-bottom-xl font--white">
<h3 class="text-center">New Hires Since the Pledge</h3>
<div class="text-center margin-top-lg">
<div class="display--inline-block padding-left-md padding-right-md">
<p class="h1 roboto-thin">43%</p>
<p class="small">Female</p>
</div>
<div class="display--inline-block padding-left-md padding-right-md">
<p class="h1 roboto-thin">13%</p>
<p class="small">LGBTQ</p>
</div>
<div class="display--inline-block padding-left-md padding-right-md">
<p class="h1 roboto-thin">18%</p>
<p class="small">Person of Color</p>
</div>
<div class="display--inline-block padding-left-md padding-right-md">
<p class="h1 roboto-thin">2%</p>
<p class="small">Veteran</p>
</div>
</div>
</div>
<div class="container margin-top-xxl">
<div class="row margin-top-xxl margin-bottom-xxl">
<div class="col-md-8 col-centered">
<p class="margin-0">This survey is made possible because of support of the <a href="http://www.pdc.us/welcome.aspx" class="link--underline">Portland Development Commission (PDC)</a>. As the city's economic development agency, PDC is focused on increasing access to prosperity for all Portlanders. PDC has been an active partner with the tech industry in the TechTown Diversity Pledge.</p>
</div>
</div>
</div>