@caweb/html-webpack-plugin 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index-rtl.css +227 -0
- package/build/index.asset.php +1 -0
- package/build/index.css +229 -0
- package/build/index.css.map +1 -0
- package/build/index.js +108 -0
- package/build/index.js.map +1 -0
- package/package.json +47 -0
- package/sample/favicon.ico +0 -0
- package/sample/index.html +49 -0
- package/sample/jshint.html +162 -0
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./plugins/html/src/styles/index.scss ***!
|
|
3
|
+
\***********************************************************************************************************************************************************************************************************************************************************/
|
|
4
|
+
@charset "UTF-8";
|
|
5
|
+
body {
|
|
6
|
+
--body-margin: 2rem;
|
|
7
|
+
--body-bg: #fff;
|
|
8
|
+
--body-fg: #111;
|
|
9
|
+
--nav-bg: #eee;
|
|
10
|
+
--nav-bg-hover: #bbb;
|
|
11
|
+
--nav-fg: #11c;
|
|
12
|
+
--h-bg: #eee;
|
|
13
|
+
--h-fg: #222;
|
|
14
|
+
--component-margin-sm: 1.5rem;
|
|
15
|
+
--component-margin-lg: 3rem;
|
|
16
|
+
--component-border: 1px solid #aaa;
|
|
17
|
+
--count-bg: #eee;
|
|
18
|
+
--count-border: 1px solid #aaa;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
body.is-dark-mode {
|
|
22
|
+
--body-margin: 2rem;
|
|
23
|
+
--body-bg: #111;
|
|
24
|
+
--body-fg: #fff;
|
|
25
|
+
--nav-bg: #444;
|
|
26
|
+
--nav-bg-hover: #222;
|
|
27
|
+
--nav-fg: #bcf;
|
|
28
|
+
--h-bg: #222;
|
|
29
|
+
--h-fg: #eee;
|
|
30
|
+
--component-margin-sm: 1.5rem;
|
|
31
|
+
--component-margin-lg: 3rem;
|
|
32
|
+
--component-border: 1px solid #aaa;
|
|
33
|
+
--count-bg: #111;
|
|
34
|
+
--count-border: 1px solid #aaa;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/*
|
|
38
|
+
* General
|
|
39
|
+
*/
|
|
40
|
+
* {
|
|
41
|
+
box-sizing: border-box;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
html {
|
|
45
|
+
scroll-behavior: smooth;
|
|
46
|
+
}
|
|
47
|
+
@media (prefers-reduced-motion: reduce) {
|
|
48
|
+
html {
|
|
49
|
+
scroll-behavior: auto;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
body {
|
|
54
|
+
background-color: var(--body-bg);
|
|
55
|
+
color: var(--body-fg);
|
|
56
|
+
font-family: sans-serif;
|
|
57
|
+
margin: var(--body-margin);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
a {
|
|
61
|
+
color: var(--nav-fg);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
p {
|
|
65
|
+
margin: 0 0 0.5em 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h1, h2 {
|
|
69
|
+
font-weight: normal;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
h1, h2, h3 {
|
|
73
|
+
color: var(--h-fg);
|
|
74
|
+
margin: 0 0 var(--component-margin-sm) 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/*
|
|
78
|
+
* Page Container
|
|
79
|
+
*/
|
|
80
|
+
#page-container {
|
|
81
|
+
display: flex;
|
|
82
|
+
}
|
|
83
|
+
#page-container aside {
|
|
84
|
+
margin-left: calc(1.5 * var(--body-margin));
|
|
85
|
+
padding-left: calc(1 * var(--body-margin));
|
|
86
|
+
border-left: var(--component-border);
|
|
87
|
+
}
|
|
88
|
+
#page-container * + div {
|
|
89
|
+
flex-grow: 1;
|
|
90
|
+
}
|
|
91
|
+
#page-container * + div section {
|
|
92
|
+
margin-bottom: var(--component-margin-lg);
|
|
93
|
+
}
|
|
94
|
+
#page-container * + div section > header {
|
|
95
|
+
align-items: baseline;
|
|
96
|
+
background-color: var(--h-bg);
|
|
97
|
+
display: flex;
|
|
98
|
+
justify-content: space-between;
|
|
99
|
+
margin-left: calc(-1 * var(--body-margin));
|
|
100
|
+
margin-right: calc(-1 * var(--body-margin));
|
|
101
|
+
margin-bottom: var(--component-margin-sm);
|
|
102
|
+
padding: var(--component-margin-sm) var(--body-margin) 0;
|
|
103
|
+
position: sticky;
|
|
104
|
+
top: 0;
|
|
105
|
+
z-index: 1;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/*
|
|
109
|
+
* Header, nav, 'back to top' button
|
|
110
|
+
*/
|
|
111
|
+
.site__header {
|
|
112
|
+
align-items: baseline;
|
|
113
|
+
display: flex;
|
|
114
|
+
flex-wrap: wrap;
|
|
115
|
+
justify-content: space-between;
|
|
116
|
+
}
|
|
117
|
+
.site__header nav {
|
|
118
|
+
margin-bottom: var(--component-margin-sm);
|
|
119
|
+
}
|
|
120
|
+
.site__header nav ul {
|
|
121
|
+
display: flex;
|
|
122
|
+
justify-content: flex-start;
|
|
123
|
+
align-items: center;
|
|
124
|
+
list-style: none;
|
|
125
|
+
padding: 0;
|
|
126
|
+
}
|
|
127
|
+
.site__header nav ul li {
|
|
128
|
+
margin-bottom: var(--component-margin-sm);
|
|
129
|
+
margin: 0 0 0 0.5em;
|
|
130
|
+
}
|
|
131
|
+
.site__header nav ul li a {
|
|
132
|
+
display: block;
|
|
133
|
+
height: 100%;
|
|
134
|
+
}
|
|
135
|
+
.site__header nav ul li button {
|
|
136
|
+
font-size: 1.2em;
|
|
137
|
+
margin-bottom: var(--component-margin-sm);
|
|
138
|
+
text-align: center;
|
|
139
|
+
}
|
|
140
|
+
.site__header nav ul li a, .site__header nav ul li button {
|
|
141
|
+
background-color: var(--nav-bg);
|
|
142
|
+
padding: 0.5em;
|
|
143
|
+
text-decoration: none;
|
|
144
|
+
transition: background-color 0.2s ease;
|
|
145
|
+
}
|
|
146
|
+
.site__header nav ul li a:hover,
|
|
147
|
+
.site__header nav ul li a:focus,
|
|
148
|
+
.site__header nav ul li button:hover,
|
|
149
|
+
.site__header nav ul li button:focus {
|
|
150
|
+
background-color: var(--nav-bg-hover);
|
|
151
|
+
}
|
|
152
|
+
.site__header nav ul li a:focus,
|
|
153
|
+
.site__header nav ul li button:focus {
|
|
154
|
+
outline: 4px dashed var(--nav-fg);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/*
|
|
158
|
+
* Lists
|
|
159
|
+
*/
|
|
160
|
+
ul,
|
|
161
|
+
ol {
|
|
162
|
+
padding: 0 2em 0 0;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
li {
|
|
166
|
+
margin: 0 0 2em 0;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
li li {
|
|
170
|
+
margin: 0;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/*
|
|
174
|
+
* Darkmode switch
|
|
175
|
+
*/
|
|
176
|
+
.button__theme-toggle {
|
|
177
|
+
background: transparent;
|
|
178
|
+
border: none;
|
|
179
|
+
cursor: pointer;
|
|
180
|
+
margin-bottom: 0;
|
|
181
|
+
}
|
|
182
|
+
.button__theme-toggle::before {
|
|
183
|
+
content: "🌛";
|
|
184
|
+
font-size: 1.5rem;
|
|
185
|
+
}
|
|
186
|
+
.is-dark-mode .button__theme-toggle::before {
|
|
187
|
+
content: "🌞";
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/*
|
|
191
|
+
Buttons
|
|
192
|
+
*/
|
|
193
|
+
.btn {
|
|
194
|
+
background-color: var(--nav-bg);
|
|
195
|
+
padding: 0.5em;
|
|
196
|
+
text-decoration: none;
|
|
197
|
+
transition: background-color 0.2s ease;
|
|
198
|
+
font-size: 1.2em;
|
|
199
|
+
margin-bottom: var(--component-margin-sm);
|
|
200
|
+
text-align: center;
|
|
201
|
+
}
|
|
202
|
+
.btn :hover,
|
|
203
|
+
.btn :focus {
|
|
204
|
+
background-color: var(--nav-bg-hover);
|
|
205
|
+
}
|
|
206
|
+
.btn :focus {
|
|
207
|
+
outline: 4px dashed var(--nav-fg);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/* Emojis */
|
|
211
|
+
[class*=emoji-] {
|
|
212
|
+
text-decoration: none;
|
|
213
|
+
cursor: pointer;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.emoji-sun:before {
|
|
217
|
+
content: "🌞";
|
|
218
|
+
}
|
|
219
|
+
.emoji-moon:before {
|
|
220
|
+
content: "🌛";
|
|
221
|
+
}
|
|
222
|
+
.emoji-link:before {
|
|
223
|
+
content: "🔗";
|
|
224
|
+
}
|
|
225
|
+
.emoji-arrow-up:before {
|
|
226
|
+
content: "⬆";
|
|
227
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<?php return array('dependencies' => array(), 'version' => 'e4a9752d5b51811a6e13');
|
package/build/index.css
ADDED
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
|
|
2
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./plugins/html/src/styles/index.scss ***!
|
|
3
|
+
\***********************************************************************************************************************************************************************************************************************************************************/
|
|
4
|
+
@charset "UTF-8";
|
|
5
|
+
body {
|
|
6
|
+
--body-margin: 2rem;
|
|
7
|
+
--body-bg: #fff;
|
|
8
|
+
--body-fg: #111;
|
|
9
|
+
--nav-bg: #eee;
|
|
10
|
+
--nav-bg-hover: #bbb;
|
|
11
|
+
--nav-fg: #11c;
|
|
12
|
+
--h-bg: #eee;
|
|
13
|
+
--h-fg: #222;
|
|
14
|
+
--component-margin-sm: 1.5rem;
|
|
15
|
+
--component-margin-lg: 3rem;
|
|
16
|
+
--component-border: 1px solid #aaa;
|
|
17
|
+
--count-bg: #eee;
|
|
18
|
+
--count-border: 1px solid #aaa;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
body.is-dark-mode {
|
|
22
|
+
--body-margin: 2rem;
|
|
23
|
+
--body-bg: #111;
|
|
24
|
+
--body-fg: #fff;
|
|
25
|
+
--nav-bg: #444;
|
|
26
|
+
--nav-bg-hover: #222;
|
|
27
|
+
--nav-fg: #bcf;
|
|
28
|
+
--h-bg: #222;
|
|
29
|
+
--h-fg: #eee;
|
|
30
|
+
--component-margin-sm: 1.5rem;
|
|
31
|
+
--component-margin-lg: 3rem;
|
|
32
|
+
--component-border: 1px solid #aaa;
|
|
33
|
+
--count-bg: #111;
|
|
34
|
+
--count-border: 1px solid #aaa;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/*
|
|
38
|
+
* General
|
|
39
|
+
*/
|
|
40
|
+
* {
|
|
41
|
+
box-sizing: border-box;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
html {
|
|
45
|
+
scroll-behavior: smooth;
|
|
46
|
+
}
|
|
47
|
+
@media (prefers-reduced-motion: reduce) {
|
|
48
|
+
html {
|
|
49
|
+
scroll-behavior: auto;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
body {
|
|
54
|
+
background-color: var(--body-bg);
|
|
55
|
+
color: var(--body-fg);
|
|
56
|
+
font-family: sans-serif;
|
|
57
|
+
margin: var(--body-margin);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
a {
|
|
61
|
+
color: var(--nav-fg);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
p {
|
|
65
|
+
margin: 0 0 0.5em 0;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
h1, h2 {
|
|
69
|
+
font-weight: normal;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
h1, h2, h3 {
|
|
73
|
+
color: var(--h-fg);
|
|
74
|
+
margin: 0 0 var(--component-margin-sm) 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/*
|
|
78
|
+
* Page Container
|
|
79
|
+
*/
|
|
80
|
+
#page-container {
|
|
81
|
+
display: flex;
|
|
82
|
+
}
|
|
83
|
+
#page-container aside {
|
|
84
|
+
margin-right: calc(1.5 * var(--body-margin));
|
|
85
|
+
padding-right: calc(1 * var(--body-margin));
|
|
86
|
+
border-right: var(--component-border);
|
|
87
|
+
}
|
|
88
|
+
#page-container * + div {
|
|
89
|
+
flex-grow: 1;
|
|
90
|
+
}
|
|
91
|
+
#page-container * + div section {
|
|
92
|
+
margin-bottom: var(--component-margin-lg);
|
|
93
|
+
}
|
|
94
|
+
#page-container * + div section > header {
|
|
95
|
+
align-items: baseline;
|
|
96
|
+
background-color: var(--h-bg);
|
|
97
|
+
display: flex;
|
|
98
|
+
justify-content: space-between;
|
|
99
|
+
margin-right: calc(-1 * var(--body-margin));
|
|
100
|
+
margin-left: calc(-1 * var(--body-margin));
|
|
101
|
+
margin-bottom: var(--component-margin-sm);
|
|
102
|
+
padding: var(--component-margin-sm) var(--body-margin) 0;
|
|
103
|
+
position: sticky;
|
|
104
|
+
top: 0;
|
|
105
|
+
z-index: 1;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/*
|
|
109
|
+
* Header, nav, 'back to top' button
|
|
110
|
+
*/
|
|
111
|
+
.site__header {
|
|
112
|
+
align-items: baseline;
|
|
113
|
+
display: flex;
|
|
114
|
+
flex-wrap: wrap;
|
|
115
|
+
justify-content: space-between;
|
|
116
|
+
}
|
|
117
|
+
.site__header nav {
|
|
118
|
+
margin-bottom: var(--component-margin-sm);
|
|
119
|
+
}
|
|
120
|
+
.site__header nav ul {
|
|
121
|
+
display: flex;
|
|
122
|
+
justify-content: flex-start;
|
|
123
|
+
align-items: center;
|
|
124
|
+
list-style: none;
|
|
125
|
+
padding: 0;
|
|
126
|
+
}
|
|
127
|
+
.site__header nav ul li {
|
|
128
|
+
margin-bottom: var(--component-margin-sm);
|
|
129
|
+
margin: 0 0.5em 0 0;
|
|
130
|
+
}
|
|
131
|
+
.site__header nav ul li a {
|
|
132
|
+
display: block;
|
|
133
|
+
height: 100%;
|
|
134
|
+
}
|
|
135
|
+
.site__header nav ul li button {
|
|
136
|
+
font-size: 1.2em;
|
|
137
|
+
margin-bottom: var(--component-margin-sm);
|
|
138
|
+
text-align: center;
|
|
139
|
+
}
|
|
140
|
+
.site__header nav ul li a, .site__header nav ul li button {
|
|
141
|
+
background-color: var(--nav-bg);
|
|
142
|
+
padding: 0.5em;
|
|
143
|
+
text-decoration: none;
|
|
144
|
+
transition: background-color 0.2s ease;
|
|
145
|
+
}
|
|
146
|
+
.site__header nav ul li a:hover,
|
|
147
|
+
.site__header nav ul li a:focus,
|
|
148
|
+
.site__header nav ul li button:hover,
|
|
149
|
+
.site__header nav ul li button:focus {
|
|
150
|
+
background-color: var(--nav-bg-hover);
|
|
151
|
+
}
|
|
152
|
+
.site__header nav ul li a:focus,
|
|
153
|
+
.site__header nav ul li button:focus {
|
|
154
|
+
outline: 4px dashed var(--nav-fg);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/*
|
|
158
|
+
* Lists
|
|
159
|
+
*/
|
|
160
|
+
ul,
|
|
161
|
+
ol {
|
|
162
|
+
padding: 0 0 0 2em;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
li {
|
|
166
|
+
margin: 0 0 2em 0;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
li li {
|
|
170
|
+
margin: 0;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/*
|
|
174
|
+
* Darkmode switch
|
|
175
|
+
*/
|
|
176
|
+
.button__theme-toggle {
|
|
177
|
+
background: transparent;
|
|
178
|
+
border: none;
|
|
179
|
+
cursor: pointer;
|
|
180
|
+
margin-bottom: 0;
|
|
181
|
+
}
|
|
182
|
+
.button__theme-toggle::before {
|
|
183
|
+
content: "🌛";
|
|
184
|
+
font-size: 1.5rem;
|
|
185
|
+
}
|
|
186
|
+
.is-dark-mode .button__theme-toggle::before {
|
|
187
|
+
content: "🌞";
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/*
|
|
191
|
+
Buttons
|
|
192
|
+
*/
|
|
193
|
+
.btn {
|
|
194
|
+
background-color: var(--nav-bg);
|
|
195
|
+
padding: 0.5em;
|
|
196
|
+
text-decoration: none;
|
|
197
|
+
transition: background-color 0.2s ease;
|
|
198
|
+
font-size: 1.2em;
|
|
199
|
+
margin-bottom: var(--component-margin-sm);
|
|
200
|
+
text-align: center;
|
|
201
|
+
}
|
|
202
|
+
.btn :hover,
|
|
203
|
+
.btn :focus {
|
|
204
|
+
background-color: var(--nav-bg-hover);
|
|
205
|
+
}
|
|
206
|
+
.btn :focus {
|
|
207
|
+
outline: 4px dashed var(--nav-fg);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
/* Emojis */
|
|
211
|
+
[class*=emoji-] {
|
|
212
|
+
text-decoration: none;
|
|
213
|
+
cursor: pointer;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.emoji-sun:before {
|
|
217
|
+
content: "🌞";
|
|
218
|
+
}
|
|
219
|
+
.emoji-moon:before {
|
|
220
|
+
content: "🌛";
|
|
221
|
+
}
|
|
222
|
+
.emoji-link:before {
|
|
223
|
+
content: "🔗";
|
|
224
|
+
}
|
|
225
|
+
.emoji-arrow-up:before {
|
|
226
|
+
content: "⬆";
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
/*# sourceMappingURL=main.css.map*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.css","mappings":";;;AAAA,gBAAgB;ACGH;EAEG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ADUhB;;ACZa;EAEG;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AD0BhB;;AE/BA;;EAAA;AAGA;EACC;AFkCD;;AE/BA;EACC;AFkCD;AEhCC;EAHD;IAIE;EFmCA;AACF;;AEhCA;EACC;EACA;EACA;EACA;AFmCD;;AEhCA;EACC;AFmCD;;AEjCA;EACE;AFoCF;;AElCA;EACC;AFqCD;;AElCA;EACC;EACA;AFqCD;;AElCA;;EAAA;AAGA;EACG;AFqCH;AElCC;EACC;EACA;EACA;AFoCF;AEhCC;EACC;AFkCF;AE/BE;EACC;AFiCH;AE/BG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AFiCJ;;AGtGA;;EAAA;AAGC;EACA;EACA;EACA;EACA;AHyGD;AGvGI;EACI;AHyGR;AGvGQ;EACI;EACA;EACA;EACA;EACA;AHyGZ;AGvGY;EACI;EACA;AHyGhB;AGvGgB;EACI;EACA;AHyGpB;AGvGgB;EACI;EACA;EACA;AHyGpB;AGrGgB;EACI;EACA;EACA;EACA;AHuGpB;AGpGgB;;;;EAII;AHsGpB;AGnGgB;;EAEI;AHqGpB;;AIvJA;;EAAA;AAGC;;EAEI;AJ0JL;;AIxJC;EACI;AJ2JL;;AIzJC;EACE;AJ4JH;;AKvKA;;EAAA;AAGC;EACA;EACA;EACA;EACA;AL0KD;AKxKC;EACC;EACA;AL0KF;AKxKE;EACC;AL0KH;;AMxLA;;CAAA;AAGA;EACC;EACA;EACA;EACA;EACG;EACH;EACA;AN2LD;AMzLI;;EAEC;AN2LL;AMxLI;EACC;AN0LL;;AC/LE;AACA;EACE;EACA;ADkMJ;;AC5LQ;EACE;AD+LV;AChMQ;EACE;ADkMV;ACnMQ;EACE;ADqMV;ACtMQ;EACE;ADwMV,C","sources":["webpack://@caweb/webpack/./plugins/html/src/styles/index.scss","webpack://@caweb/webpack/./plugins/html/src/styles/core/_mixins.scss","webpack://@caweb/webpack/./plugins/html/src/styles/components/_root.scss","webpack://@caweb/webpack/./plugins/html/src/styles/components/_header.scss","webpack://@caweb/webpack/./plugins/html/src/styles/components/_lists.scss","webpack://@caweb/webpack/./plugins/html/src/styles/components/_dark_mode.scss","webpack://@caweb/webpack/./plugins/html/src/styles/components/_button.scss"],"sourcesContent":["@charset \"UTF-8\";\nbody {\n --body-margin: 2rem;\n --body-bg: #fff;\n --body-fg: #111;\n --nav-bg: #eee;\n --nav-bg-hover: #bbb;\n --nav-fg: #11c;\n --h-bg: #eee;\n --h-fg: #222;\n --component-margin-sm: 1.5rem;\n --component-margin-lg: 3rem;\n --component-border: 1px solid #aaa;\n --count-bg: #eee;\n --count-border: 1px solid #aaa;\n}\n\nbody.is-dark-mode {\n --body-margin: 2rem;\n --body-bg: #111;\n --body-fg: #fff;\n --nav-bg: #444;\n --nav-bg-hover: #222;\n --nav-fg: #bcf;\n --h-bg: #222;\n --h-fg: #eee;\n --component-margin-sm: 1.5rem;\n --component-margin-lg: 3rem;\n --component-border: 1px solid #aaa;\n --count-bg: #111;\n --count-border: 1px solid #aaa;\n}\n\n/*\n * General\n */\n* {\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n@media (prefers-reduced-motion: reduce) {\n html {\n scroll-behavior: auto;\n }\n}\n\nbody {\n background-color: var(--body-bg);\n color: var(--body-fg);\n font-family: sans-serif;\n margin: var(--body-margin);\n}\n\na {\n color: var(--nav-fg);\n}\n\np {\n margin: 0 0 0.5em 0;\n}\n\nh1, h2 {\n font-weight: normal;\n}\n\nh1, h2, h3 {\n color: var(--h-fg);\n margin: 0 0 var(--component-margin-sm) 0;\n}\n\n/*\n * Page Container\n */\n#page-container {\n display: flex;\n}\n#page-container aside {\n margin-right: calc(1.5 * var(--body-margin));\n padding-right: calc(1 * var(--body-margin));\n border-right: var(--component-border);\n}\n#page-container * + div {\n flex-grow: 1;\n}\n#page-container * + div section {\n margin-bottom: var(--component-margin-lg);\n}\n#page-container * + div section > header {\n align-items: baseline;\n background-color: var(--h-bg);\n display: flex;\n justify-content: space-between;\n margin-right: calc(-1 * var(--body-margin));\n margin-left: calc(-1 * var(--body-margin));\n margin-bottom: var(--component-margin-sm);\n padding: var(--component-margin-sm) var(--body-margin) 0;\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n/*\n * Header, nav, 'back to top' button\n */\n.site__header {\n align-items: baseline;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.site__header nav {\n margin-bottom: var(--component-margin-sm);\n}\n.site__header nav ul {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n list-style: none;\n padding: 0;\n}\n.site__header nav ul li {\n margin-bottom: var(--component-margin-sm);\n margin: 0 0.5em 0 0;\n}\n.site__header nav ul li a {\n display: block;\n height: 100%;\n}\n.site__header nav ul li button {\n font-size: 1.2em;\n margin-bottom: var(--component-margin-sm);\n text-align: center;\n}\n.site__header nav ul li a, .site__header nav ul li button {\n background-color: var(--nav-bg);\n padding: 0.5em;\n text-decoration: none;\n transition: background-color 0.2s ease;\n}\n.site__header nav ul li a:hover,\n.site__header nav ul li a:focus,\n.site__header nav ul li button:hover,\n.site__header nav ul li button:focus {\n background-color: var(--nav-bg-hover);\n}\n.site__header nav ul li a:focus,\n.site__header nav ul li button:focus {\n outline: 4px dashed var(--nav-fg);\n}\n\n/*\n * Lists\n */\nul,\nol {\n padding: 0 0 0 2em;\n}\n\nli {\n margin: 0 0 2em 0;\n}\n\nli li {\n margin: 0;\n}\n\n/*\n * Darkmode switch\n */\n.button__theme-toggle {\n background: transparent;\n border: none;\n cursor: pointer;\n margin-bottom: 0;\n}\n.button__theme-toggle::before {\n content: \"🌛\";\n font-size: 1.5rem;\n}\n.is-dark-mode .button__theme-toggle::before {\n content: \"🌞\";\n}\n\n/*\n Buttons\n*/\n.btn {\n background-color: var(--nav-bg);\n padding: 0.5em;\n text-decoration: none;\n transition: background-color 0.2s ease;\n font-size: 1.2em;\n margin-bottom: var(--component-margin-sm);\n text-align: center;\n}\n.btn :hover,\n.btn :focus {\n background-color: var(--nav-bg-hover);\n}\n.btn :focus {\n outline: 4px dashed var(--nav-fg);\n}\n\n/* Emojis */\n[class*=emoji-] {\n text-decoration: none;\n cursor: pointer;\n}\n\n.emoji-sun:before {\n content: \"🌞\";\n}\n.emoji-moon:before {\n content: \"🌛\";\n}\n.emoji-link:before {\n content: \"🔗\";\n}\n.emoji-arrow-up:before {\n content: \"⬆\";\n}","\r\n// adds variables\r\n@mixin include-variables($child, $map) {\r\n @at-root #{selector.unify(&, $child)} {\r\n @each $key, $val in $map {\r\n --#{$key}: #{$val};\r\n }\r\n @content;\r\n }\r\n}\r\n\r\n// generates emojis\r\n@mixin generate-emojis(){\r\n /* Emojis */\r\n [class*=\"emoji-\"] {\r\n text-decoration: none;\r\n cursor: pointer;\r\n\r\n }\r\n .emoji {\r\n @each $key, $val in $emojis {\r\n &-#{$key}{\r\n &:before{\r\n content: \"#{$val}\";\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/*\r\n * General\r\n */\r\n* {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n\r\n\t@media (prefers-reduced-motion: reduce) {\r\n\t\tscroll-behavior: auto;\r\n\t}\r\n}\r\n\r\nbody {\r\n\tbackground-color: var(--body-bg);\r\n\tcolor: var(--body-fg);\r\n\tfont-family: sans-serif;\r\n\tmargin: var(--body-margin);\r\n}\r\n\r\na {\r\n\tcolor: var(--nav-fg);\r\n}\r\np{\r\n margin: 0 0 .5em 0\r\n}\r\nh1, h2 {\r\n\tfont-weight: normal;\r\n}\r\n\r\nh1, h2, h3 {\r\n\tcolor: var(--h-fg);\r\n\tmargin: 0 0 var(--component-margin-sm) 0;\r\n}\r\n\r\n/*\r\n * Page Container\r\n */\r\n#page-container{\r\n \tdisplay: flex;\r\n\r\n\t// Sidebar\r\n\taside {\r\n\t\tmargin-right: calc(1.5* var(--body-margin));\r\n\t\tpadding-right: calc(1* var(--body-margin));\r\n\t\tborder-right: var(--component-border);\r\n\t}\r\n\t\r\n\t// Content\r\n\t* + div {\r\n\t\tflex-grow: 1;\r\n\r\n\t\t// Sections\r\n\t\tsection {\r\n\t\t\tmargin-bottom: var(--component-margin-lg);\r\n\r\n\t\t\t> header {\r\n\t\t\t\talign-items: baseline;\r\n\t\t\t\tbackground-color: var(--h-bg);\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tmargin-right: calc(-1 * var(--body-margin));\r\n\t\t\t\tmargin-left: calc(-1 * var(--body-margin));\r\n\t\t\t\tmargin-bottom: var(--component-margin-sm);\r\n\t\t\t\tpadding: var(--component-margin-sm) var(--body-margin) 0;\r\n\t\t\t\tposition: sticky;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}","/*\r\n * Header, nav, 'back to top' button\r\n */\r\n .site__header {\r\n\talign-items: baseline;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n\r\n nav {\r\n margin-bottom: var(--component-margin-sm);\r\n\r\n ul {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: center;\r\n list-style: none;\r\n padding: 0;\r\n\r\n li {\r\n margin-bottom: var(--component-margin-sm);\r\n margin: 0 0.5em 0 0;\r\n\r\n a {\r\n display: block;\r\n height: 100%;\r\n }\r\n button {\r\n font-size: 1.2em;\r\n margin-bottom: var(--component-margin-sm);\r\n text-align: center;\r\n }\r\n\r\n \r\n a, button {\r\n background-color: var(--nav-bg);\r\n padding: 0.5em;\r\n text-decoration: none;\r\n transition: background-color 0.2s ease;\r\n }\r\n\r\n a:hover,\r\n a:focus,\r\n button:hover,\r\n button:focus {\r\n background-color: var(--nav-bg-hover);\r\n }\r\n\r\n a:focus,\r\n button:focus {\r\n outline: 4px dashed var(--nav-fg);\r\n }\r\n \r\n }\r\n }\r\n }\r\n}","/*\r\n * Lists\r\n */\r\n ul,\r\n ol {\r\n padding: 0 0 0 2em;\r\n }\r\n li {\r\n margin: 0 0 2em 0;\r\n }\r\n li li {\r\n margin: 0;\r\n }","/*\r\n * Darkmode switch\r\n */\r\n .button__theme-toggle {\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\tcursor: pointer;\r\n\tmargin-bottom: 0;\r\n\r\n\t&::before {\r\n\t\tcontent: map.get($emojis, \"moon\");\r\n\t\tfont-size: 1.5rem;\r\n\r\n\t\t.is-dark-mode &{\r\n\t\t\tcontent: map.get($emojis, \"sun\");\r\n\t\t}\r\n\t}\r\n}","/*\r\n Buttons\r\n*/\r\n.btn{\r\n\tbackground-color: var(--nav-bg);\r\n\tpadding: 0.5em;\r\n\ttext-decoration: none;\r\n\ttransition: background-color 0.2s ease;\r\n font-size: 1.2em;\r\n\tmargin-bottom: var(--component-margin-sm);\r\n\ttext-align: center;\r\n \r\n :hover,\r\n :focus{\r\n\t background-color: var(--nav-bg-hover);\r\n }\r\n\r\n :focus{\r\n\t outline: 4px dashed var(--nav-fg);\r\n }\r\n}"],"names":[],"sourceRoot":""}
|
package/build/index.js
ADDED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ var __webpack_modules__ = ({
|
|
4
|
+
|
|
5
|
+
/***/ "./plugins/html/src/styles/index.scss":
|
|
6
|
+
/*!********************************************!*\
|
|
7
|
+
!*** ./plugins/html/src/styles/index.scss ***!
|
|
8
|
+
\********************************************/
|
|
9
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
10
|
+
|
|
11
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12
|
+
// extracted by mini-css-extract-plugin
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
/***/ }),
|
|
16
|
+
|
|
17
|
+
/***/ "./plugins/html/src/scripts/dark-mode.js":
|
|
18
|
+
/*!***********************************************!*\
|
|
19
|
+
!*** ./plugins/html/src/scripts/dark-mode.js ***!
|
|
20
|
+
\***********************************************/
|
|
21
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
22
|
+
|
|
23
|
+
__webpack_require__.r(__webpack_exports__);
|
|
24
|
+
document.addEventListener('DOMContentLoaded', () => {
|
|
25
|
+
const button = document.querySelector('.button__theme-toggle');
|
|
26
|
+
button.addEventListener('click', () => {
|
|
27
|
+
const isDarkMode = document.body.classList.contains('is-dark-mode');
|
|
28
|
+
if (isDarkMode) {
|
|
29
|
+
button.setAttribute('aria-pressed', 'false');
|
|
30
|
+
document.body.classList.remove('is-dark-mode');
|
|
31
|
+
} else {
|
|
32
|
+
button.setAttribute('aria-pressed', 'true');
|
|
33
|
+
document.body.classList.add('is-dark-mode');
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
// Set is-dark-mode class if user has requested dark mode.
|
|
38
|
+
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
39
|
+
document.body.classList.add('is-dark-mode');
|
|
40
|
+
button.setAttribute('aria-pressed', 'true');
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
/***/ }),
|
|
45
|
+
|
|
46
|
+
/***/ "./plugins/html/src/scripts/index.js":
|
|
47
|
+
/*!*******************************************!*\
|
|
48
|
+
!*** ./plugins/html/src/scripts/index.js ***!
|
|
49
|
+
\*******************************************/
|
|
50
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
51
|
+
|
|
52
|
+
__webpack_require__.r(__webpack_exports__);
|
|
53
|
+
/* harmony import */ var _dark_mode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dark-mode.js */ "./plugins/html/src/scripts/dark-mode.js");
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
/***/ })
|
|
57
|
+
|
|
58
|
+
/******/ });
|
|
59
|
+
/************************************************************************/
|
|
60
|
+
/******/ // The module cache
|
|
61
|
+
/******/ var __webpack_module_cache__ = {};
|
|
62
|
+
/******/
|
|
63
|
+
/******/ // The require function
|
|
64
|
+
/******/ function __webpack_require__(moduleId) {
|
|
65
|
+
/******/ // Check if module is in cache
|
|
66
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
67
|
+
/******/ if (cachedModule !== undefined) {
|
|
68
|
+
/******/ return cachedModule.exports;
|
|
69
|
+
/******/ }
|
|
70
|
+
/******/ // Create a new module (and put it into the cache)
|
|
71
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
72
|
+
/******/ // no module.id needed
|
|
73
|
+
/******/ // no module.loaded needed
|
|
74
|
+
/******/ exports: {}
|
|
75
|
+
/******/ };
|
|
76
|
+
/******/
|
|
77
|
+
/******/ // Execute the module function
|
|
78
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
79
|
+
/******/
|
|
80
|
+
/******/ // Return the exports of the module
|
|
81
|
+
/******/ return module.exports;
|
|
82
|
+
/******/ }
|
|
83
|
+
/******/
|
|
84
|
+
/************************************************************************/
|
|
85
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
86
|
+
/******/ (() => {
|
|
87
|
+
/******/ // define __esModule on exports
|
|
88
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
89
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
90
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
91
|
+
/******/ }
|
|
92
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
93
|
+
/******/ };
|
|
94
|
+
/******/ })();
|
|
95
|
+
/******/
|
|
96
|
+
/************************************************************************/
|
|
97
|
+
var __webpack_exports__ = {};
|
|
98
|
+
/*!***********************************!*\
|
|
99
|
+
!*** ./plugins/html/src/index.js ***!
|
|
100
|
+
\***********************************/
|
|
101
|
+
__webpack_require__.r(__webpack_exports__);
|
|
102
|
+
/* harmony import */ var _styles_index_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles/index.scss */ "./plugins/html/src/styles/index.scss");
|
|
103
|
+
/* harmony import */ var _scripts_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./scripts/index.js */ "./plugins/html/src/scripts/index.js");
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
/******/ })()
|
|
107
|
+
;
|
|
108
|
+
//# sourceMappingURL=main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.js","mappings":";;;;;;;;;;;AAAA;;;;;;;;;;;;ACAAA,QAAQ,CAACC,gBAAgB,CAAE,kBAAkB,EAAE,MAAM;EACpD,MAAMC,MAAM,GAAGF,QAAQ,CAACG,aAAa,CAAE,uBAAwB,CAAC;EAE7DD,MAAM,CAACD,gBAAgB,CAAC,OAAO,EAAE,MAAM;IACnC,MAAMG,UAAU,GAAGJ,QAAQ,CAACK,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAE,cAAe,CAAC;IAC3E,IAAKH,UAAU,EAAG;MACjBF,MAAM,CAACM,YAAY,CAAE,cAAc,EAAE,OAAQ,CAAC;MAC9CR,QAAQ,CAACK,IAAI,CAACC,SAAS,CAACG,MAAM,CAAE,cAAe,CAAC;IACjD,CAAC,MAAM;MACNP,MAAM,CAACM,YAAY,CAAE,cAAc,EAAE,MAAO,CAAC;MAC7CR,QAAQ,CAACK,IAAI,CAACC,SAAS,CAACI,GAAG,CAAE,cAAe,CAAC;IAC9C;EACE,CAAC,CAAC;;EAEL;EACA,IAAKC,MAAM,CAACC,UAAU,CAAE,8BAA+B,CAAC,CAACC,OAAO,EAAE;IACjEb,QAAQ,CAACK,IAAI,CAACC,SAAS,CAACI,GAAG,CAAE,cAAe,CAAC;IAC7CR,MAAM,CAACM,YAAY,CAAE,cAAc,EAAE,MAAO,CAAC;EAC9C;AAED,CAAC,CAAC;;;;;;;;;;;;;;;;;;UEpBF;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;ACN6B","sources":["webpack://@caweb/webpack/./plugins/html/src/styles/index.scss?9528","webpack://@caweb/webpack/./plugins/html/src/scripts/dark-mode.js","webpack://@caweb/webpack/./plugins/html/src/scripts/index.js","webpack://@caweb/webpack/webpack/bootstrap","webpack://@caweb/webpack/webpack/runtime/make namespace object","webpack://@caweb/webpack/./plugins/html/src/index.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport {};","document.addEventListener( 'DOMContentLoaded', () => {\r\n\tconst button = document.querySelector( '.button__theme-toggle' );\r\n\r\n button.addEventListener('click', () => {\r\n const isDarkMode = document.body.classList.contains( 'is-dark-mode' );\r\n\t\tif ( isDarkMode ) {\r\n\t\t\tbutton.setAttribute( 'aria-pressed', 'false' );\r\n\t\t\tdocument.body.classList.remove( 'is-dark-mode' );\r\n\t\t} else {\r\n\t\t\tbutton.setAttribute( 'aria-pressed', 'true' );\r\n\t\t\tdocument.body.classList.add( 'is-dark-mode' );\r\n\t\t}\r\n })\r\n\r\n\t// Set is-dark-mode class if user has requested dark mode.\r\n\tif ( window.matchMedia( '(prefers-color-scheme: dark)' ).matches ){\r\n\t\tdocument.body.classList.add( 'is-dark-mode' );\r\n\t\tbutton.setAttribute( 'aria-pressed', 'true' );\r\n\t}\r\n\r\n});\r\n","import './dark-mode.js';","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import './styles/index.scss';\r\n\r\nimport './scripts/index.js';"],"names":["document","addEventListener","button","querySelector","isDarkMode","body","classList","contains","setAttribute","remove","add","window","matchMedia","matches"],"sourceRoot":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@caweb/html-webpack-plugin",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "CAWebPublishing Sample Page and Configurations",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"files": [
|
|
8
|
+
"build",
|
|
9
|
+
"sample"
|
|
10
|
+
],
|
|
11
|
+
"scripts": {
|
|
12
|
+
"webpack": "webpack",
|
|
13
|
+
"build": "webpack build",
|
|
14
|
+
"serve": "webpack serve",
|
|
15
|
+
"test": "echo \"Error: run tests from root\" && exit 0"
|
|
16
|
+
},
|
|
17
|
+
"repository": {
|
|
18
|
+
"type": "git",
|
|
19
|
+
"url": "git+https://github.com/CAWebPublishing/webpack.git",
|
|
20
|
+
"directory": "plugins/html"
|
|
21
|
+
},
|
|
22
|
+
"keywords": [
|
|
23
|
+
"caweb",
|
|
24
|
+
"cagov",
|
|
25
|
+
"webpack"
|
|
26
|
+
],
|
|
27
|
+
"author": "CAWebPublishing",
|
|
28
|
+
"license": "ISC",
|
|
29
|
+
"bugs": {
|
|
30
|
+
"url": "https://github.com/CAWebPublishing/webpack/issues"
|
|
31
|
+
},
|
|
32
|
+
"publishConfig": {
|
|
33
|
+
"access": "public"
|
|
34
|
+
},
|
|
35
|
+
"homepage": "https://github.com/CAWebPublishing/webpack#readme",
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"@wordpress/scripts": "^28.2.0",
|
|
38
|
+
"handlebars-loader": "^1.7.3",
|
|
39
|
+
"html-webpack-plugin": "^5.6.0",
|
|
40
|
+
"html-webpack-skip-assets-plugin": "^1.0.4",
|
|
41
|
+
"webpack": "^5.92.1"
|
|
42
|
+
},
|
|
43
|
+
"devDependencies": {
|
|
44
|
+
"webpack-cli": "^5.1.4",
|
|
45
|
+
"webpack-dev-server": "^5.0.4"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<html lang="en">
|
|
2
|
+
<head>
|
|
3
|
+
<title>{{ title }}</title>
|
|
4
|
+
</head>
|
|
5
|
+
<body>
|
|
6
|
+
<!-- Header -->
|
|
7
|
+
<header id="top" class="site__header">
|
|
8
|
+
<nav>
|
|
9
|
+
<ul>
|
|
10
|
+
<li>
|
|
11
|
+
<button class="button__theme-toggle" aria-label="Dark Mode"></button>
|
|
12
|
+
</li>
|
|
13
|
+
</ul>
|
|
14
|
+
</nav>
|
|
15
|
+
</header>
|
|
16
|
+
<!-- Page Container -->
|
|
17
|
+
<div id="page-container">
|
|
18
|
+
<!-- Sidebar -->
|
|
19
|
+
<aside></aside>
|
|
20
|
+
<!-- Content -->
|
|
21
|
+
<div id="page-content">
|
|
22
|
+
<section>
|
|
23
|
+
<header>
|
|
24
|
+
<h2>CAWebPublishing Service</h2>
|
|
25
|
+
</header>
|
|
26
|
+
<h1>Our Vision</h1>
|
|
27
|
+
<p>We make it easier to build, improve, and manage government websites.</p>
|
|
28
|
+
|
|
29
|
+
<h2>Mission Statement</h2>
|
|
30
|
+
<p>We serve the state of California by providing the guidance, tools, and publishing platform needed to create high-quality, universal, and effective digital experiences.</p>
|
|
31
|
+
|
|
32
|
+
<h2>Our Values</h2>
|
|
33
|
+
<ul>
|
|
34
|
+
<li>We put the needs of people first.</li>
|
|
35
|
+
<li>We care about accessibility.</li>
|
|
36
|
+
<li>We design for user experience.</li>
|
|
37
|
+
<li>We use research to inform decision-making.</li>
|
|
38
|
+
<li>We continually learn and improve.</li>
|
|
39
|
+
<li>We collaborate.</li>
|
|
40
|
+
</ul>
|
|
41
|
+
</section>
|
|
42
|
+
</div> <!-- Close Content div -->
|
|
43
|
+
</div> <!-- Close Page Container div -->
|
|
44
|
+
<!-- Footer -->
|
|
45
|
+
<footer>
|
|
46
|
+
|
|
47
|
+
</footer>
|
|
48
|
+
</body>
|
|
49
|
+
</html>
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>{{ title }}</title>
|
|
4
|
+
</head>
|
|
5
|
+
<body>
|
|
6
|
+
<header id="top" class="site__header">
|
|
7
|
+
<h1>JSHint Report for go-site-footer</h1>
|
|
8
|
+
<nav>
|
|
9
|
+
<ul>
|
|
10
|
+
<li>
|
|
11
|
+
<button class="button__theme-toggle" aria-label="Dark Mode"></button>
|
|
12
|
+
</li>
|
|
13
|
+
</ul>
|
|
14
|
+
</nav>
|
|
15
|
+
</header>
|
|
16
|
+
<!-- Page Container -->
|
|
17
|
+
<div id="page-container">
|
|
18
|
+
<!-- Sidebar -->
|
|
19
|
+
<aside>
|
|
20
|
+
<section>
|
|
21
|
+
<header><h2>Files</h2></header>
|
|
22
|
+
<ol>
|
|
23
|
+
<li><a href="#c--development-cawebpublishing-go-site-footer-src-index-js">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a></li>
|
|
24
|
+
<li><a href="#c--development-cawebpublishing-go-site-footer-src-scripts-test-js">C:\Development\CAWebPublishing\go-site-footer\src\scripts\test.js</a></li>
|
|
25
|
+
</section>
|
|
26
|
+
</ol>
|
|
27
|
+
</aside>
|
|
28
|
+
<!-- Content -->
|
|
29
|
+
<div id="page-content">
|
|
30
|
+
<section id="summary">
|
|
31
|
+
<header>
|
|
32
|
+
<h2>Summary: <em>7 Warnings Detected</em></h2>
|
|
33
|
+
</header>
|
|
34
|
+
<ol>
|
|
35
|
+
<li>
|
|
36
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 2, col 29, Strings must use singlequote.
|
|
37
|
+
</li>
|
|
38
|
+
<li>
|
|
39
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 4, col 11, Missing semicolon.
|
|
40
|
+
</li>
|
|
41
|
+
<li>
|
|
42
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 8, col 11, Missing semicolon.
|
|
43
|
+
</li>
|
|
44
|
+
<li>
|
|
45
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 10, col 27, Strings must use singlequote.
|
|
46
|
+
</li>
|
|
47
|
+
<li>
|
|
48
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 10, col 27, Missing semicolon.
|
|
49
|
+
</li>
|
|
50
|
+
<li>
|
|
51
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 3, col 10, 'test' is defined but never used.
|
|
52
|
+
</li>
|
|
53
|
+
<li>
|
|
54
|
+
<a href="#c--development-cawebpublishing-go-site-footer-src-index-js" target="_blank">C:\Development\CAWebPublishing\go-site-footer\src\index.js</a>: line 7, col 10, 'adsfasdfa' is defined but never used.
|
|
55
|
+
</li>
|
|
56
|
+
</ol>
|
|
57
|
+
</section>
|
|
58
|
+
<section id="c--development-cawebpublishing-go-site-footer-src-index-js">
|
|
59
|
+
<header>
|
|
60
|
+
<h2><a href="C:\Development\CAWebPublishing\go-site-footer\src\index.js" class="emoji-link" target="_blank"></a>File: <em>C:\Development\CAWebPublishing\go-site-footer\src\index.js</em></h2>
|
|
61
|
+
<a class="btn back-to-top" href="#top" title="Back to top">⬆</a>
|
|
62
|
+
</header>
|
|
63
|
+
<h3>Functions: <span class="count">2</span></h3>
|
|
64
|
+
<ol><li>
|
|
65
|
+
<p><b>Name:</b> test</p>
|
|
66
|
+
|
|
67
|
+
<p><b>Line:</b> 3</p>
|
|
68
|
+
<p><b>Col:</b> 15</p>
|
|
69
|
+
<p><b>Metrics:</b></p>
|
|
70
|
+
<ul>
|
|
71
|
+
<li><b>Cyclomatic Complexity Number:</b> 1</li>
|
|
72
|
+
<li><b>Arguments:</b> 0</li>
|
|
73
|
+
<li><b>Statements:</b> 1</li>
|
|
74
|
+
</ul>
|
|
75
|
+
</li>
|
|
76
|
+
<li>
|
|
77
|
+
<p><b>Name:</b> adsfasdfa</p>
|
|
78
|
+
|
|
79
|
+
<p><b>Line:</b> 7</p>
|
|
80
|
+
<p><b>Col:</b> 20</p>
|
|
81
|
+
<p><b>Metrics:</b></p>
|
|
82
|
+
<ul>
|
|
83
|
+
<li><b>Cyclomatic Complexity Number:</b> 1</li>
|
|
84
|
+
<li><b>Arguments:</b> 0</li>
|
|
85
|
+
<li><b>Statements:</b> 1</li>
|
|
86
|
+
</ul>
|
|
87
|
+
</li></ol>
|
|
88
|
+
<h3>Errors: <span class="count">7</span></h3>
|
|
89
|
+
<ol><li>
|
|
90
|
+
<p><b>Reason:</b> Strings must use singlequote.</p>
|
|
91
|
+
<p><b>Evidence:</b> import "./styles/footer.css";</p>
|
|
92
|
+
<p><b>Line:</b> 2</p>
|
|
93
|
+
<p><b>Col:</b> 29</p>
|
|
94
|
+
</li>
|
|
95
|
+
<li>
|
|
96
|
+
<p><b>Reason:</b> Missing semicolon.</p>
|
|
97
|
+
<p><b>Evidence:</b> return</p>
|
|
98
|
+
<p><b>Line:</b> 4</p>
|
|
99
|
+
<p><b>Col:</b> 11</p>
|
|
100
|
+
</li>
|
|
101
|
+
<li>
|
|
102
|
+
<p><b>Reason:</b> Missing semicolon.</p>
|
|
103
|
+
<p><b>Evidence:</b> return</p>
|
|
104
|
+
<p><b>Line:</b> 8</p>
|
|
105
|
+
<p><b>Col:</b> 11</p>
|
|
106
|
+
</li>
|
|
107
|
+
<li>
|
|
108
|
+
<p><b>Reason:</b> Strings must use singlequote.</p>
|
|
109
|
+
<p><b>Evidence:</b> import "./scripts/test.js"</p>
|
|
110
|
+
<p><b>Line:</b> 10</p>
|
|
111
|
+
<p><b>Col:</b> 27</p>
|
|
112
|
+
</li>
|
|
113
|
+
<li>
|
|
114
|
+
<p><b>Reason:</b> Missing semicolon.</p>
|
|
115
|
+
<p><b>Evidence:</b> import "./scripts/test.js"</p>
|
|
116
|
+
<p><b>Line:</b> 10</p>
|
|
117
|
+
<p><b>Col:</b> 27</p>
|
|
118
|
+
</li>
|
|
119
|
+
<li>
|
|
120
|
+
<p><b>Reason:</b> 'test' is defined but never used.</p>
|
|
121
|
+
<p><b>Evidence:</b> function test(){</p>
|
|
122
|
+
<p><b>Line:</b> 3</p>
|
|
123
|
+
<p><b>Col:</b> 10</p>
|
|
124
|
+
</li>
|
|
125
|
+
<li>
|
|
126
|
+
<p><b>Reason:</b> 'adsfasdfa' is defined but never used.</p>
|
|
127
|
+
<p><b>Evidence:</b> function adsfasdfa(){</p>
|
|
128
|
+
<p><b>Line:</b> 7</p>
|
|
129
|
+
<p><b>Col:</b> 10</p>
|
|
130
|
+
</li></ol>
|
|
131
|
+
<h3>Unused: <span class="count">2</span></h3>
|
|
132
|
+
<ol><li>
|
|
133
|
+
<p><b>Name:</b> test</p>
|
|
134
|
+
<p><b>Line:</b> 3</p>
|
|
135
|
+
<p><b>Col:</b> 10</p>
|
|
136
|
+
</li>
|
|
137
|
+
<li>
|
|
138
|
+
<p><b>Name:</b> adsfasdfa</p>
|
|
139
|
+
<p><b>Line:</b> 7</p>
|
|
140
|
+
<p><b>Col:</b> 10</p>
|
|
141
|
+
</li></ol>
|
|
142
|
+
</section>
|
|
143
|
+
<section id="c--development-cawebpublishing-go-site-footer-src-scripts-test-js">
|
|
144
|
+
<header>
|
|
145
|
+
<h2><a href="C:\Development\CAWebPublishing\go-site-footer\src\scripts\test.js" class="emoji-emoji-link" target="_blank"></a>File: <em>C:\Development\CAWebPublishing\go-site-footer\src\scripts\test.js</em></h2>
|
|
146
|
+
<a class="btn back-to-top" href="#top" title="Back to top">⬆</a>
|
|
147
|
+
</header>
|
|
148
|
+
<h3>Functions: <span class="count">0</span></h3>
|
|
149
|
+
|
|
150
|
+
<h3>Errors: <span class="count">0</span></h3>
|
|
151
|
+
|
|
152
|
+
<h3>Unused: <span class="count">0</span></h3>
|
|
153
|
+
|
|
154
|
+
</section>
|
|
155
|
+
</div> <!-- Close Content div -->
|
|
156
|
+
</div> <!-- Close Page Container div -->
|
|
157
|
+
<!-- Footer -->
|
|
158
|
+
<footer>
|
|
159
|
+
|
|
160
|
+
</footer>
|
|
161
|
+
</body>
|
|
162
|
+
</html>
|