@caweb/html-webpack-plugin 1.4.0 → 1.4.2
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/README.md +18 -2
- package/build/delta-rtl.css +4 -0
- package/build/delta.asset.php +1 -1
- package/build/delta.css +4 -0
- package/build/delta.css.map +1 -1
- package/build/eureka-rtl.css +4 -0
- package/build/eureka.asset.php +1 -1
- package/build/eureka.css +4 -0
- package/build/eureka.css.map +1 -1
- package/build/mono-rtl.css +4 -0
- package/build/mono.asset.php +1 -1
- package/build/mono.css +4 -0
- package/build/mono.css.map +1 -1
- package/build/oceanside-rtl.css +4 -0
- package/build/oceanside.asset.php +1 -1
- package/build/oceanside.css +4 -0
- package/build/oceanside.css.map +1 -1
- package/build/orangecounty-rtl.css +4 -0
- package/build/orangecounty.asset.php +1 -1
- package/build/orangecounty.css +4 -0
- package/build/orangecounty.css.map +1 -1
- package/build/pasorobles-rtl.css +4 -0
- package/build/pasorobles.asset.php +1 -1
- package/build/pasorobles.css +4 -0
- package/build/pasorobles.css.map +1 -1
- package/build/sacramento-rtl.css +4 -0
- package/build/sacramento.asset.php +1 -1
- package/build/sacramento.css +4 -0
- package/build/sacramento.css.map +1 -1
- package/build/santabarbara-rtl.css +4 -0
- package/build/santabarbara.asset.php +1 -1
- package/build/santabarbara.css +4 -0
- package/build/santabarbara.css.map +1 -1
- package/build/santacruz-rtl.css +4 -0
- package/build/santacruz.asset.php +1 -1
- package/build/santacruz.css +4 -0
- package/build/santacruz.css.map +1 -1
- package/build/shasta-rtl.css +4 -0
- package/build/shasta.asset.php +1 -1
- package/build/shasta.css +4 -0
- package/build/shasta.css.map +1 -1
- package/build/sierra-rtl.css +4 -0
- package/build/sierra.asset.php +1 -1
- package/build/sierra.css +4 -0
- package/build/sierra.css.map +1 -1
- package/build/trinity-rtl.css +4 -0
- package/build/trinity.asset.php +1 -1
- package/build/trinity.css +4 -0
- package/build/trinity.css.map +1 -1
- package/index.js +1 -1
- package/package.json +5 -5
- package/sample/blank.html +4 -0
- package/sample/components/animations.html +5 -3
- package/sample/components/buttons.html +4 -3
- package/sample/components/cards.html +4 -3
- package/sample/components/lists.html +27 -25
- package/sample/components/locations.html +39 -37
- package/sample/components/profile-banners.html +45 -43
- package/sample/components/sections.html +13 -11
- package/sample/components/service-tiles.html +33 -31
- package/sample/components/typography.html +26 -10
- package/sample/default.html +5 -2
- package/sample/images/black_puppy.jpg +0 -0
- package/sample/images/dolphin_marine_mammals_water.jpg +0 -0
- package/sample/images/grayscale_mountain.jpg +0 -0
- package/sample/images/silhouette.png +0 -0
- package/sample/images/squirrel_tail_bushy_tail.jpg +0 -0
- package/sample/index.html +38 -0
- package/sample/missing/content.html +4 -2
- package/webpack.config.js +10 -3
- package/sample/components/accordion.html +0 -40
- package/sample/components/blockquotes.html +0 -10
- package/sample/test.html +0 -57
package/index.js
CHANGED
|
@@ -39,7 +39,7 @@ class CAWebHTMLPlugin extends HtmlWebpackPlugin{
|
|
|
39
39
|
|
|
40
40
|
// we change some of the html-webpack-plugin defaults
|
|
41
41
|
constructor(opts = {}) {
|
|
42
|
-
let templates = ['blank', 'default'
|
|
42
|
+
let templates = ['blank', 'default'];
|
|
43
43
|
|
|
44
44
|
let defaultOptions = {
|
|
45
45
|
title: path.basename( appPath ),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@caweb/html-webpack-plugin",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2",
|
|
4
4
|
"description": "CAWebPublishing Sample Page and Configurations",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -42,19 +42,19 @@
|
|
|
42
42
|
},
|
|
43
43
|
"homepage": "https://github.com/CAWebPublishing/webpack/plugins/html#readme",
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@caweb/a11y-webpack-plugin": "^1.0.
|
|
46
|
-
"@caweb/css-audit-webpack-plugin": "^1.0.
|
|
45
|
+
"@caweb/a11y-webpack-plugin": "^1.0.8",
|
|
46
|
+
"@caweb/css-audit-webpack-plugin": "^1.0.11",
|
|
47
47
|
"@caweb/jshint-webpack-plugin": "^1.0.8",
|
|
48
48
|
"animate.css": "^4.1.1",
|
|
49
49
|
"bootstrap": "^5.3.3",
|
|
50
50
|
"bootstrap-forced-colors-css": "^1.0.7",
|
|
51
|
-
"fast-xml-parser": "^4.
|
|
51
|
+
"fast-xml-parser": "^4.5.0",
|
|
52
52
|
"html-webpack-skip-assets-plugin": "^1.0.4",
|
|
53
53
|
"webpack": "^5.94.0",
|
|
54
54
|
"webpack-cli": "^5.1.4"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@wordpress/scripts": "^
|
|
57
|
+
"@wordpress/scripts": "^29.0.0",
|
|
58
58
|
"handlebars-loader": "^1.7.3",
|
|
59
59
|
"html-webpack-link-type-plugin": "^1.1.1",
|
|
60
60
|
"html-webpack-plugin": "^5.6.0"
|
package/sample/blank.html
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Animations</h2>
|
|
2
3
|
|
|
3
|
-
<div class="animate__animated animate__bounce">
|
|
4
|
-
|
|
4
|
+
<div class="animate__animated animate__bounce">
|
|
5
|
+
<span class="ca-gov-icon-logo fs-1"></span>
|
|
6
|
+
</div>
|
|
5
7
|
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<
|
|
1
|
+
<h2>Cards</h2>
|
|
2
2
|
|
|
3
|
-
<div class="card">
|
|
4
|
-
<img class="card-img-top" src="
|
|
3
|
+
<div class="card">
|
|
4
|
+
<img class="card-img-top" src="../images/grayscale_mountain.jpg" alt="Card image size">
|
|
5
5
|
<div class="card-body">
|
|
6
6
|
<h3 class="card-title">
|
|
7
7
|
<a href="javascript:;" class="link-before">
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
</p>
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
|
+
|
|
17
18
|
<h2>Panels</h2>
|
|
18
19
|
<div class="card card-default">
|
|
19
20
|
<div class="card-header">
|
|
@@ -1,6 +1,19 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Lists</h2>
|
|
2
3
|
|
|
3
|
-
<ul class="list-overstated">
|
|
4
|
+
<ul class="list-overstated">
|
|
5
|
+
<li>Use: <br>
|
|
6
|
+
list-standout</li>
|
|
7
|
+
<li><a href="/">Lorem ipsum dolor sit amet</a><br>
|
|
8
|
+
Nam ultrices vulputate orci id faucibus.
|
|
9
|
+
</li>
|
|
10
|
+
<li><a href="/">consectetur adipiscing elit</a><br>
|
|
11
|
+
Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
|
|
12
|
+
</li>
|
|
13
|
+
|
|
14
|
+
</ul>
|
|
15
|
+
|
|
16
|
+
<ul class="list-understated">
|
|
4
17
|
<li>Use: <br>
|
|
5
18
|
list-standout</li>
|
|
6
19
|
<li><a href="/">Lorem ipsum dolor sit amet</a><br>
|
|
@@ -10,28 +23,17 @@
|
|
|
10
23
|
Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
|
|
11
24
|
</li>
|
|
12
25
|
|
|
13
|
-
</ul>
|
|
14
|
-
|
|
15
|
-
<ul class="list-understated">
|
|
16
|
-
<li>Use: <br>
|
|
17
|
-
list-standout</li>
|
|
18
|
-
<li><a href="/">Lorem ipsum dolor sit amet</a><br>
|
|
19
|
-
Nam ultrices vulputate orci id faucibus.
|
|
20
|
-
</li>
|
|
21
|
-
<li><a href="/">consectetur adipiscing elit</a><br>
|
|
22
|
-
Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
|
|
23
|
-
</li>
|
|
26
|
+
</ul>
|
|
24
27
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<li>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
|
|
35
|
-
</li>
|
|
28
|
+
<ul class="list-standout">
|
|
29
|
+
<li>Use: <br>
|
|
30
|
+
list-standout</li>
|
|
31
|
+
<li><a href="/">Lorem ipsum dolor sit amet</a><br>
|
|
32
|
+
Nam ultrices vulputate orci id faucibus.
|
|
33
|
+
</li>
|
|
34
|
+
<li><a href="/">consectetur adipiscing elit</a><br>
|
|
35
|
+
Sed eget massa ut nulla sodales ullamcorper nec vel nisi.
|
|
36
|
+
</li>
|
|
36
37
|
|
|
37
|
-
</ul>
|
|
38
|
+
</ul>
|
|
39
|
+
</div>
|
|
@@ -1,47 +1,49 @@
|
|
|
1
|
+
<div class="container">
|
|
2
|
+
|
|
3
|
+
<h2>Locations</h2>
|
|
1
4
|
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
<div class="
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<a href="google.com" class="btn btn-outline-dark" target="_blank">More</a>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
|
|
15
|
-
<div class="location mini">
|
|
16
|
-
<span class="ca-gov-icon-share-instagram"></span>
|
|
17
|
-
<div class="contact">
|
|
18
|
-
<a href="http://google.com" target="_blank">CDT</a>
|
|
19
|
-
<a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
|
|
5
|
+
<div class="location contact">
|
|
6
|
+
<span class="ca-gov-icon-share-email"></span>
|
|
7
|
+
<div class="contact">
|
|
8
|
+
<p>CDT</p>
|
|
9
|
+
<a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
|
|
10
|
+
<p>General Information: 9787898569</p>
|
|
11
|
+
<p>Fax Information: 9787898569</p>
|
|
12
|
+
<a href="google.com" class="btn btn-outline-dark" target="_blank">More</a>
|
|
13
|
+
</div>
|
|
20
14
|
</div>
|
|
21
|
-
</div>
|
|
22
15
|
|
|
23
|
-
<div class="location mini">
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
<div class="location mini">
|
|
17
|
+
<span class="ca-gov-icon-share-instagram"></span>
|
|
18
|
+
<div class="contact">
|
|
19
|
+
<a href="http://google.com" target="_blank">CDT</a>
|
|
20
|
+
<a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
|
|
21
|
+
</div>
|
|
28
22
|
</div>
|
|
29
|
-
</div>
|
|
30
23
|
|
|
31
|
-
<div class="location
|
|
32
|
-
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
<div class="contact">
|
|
36
|
-
<p>CDT</p>
|
|
37
|
-
<div class="address">
|
|
38
|
-
<span class="ca-gov-icon-road-pin"></span>
|
|
24
|
+
<div class="location mini">
|
|
25
|
+
<span class="ca-gov-icon-share-instagram"></span>
|
|
26
|
+
<div class="contact">
|
|
27
|
+
<p>CDT</p>
|
|
39
28
|
<a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
|
|
40
29
|
</div>
|
|
41
30
|
</div>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
<div class="
|
|
45
|
-
|
|
31
|
+
|
|
32
|
+
<div class="location banner">
|
|
33
|
+
<div class="thumbnail">
|
|
34
|
+
<img decoding="async" src="../images/grayscale_mountain.jpg" class="w-100" alt="CDT">
|
|
35
|
+
</div>
|
|
36
|
+
<div class="contact">
|
|
37
|
+
<p>CDT</p>
|
|
38
|
+
<div class="address">
|
|
39
|
+
<span class="ca-gov-icon-road-pin"></span>
|
|
40
|
+
<a href="https://www.google.com/maps/place/10860 Gold Center Dr, Rancho Cordova, CA, 95823" target="_blank">10860 Gold Center Dr, Rancho Cordova, CA, 95823</a>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<div class="summary">
|
|
44
|
+
<p>Description</p>
|
|
45
|
+
<div class="description">adffasdfa</div>
|
|
46
|
+
<a href="google.com" class="btn btn-outline-dark" target="_blank">View More Details</a>
|
|
47
|
+
</div>
|
|
46
48
|
</div>
|
|
47
49
|
</div>
|
|
@@ -1,46 +1,48 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Profile Banners</h2>
|
|
2
3
|
|
|
3
|
-
<div class="row">
|
|
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
|
-
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="col">
|
|
6
|
+
<h5>Squared</h5>
|
|
7
|
+
<figure class="executive-profile" aria-label="Profile Banner for John Doe">
|
|
8
|
+
<img decoding="async" src="../images/silhouette.png" alt="John Doe Portrait">
|
|
9
|
+
<div class="body">
|
|
10
|
+
<h4>John Doe</h4>
|
|
11
|
+
<span>ITS2</span>
|
|
12
|
+
<a href="#">Profile Link</a>
|
|
13
|
+
</div>
|
|
14
|
+
</figure>
|
|
15
|
+
|
|
16
|
+
<h5>Rounded</h5>
|
|
17
|
+
<figure class="executive-profile" aria-label="Profile Banner for John Doe">
|
|
18
|
+
<img decoding="async" class="rounded-circle" src="../images/silhouette.png" alt="John Doe Portrait">
|
|
19
|
+
<div class="body">
|
|
20
|
+
<h4>John Doe</h4>
|
|
21
|
+
<span>ITS2</span>
|
|
22
|
+
<a href="#">Profile Link</a>
|
|
23
|
+
</div>
|
|
24
|
+
</figure>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="col">
|
|
27
|
+
<h5>Squared</h5>
|
|
28
|
+
<figure class="executive-profile vertical" aria-label="Profile Banner for John Doe">
|
|
29
|
+
<img decoding="async" src="../images/silhouette.png" alt="John Doe Portrait">
|
|
30
|
+
<div class="body">
|
|
31
|
+
<h4>John Doe</h4>
|
|
32
|
+
<span>ITS2</span>
|
|
33
|
+
<a href="#">Profile Link</a>
|
|
34
|
+
</div>
|
|
35
|
+
</figure>
|
|
36
|
+
|
|
37
|
+
<h5>Rounded</h5>
|
|
38
|
+
<figure class="executive-profile vertical" aria-label="Profile Banner for John Doe">
|
|
39
|
+
<img decoding="async" class="rounded-circle" src="../images/silhouette.png" alt="John Doe Portrait">
|
|
40
|
+
<div class="body">
|
|
41
|
+
<h4>John Doe</h4>
|
|
42
|
+
<span>ITS2</span>
|
|
43
|
+
<a href="#">Profile Link</a>
|
|
44
|
+
</div>
|
|
45
|
+
</figure>
|
|
46
|
+
</div>
|
|
45
47
|
</div>
|
|
46
48
|
</div>
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Sections</h2>
|
|
2
3
|
|
|
3
|
-
<div class="section bg-main">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
<div class="section bg-main">
|
|
5
|
+
<div class="col-4 pe-3 animate__animated animate__fadeInLeft float-start">
|
|
6
|
+
<img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" class="mw-100 w-100 h-auto d-inline-block" alt="Sample Image">
|
|
7
|
+
</div>
|
|
8
|
+
<div class="px-3 clearfix">
|
|
9
|
+
<h2>asdfasdfas</h2>
|
|
10
|
+
<p>adfadffasdfassdffasdff</p>
|
|
11
|
+
<div>
|
|
12
|
+
<a href="http://afadfa" class="btn btn-outline-dark" target="_blank">More Information<span class="sr-only">More information about asdfasdfas</span></a>
|
|
13
|
+
</div>
|
|
12
14
|
</div>
|
|
13
15
|
</div>
|
|
14
|
-
|
|
16
|
+
</div>
|
|
@@ -1,36 +1,38 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Service Tiles</h2>
|
|
2
3
|
|
|
3
|
-
<div id="et_pb_ca_fullwidth_service_tiles_0" class="service-tiles">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
<div id="et_pb_ca_fullwidth_service_tiles_0" class="service-tiles">
|
|
5
|
+
<div class="row clearfix">
|
|
6
|
+
<div tabindex="0" class="service-tile w-25">
|
|
7
|
+
<img decoding="async" src="../images/black_puppy.jpg" alt="Sample Image" ><div class="teaser"><a href="http://asdas" class="title">asdfasdf<span class="ca-gov-icon-link d-block"></span></a></div></div><div tabindex="0" class="service-tile w-50"><img decoding="async" src="../images/dolphin_marine_mammals_water.jpg" alt="Sample Image" >
|
|
8
|
+
<div class="teaser ">
|
|
9
|
+
<a href="http://asdas" data-bs-parent="#et_pb_ca_fullwidth_service_tiles_0" data-bs-toggle="collapse" data-bs-target="#et_pb_ca_fullwidth_service_tiles_0 #card-2" class="title" aria-expanded="false">
|
|
10
|
+
asdfasdf
|
|
11
|
+
<span class="ca-gov-icon-plus-mark d-block"></span>
|
|
12
|
+
</a>
|
|
13
|
+
</div></div><div tabindex="0" class="service-tile w-25"><img decoding="async" src="../images/grayscale_mountain.jpg" alt="Sample Image" ><div class="teaser"><a href="http://asdas" class="title">asdfasdf<span class="ca-gov-icon-link d-block"></span></a></div></div><div class="et_pb_module et_pb_ca_fullwidth_service_tiles_item et_pb_ca_fullwidth_service_tiles_item_1 collapse" id="card-2">
|
|
14
|
+
<div class="card card-default">
|
|
15
|
+
<div class="container pt-0">
|
|
16
|
+
<div class="card card-block">
|
|
17
|
+
<button type="button" data-bs-parent="#et_pb_ca_fullwidth_service_tiles_0" data-bs-toggle="collapse" data-bs-target="#et_pb_ca_fullwidth_service_tiles_0 #card-2" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
|
|
18
|
+
<div class="group px-3"><p>asdfasfasda</p></div>
|
|
19
|
+
</div>
|
|
18
20
|
</div>
|
|
19
21
|
</div>
|
|
20
|
-
</div>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
</
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
</div><div tabindex="0" class="service-tile w-100"><img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" alt="Sample Image" >
|
|
23
|
+
<div class="teaser">
|
|
24
|
+
<a href="http://asdas" data-bs-parent="#et_pb_ca_fullwidth_service_tiles_0" data-bs-toggle="collapse" data-bs-target="#et_pb_ca_fullwidth_service_tiles_0 #card-4" class="title" aria-expanded="false">
|
|
25
|
+
asdfasdf
|
|
26
|
+
<span class="ca-gov-icon-plus-mark d-block"></span>
|
|
27
|
+
</a>
|
|
28
|
+
</div></div><div class="et_pb_module et_pb_ca_fullwidth_service_tiles_item et_pb_ca_fullwidth_service_tiles_item_3 collapse" id="card-4">
|
|
29
|
+
<div class="card card-default">
|
|
30
|
+
<div class="container pt-0">
|
|
31
|
+
<div class="card card-block">
|
|
32
|
+
<button type="button" data-bs-parent="#et_pb_ca_fullwidth_service_tiles_0" data-bs-toggle="collapse" data-bs-target="#et_pb_ca_fullwidth_service_tiles_0 #card-4" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
|
|
33
|
+
<div class="group px-3"><p>asdfasfasda</p></div>
|
|
34
|
+
</div>
|
|
33
35
|
</div>
|
|
34
36
|
</div>
|
|
35
|
-
</div>
|
|
36
|
-
|
|
37
|
+
</div></div></div>
|
|
38
|
+
</div>
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h2>Typography</h2>
|
|
2
3
|
|
|
3
|
-
<p>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
<p>
|
|
5
|
+
The CAWeb Template uses
|
|
6
|
+
<a href="https://public-sans.digital.gov/">Public Sans</a>
|
|
7
|
+
designed by the
|
|
8
|
+
<a href="https://designsystem.digital.gov/">
|
|
9
|
+
United States Web Design System</a>
|
|
10
|
+
. This strong, neutral typeface is used for text and headings.
|
|
10
11
|
</p>
|
|
12
|
+
|
|
11
13
|
<h1>Heading 1</h1>
|
|
12
14
|
<h2>Heading 2</h2>
|
|
13
15
|
<h3>Heading 3</h3>
|
|
@@ -15,7 +17,20 @@
|
|
|
15
17
|
<h5>Heading 5</h5>
|
|
16
18
|
<h6>Heading 6</h6>
|
|
17
19
|
|
|
18
|
-
<
|
|
20
|
+
<h2>Blockquote</h2>
|
|
21
|
+
|
|
22
|
+
<blockquote>
|
|
23
|
+
<p>
|
|
24
|
+
Good quotes help to tell a story and enhance the credibility of a press
|
|
25
|
+
release, news story, or speech. Words that are crafted well can leave a
|
|
26
|
+
lasting impact on the world.
|
|
27
|
+
</p>
|
|
28
|
+
<footer>Holly Zuluaga</footer>
|
|
29
|
+
</blockquote>
|
|
30
|
+
|
|
31
|
+
<h2>Featured Narrative</h2>
|
|
32
|
+
|
|
33
|
+
<aside class="featured-narrative">Featured Narrative</aside>
|
|
19
34
|
|
|
20
35
|
<footer class="keywords">Categories
|
|
21
36
|
<ul>
|
|
@@ -23,4 +38,5 @@
|
|
|
23
38
|
<li>Content Types</li>
|
|
24
39
|
<li>Courses</li>
|
|
25
40
|
</ul>
|
|
26
|
-
</footer>
|
|
41
|
+
</footer>
|
|
42
|
+
</div>
|
package/sample/default.html
CHANGED
|
@@ -18,12 +18,15 @@
|
|
|
18
18
|
<div id="page-container" class="page-container ">
|
|
19
19
|
<div id="main-content" class="main-content " tabindex="-1">
|
|
20
20
|
<main class="main-primary">
|
|
21
|
-
|
|
21
|
+
{{#if htmlWebpackPlugin.options.templateParameters.bodyHtmlSnippet }}
|
|
22
|
+
{{{ htmlWebpackPlugin.options.templateParameters.bodyHtmlSnippet }}}
|
|
23
|
+
{{else}}
|
|
24
|
+
{{> content }}
|
|
25
|
+
{{/if}}
|
|
22
26
|
</main>
|
|
23
27
|
</div>
|
|
24
28
|
</div>
|
|
25
29
|
{{> footer }}
|
|
26
|
-
|
|
27
30
|
{{#if scheme }}
|
|
28
31
|
<script src="node_modules/@caweb/html-webpack-plugin/build/{{ scheme }}.js"></script>
|
|
29
32
|
{{/if}}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
<div class="container">
|
|
2
|
+
<h1>CAWeb Template</h1>
|
|
3
|
+
<p>CAWeb Template is built with Bootstrap 5.3.3</p>
|
|
4
|
+
<h2>Key Features</h2>
|
|
5
|
+
<ul>
|
|
6
|
+
<li><a href="https://getbootstrap.com/" target="_blank">Bootstrap 5.3.3</a></li>
|
|
7
|
+
<li><a href="https://www.npmjs.com/package/bootstrap-forced-colors-css" target="_blank">Bootstrap Forced CSS for Windows High Contrast Mode</a></li>
|
|
8
|
+
<li><a href="https://animate.style/" target="_blank">Animate Styles</a></li>
|
|
9
|
+
</ul>
|
|
10
|
+
<h2>Components</h2>
|
|
11
|
+
<ul>
|
|
12
|
+
<li>
|
|
13
|
+
<a href="./components/animations.html" target="_blank">Animations</a>
|
|
14
|
+
</li>
|
|
15
|
+
<li>
|
|
16
|
+
<a href="./components/blockquotes.html" target="_blank">Blockquotes</a>
|
|
17
|
+
</li>
|
|
18
|
+
<li>
|
|
19
|
+
<a href="./components/lists.html" target="_blank">Lists</a>
|
|
20
|
+
</li>
|
|
21
|
+
<li>
|
|
22
|
+
<a href="./components/locations.html" target="_blank">Locations</a>
|
|
23
|
+
</li>
|
|
24
|
+
<li>
|
|
25
|
+
<a href="./components/profile-banners.html" tdarget="_blank">Profile Banners</a>
|
|
26
|
+
</li>
|
|
27
|
+
<li>
|
|
28
|
+
<a href="./components/sections.html" target="_blank">Sections</a>
|
|
29
|
+
</li>
|
|
30
|
+
<li>
|
|
31
|
+
<a href="./components/service-tiles.html" target="_blank">Service Tiles</a>
|
|
32
|
+
</li>
|
|
33
|
+
<li>
|
|
34
|
+
<a href="./components/typography.html" target="_blank">Typography</a>
|
|
35
|
+
</li>
|
|
36
|
+
</ul>
|
|
37
|
+
|
|
38
|
+
</div>
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
<
|
|
2
|
-
<
|
|
1
|
+
<div class="container">
|
|
2
|
+
<b>Content file was not found.</b>
|
|
3
|
+
<p>To add content, add a <code style="color:red">/sample/index.html</code> to the root of <code style="color:red">{{title}}</code> project.</p>
|
|
4
|
+
</div>
|
package/webpack.config.js
CHANGED
|
@@ -72,7 +72,10 @@ let webpackConfig = {
|
|
|
72
72
|
options:{
|
|
73
73
|
rootRelative: process.cwd(),
|
|
74
74
|
partialResolver: function(partial, callback){
|
|
75
|
-
|
|
75
|
+
/**
|
|
76
|
+
* All template partials are loaded from the root sample directory
|
|
77
|
+
* if the file doesn't exist we fallback to our sample template partials
|
|
78
|
+
*/
|
|
76
79
|
let partialPath = path.join( process.cwd(), 'sample' );
|
|
77
80
|
let partialStructurePath = path.join( partialPath, 'structural' );
|
|
78
81
|
|
|
@@ -86,11 +89,11 @@ let webpackConfig = {
|
|
|
86
89
|
|
|
87
90
|
break;
|
|
88
91
|
|
|
89
|
-
// content is served from the /sample/index.html
|
|
90
92
|
case 'content':
|
|
93
|
+
// content is served from /sample/index.html
|
|
91
94
|
partialPath = fs.existsSync(path.join( partialPath, '/index.html' )) ? path.join( partialPath, '/index.html' ) :
|
|
92
95
|
'./missing/content.html';
|
|
93
|
-
|
|
96
|
+
|
|
94
97
|
break;
|
|
95
98
|
|
|
96
99
|
// if not a template parameter we let the loader handle it
|
|
@@ -125,12 +128,16 @@ if( 'serve' === webpackCommand ){
|
|
|
125
128
|
* Static files are served from the following files in the following order
|
|
126
129
|
* we don't have to add the build directory since that is the output.path and proxied
|
|
127
130
|
* public - Default
|
|
131
|
+
* sample - Allows loading sample files
|
|
128
132
|
* node_modules - Allows loading files from other npm packages
|
|
129
133
|
* src - Allows loading files that aren't compiled
|
|
130
134
|
*/
|
|
131
135
|
{
|
|
132
136
|
directory: path.join(appPath, 'public'),
|
|
133
137
|
},
|
|
138
|
+
{
|
|
139
|
+
directory: path.join(appPath, 'sample'),
|
|
140
|
+
},
|
|
134
141
|
{
|
|
135
142
|
directory: path.join(appPath, 'node_modules'),
|
|
136
143
|
},
|