Skip to content

Commit 1a6cc5d

Browse files
goatladyplaindocsravindk89
authored
2024 survey results (#2349)
* add ethical ad div to nav bar So that the footer script doesn't throw an error and kill the survey navigation javascript * update fontawesome embed * troubleshooting internal nav menu * css/js fixes for text in <li> and <td> now including <p> * remove ethical ads markup (it pushes the survey nav down too far) * 2024 report structure * WIP * table sorting, further text drafting * WIP * sortable tables; sticky table headers * job changes section * job security; job search confidence * todos * question text; pay transparency * organization location * organization size, type, industry * work location * contractor work type and preferred term * styling * employee benefits * time in current role * proportion of role * role proportions * currencies * contractor satisfaction * emplpyee satisfaction * table sorting accessibility improvements * jump menu for other survey results * jump to top button * median salary by resp region; table styling * median salary by respondent region - state breakdowns * median salary by gender identity * median salary by experience * median salary by org size * additional role categories * employee satisfaction statements * contractor currency, medians * updated employee statements * contractor statements * contractor satisfaction statements * mobile nav, toc functionality, style tweaks, general text cleanups * lets get this building * CSS refactoring; text corections * refactoring round 2 * respondent location table refactoring * table edits * mobile tweaks; placeholder images * tweaks * Edit duplicate label * table striping fix * hamburger nav * js testing * mobile menu testing * remove mobile nav debug * table sorting fixes * tweaks * section navigation * fix busted link target * missed one oops * argh another one * css refactoring * a few charts * typo * job changes charts #1 * chart: salary decrease reasons * chart: contractor earnings decrease * stronger box shadow * more contrast in table striping; hairline panel border * pull quotes carousel; general accessibility/style/color improvements; * contractor note moved to basis section * full time hours clarification Co-authored-by: Ravind Kumar <[email protected]> * full time clarification Co-authored-by: Ravind Kumar <[email protected]> * fix up math errors in hours worked * footnote incorrect figure * typo fixes * employee/contractor job security charts * palette still not right * some charts and some chart styling * charts for work location and RTO * charts: gender identity and survey feedback * charts: age group, years experience, some updates to other bar charts * charts: education level, organization size, pay transparency policy, pay transparency culture * blurb for 2024 results * charts: pay transparency support; pay transparency law * charts: employee satisfaction * charts: contractor satisfaction * charts: contractor satisfaction * update 2023 nav; add mailchimp form; add opengraph image for 2024 --------- Co-authored-by: Sam Wright <[email protected]> Co-authored-by: Ravind Kumar <[email protected]> Co-authored-by: Sam <[email protected]>
1 parent 01fc205 commit 1a6cc5d

File tree

58 files changed

+9250
-779
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+9250
-779
lines changed

‎docs/_static/survey/css/2024-svg.css

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Asap:wdth,[email protected],100..900&display=swap');
2+
3+
:root {
4+
--color-text-dark: #50514F;
5+
--color-text-light: #999999;
6+
--color-text-contrast: #FFFFFF;
7+
--color-grid: #F2F4F6;
8+
--color-series-a: #00AEFF;
9+
--color-series-b: #FFA600;
10+
--font: "Asap", sans-serif;
11+
--transition: all 0.3s ease-in-out;
12+
13+
--color-more: #97BB50;
14+
--color-same: #CDC899;
15+
--color-less: #F09100;
16+
17+
--color-very-confident: #008dcf;
18+
--color-confident: #00b7e1;
19+
--color-neutral: #00dfe1;
20+
--color-not-confident: #00b281;
21+
--color-not-confident-at-all: #048000;
22+
}
23+
24+
text {
25+
font-family: 'asap',sans-serif;
26+
fill: var(--color-text-dark);
27+
&.reverse {
28+
fill: var(--color-text-contrast);
29+
}
30+
}
31+
32+
.title {
33+
display: none;
34+
fill: var(--color-text-dark);
35+
font-family: var(--font);
36+
font-weight: 500;
37+
.subtitle {
38+
fill: var(--color-text-light);
39+
font-weight: 400;
40+
}
41+
}
42+
43+
.donut-chart {
44+
45+
text.value-labels-inner {
46+
font-weight: 700;
47+
}
48+
49+
}
50+
51+
52+
.bar-chart-vertical {
53+
54+
.gridlines {
55+
stroke: var(--color-grid);
56+
stroke-width: 1;
57+
}
58+
59+
.axis-labels {
60+
fill: var(--color-text-dark);
61+
font-family: var(--font);
62+
font-weight: 400;
63+
}
64+
65+
.y-axis {
66+
.axis-labels {
67+
fill: var(--color-text-light);
68+
}
69+
}
70+
71+
.value-labels, .value-labels-outer, .value-labels-outer text, .value-labels-inner, .value-labels-inner text, .labels text {
72+
fill: var(--color-text-dark);
73+
font-family: var(--font);
74+
font-weight: 400;
75+
}
76+
77+
.labels .figure {
78+
font-weight: 700;
79+
}
80+
81+
.value-labels-inner, .value-labels-inner text {
82+
fill: #FFF;
83+
}
84+
85+
.bars {
86+
fill: var(--color-series-a);
87+
fill-opacity: 0.8;
88+
}
89+
90+
.bars path {
91+
transition: var(--transition);
92+
}
93+
94+
.bars path:hover {
95+
fill-opacity: 1;
96+
}
97+
98+
}
99+
100+
.bar-chart-horizontal {
101+
102+
.value-labels-inner {
103+
fill: var(--color-text-dark);
104+
font-family: var(--font);
105+
font-weight: 700;
106+
}
107+
108+
}

0 commit comments

Comments
 (0)