@caweb/html-webpack-plugin 1.4.5 → 1.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caweb/html-webpack-plugin",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "description": "CAWebPublishing Sample Page and Configurations",
   "main": "index.js",
   "type": "module",

package/sample/components/cards.html

@@ -20,7 +20,7 @@
     <div class="card-header">
       <h4 class="card-title"><span class="ca-gov-icon-share-twitter"></span>Default</h4>
       <div class="options">
-        <a href="http://adfa" class="btn btn-default" target="_blank">Read More</a>
+        <a href="http://adfa" class="btn btn-secondary btn-light" target="_blank">Read More</a>
       </div>
     </div>
     <div class="card-body">

package/sample/components/lists.html

@@ -1,6 +1,7 @@
 <div class="container">
     <h2>Lists</h2>
 
+    <h3>Overstated</h3>
     <ul class="list-overstated">
         <li>Use: <br>
             list-standout</li>
@@ -13,6 +14,7 @@
 
     </ul>
 
+    <h3>Understated</h3>
     <ul class="list-understated">
     <li>Use: <br>
         list-standout</li>
@@ -25,6 +27,7 @@
 
     </ul>
 
+    <h3>Standout</h3>
     <ul class="list-standout">
     <li>Use: <br>
         list-standout</li>

package/sample/components/service-tiles.html

@@ -1,38 +1,73 @@
-<div class="container">
-    <h2>Service Tiles</h2>
+<div class="container-fluid g-0">
+    <h2 class="container">Service Tiles</h2>
 
-    <div id="et_pb_ca_fullwidth_service_tiles_0" class="service-tiles">
+    <div id="service-tiles" class="service-tiles">
         <div class="row clearfix">
             <div tabindex="0" class="service-tile w-25">
-                <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" >
-        <div class="teaser ">
-            <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">
-                asdfasdf
-                <span class="ca-gov-icon-plus-mark d-block"></span>
-            </a>
-        </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">
-            <div class="card card-default">
-                <div class="container pt-0">
-                    <div class="card card-block">
-                        <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>
-                        <div class="group px-3"><p>asdfasfasda</p></div>
+                <img decoding="async" src="../images/black_puppy.jpg" alt="Sample Image" >
+                <div class="teaser">
+                    <a href="http://example.com" class="title">
+                        Service Tile 1 
+                        <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" >
+                <div class="teaser ">
+                    <a href="http://example.com" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-2" class="title" aria-expanded="false">
+                        Service Tile 2
+                        <span class="ca-gov-icon-plus-mark d-block"></span>
+                    </a>
+                </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://example.com" class="title">
+                        Service Tile 3
+                        <span class="ca-gov-icon-link d-block"></span>
+                    </a>
+                </div>
+            </div>
+            <div class="collapse" id="card-2" data-bs-parent="#service-tiles">
+                <div class="card card-default">
+                    <div class="container pt-0">
+                        <div class="card card-block">
+                            <button type="button"  data-bs-toggle="collapse" data-bs-target="#service-tiles #card-2" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
+                            <div class="group px-3">
+                                <p>Service Tile Content</p>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div><div tabindex="0" class="service-tile w-100"><img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" alt="Sample Image" >
-        <div class="teaser">
-            <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">
-                asdfasdf
-                <span class="ca-gov-icon-plus-mark 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_3 collapse" id="card-4">
-            <div class="card card-default">
-                <div class="container pt-0">
-                    <div class="card card-block">
-                        <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>
-                        <div class="group px-3"><p>asdfasfasda</p></div>
+            <div tabindex="0" class="service-tile w-100">
+                <img decoding="async" src="../images/squirrel_tail_bushy_tail.jpg" alt="Sample Image" >
+                <div class="teaser">
+                    <a href="http://example.com" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-4" class="title" aria-expanded="false">
+                        Service Tile 4
+                        <span class="ca-gov-icon-plus-mark d-block"></span>
+                    </a>
+                </div>
+            </div>
+            <div class="collapse" id="card-4" data-bs-parent="#service-tiles">
+                <div class="card card-default">
+                    <div class="container pt-0">
+                        <div class="card card-block">
+                            <button type="button" data-bs-toggle="collapse" data-bs-target="#service-tiles #card-4" class="btn btn-sm btn-secondary ca-gov-icon-close-mark float-end" aria-expanded="false"></button>
+                            <div class="group px-3"><p>Service Tile Content</p></div>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div></div></div>
+        </div>
+
+        <div class="more-button">
+            <a href="#" class="btn-more inverse" target="_blanK">
+                <span class="ca-gov-icon-plus-fill" aria-hidden="true"></span>
+                <span class="more-title">Learn more about service tiles</span>
+            </a>
+        </div>
+    </div>
 </div>

package/sample/default.html

@@ -3,9 +3,6 @@
   <head>
     <title>{{ title }}</title>
     {{#if scheme }}
-      <!-- Google Font -->
-      <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&amp;display=block" rel="stylesheet">
-    
       <!-- Icon Font Library -->
       <link rel="stylesheet" href="node_modules/@caweb/html-webpack-plugin/build/font-only.css" />
 

package/sample/index.html

@@ -1,5 +1,6 @@
 <div class="container">
-  <h1>CAWeb Template</h1>
+  <h1 class="page-title">CAWeb Template</h1>
+  <p class="page-date"><time datetime="Sept 12, 2024">Sept 12, 2024</time></p>
   <p>CAWeb Template is built with Bootstrap 5.3.3</p>
   <h2>Key Features</h2>
   <ul>

package/sample/structural/navigation.html

@@ -15,7 +15,9 @@
                 <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
                 <ul class="dropdown-menu">
                     <li>
-                        <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color</a>
+                        <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
+                            <div class="link-description">Link Description</div>
+                        </a>
                     </li>
                     <li>
                         <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>