Skip to content

Commit b2eb1e4

Browse files
committed
Add Node.js User Survey 2018 microsite
This site comes with its own HTML and assets and doesn't depend on any of the regular website's resources. It's not supposed to be translated. It is added to a website subdirectory for ease of deployment, we might consider to move it to a separate subdomain and repository next year, when the next report comes out. Fixes: #1654 Review: @gtewallace, @alexcontini
1 parent 4090ae1 commit b2eb1e4

Some content is hidden

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

115 files changed

+8667
-2
lines changed
Binary file not shown.
Binary file not shown.

external/survey-2018/bootstrap.min.css

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

external/survey-2018/bootstrap.min.js

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

external/survey-2018/d3.v3.min.js

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

external/survey-2018/data.js

Lines changed: 3367 additions & 0 deletions
Large diffs are not rendered by default.

external/survey-2018/data.min.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

external/survey-2018/full.js

Lines changed: 775 additions & 0 deletions
Large diffs are not rendered by default.

external/survey-2018/full.min.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

external/survey-2018/graph.html

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Web Survey Report 2018: Technologies | Node.js</title>
5+
<style>
6+
body, html {
7+
margin: 0;
8+
}
9+
10+
body {
11+
font-family: 'HelveticaNeue-Roman',Helvetica,Arial,sans-serif;
12+
line-height: 1.5;
13+
overflow: hidden;
14+
}
15+
16+
.node {
17+
stroke: #fff;
18+
stroke-width: 2px;
19+
}
20+
21+
.node circle {
22+
stroke: #000;
23+
stroke-width: 1.5px;
24+
}
25+
26+
27+
.textClass {
28+
stroke: #323232;
29+
font-weight: normal;
30+
stroke-width: .1;
31+
font-size: 5px;
32+
}
33+
34+
.svg-container {
35+
display: inline-block;
36+
position: relative;
37+
width: 100%;
38+
padding-bottom: 100%;
39+
/* aspect ratio */
40+
vertical-align: top;
41+
overflow: hidden;
42+
margin-left: -50px;
43+
}
44+
45+
.svg-content-responsive {
46+
display: inline-block;
47+
position: absolute;
48+
top: 90px;
49+
left: 0;
50+
}
51+
52+
button {
53+
display: inline-block;
54+
padding: 10px 16px;
55+
margin: 1em 0;
56+
font-size: 14px;
57+
font-size: 18px;
58+
line-height: 1;
59+
text-align: center;
60+
white-space: nowrap;
61+
vertical-align: middle;
62+
-ms-touch-action: manipulation;
63+
touch-action: manipulation;
64+
cursor: pointer;
65+
-webkit-user-select: none;
66+
-moz-user-select: none;
67+
-ms-user-select: none;
68+
user-select: none;
69+
background-image: none;
70+
border: 1px solid transparent;
71+
border-radius: 4px;
72+
border-top-left-radius: 4px;
73+
border-top-right-radius: 4px;
74+
border-bottom-right-radius: 4px;
75+
border-bottom-left-radius: 4px;
76+
background: #000;
77+
border-color: #000;
78+
color: #fff;
79+
}
80+
81+
label {
82+
display: inline-block;
83+
width: 10em;
84+
}
85+
</style>
86+
</head>
87+
88+
<body>
89+
<!--
90+
<button data-action="addNodesBE">Back End</button>
91+
<button data-action="addNodesFE">Front End</button>
92+
<button data-action="addNodesFS">Full Stack</button>
93+
<button data-action="remove">remove</button> <br>
94+
-->
95+
<form>
96+
<label>Developer Segment:</label>
97+
<input type="radio" name="stack" value="ac" id="tr1" checked="checked">Back End
98+
<input type="radio" name="stack" value="sc" id="tr2">Front End
99+
<input type="radio" name="stack" value="smc" id="tr3">Full Stack
100+
</form>
101+
<form>
102+
<label>Connection Types:</label>
103+
<input type="radio" name="stack" value="ac" id="cr1" checked="checked"> All
104+
<input type="radio" name="stack" value="sc" id="cr2"> Strong
105+
<input type="radio" name="stack" value="smc" id="cr3"> Strong and Medium
106+
</form>
107+
<button data-action="addNodes">Draw</button>
108+
<div id="graph-container"></div>
109+
<script src="d3.v3.min.js"></script>
110+
<script src="jquery.min.js"></script>
111+
<script src="graph.min.js" async defer></script>
112+
</body>
113+
</html>

0 commit comments

Comments
 (0)