@caweb/html-webpack-plugin 1.4.13 → 1.4.15

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.
Files changed (156) hide show
  1. package/build/components/alerts.html +216 -0
  2. package/build/components/animations.html +207 -0
  3. package/build/components/buttons.html +205 -0
  4. package/build/components/cards.html +273 -0
  5. package/build/components/lists.html +275 -0
  6. package/build/components/locations.html +249 -0
  7. package/build/components/profile-banners.html +248 -0
  8. package/build/components/sections.html +216 -0
  9. package/build/components/service-tiles.html +273 -0
  10. package/build/components/typography.html +242 -0
  11. package/build/favicon.ico +0 -0
  12. package/build/font-only.254e683fc99f114d3974.hot-update.js +47 -0
  13. package/build/font-only.254e683fc99f114d3974.hot-update.js.map +1 -0
  14. package/build/font-only.254e683fc99f114d3974.hot-update.json +1 -0
  15. package/build/font-only.3965a660fa7592c00fb2.hot-update.js +47 -0
  16. package/build/font-only.3965a660fa7592c00fb2.hot-update.js.map +1 -0
  17. package/build/font-only.3965a660fa7592c00fb2.hot-update.json +1 -0
  18. package/build/font-only.3ba462b856432db05adb.hot-update.js +47 -0
  19. package/build/font-only.3ba462b856432db05adb.hot-update.js.map +1 -0
  20. package/build/font-only.3ba462b856432db05adb.hot-update.json +1 -0
  21. package/build/font-only.5084309d76c2026f015e.hot-update.js +47 -0
  22. package/build/font-only.5084309d76c2026f015e.hot-update.js.map +1 -0
  23. package/build/font-only.5084309d76c2026f015e.hot-update.json +1 -0
  24. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js +47 -0
  25. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
  26. package/build/font-only.7a34eaa511e0fce7dc64.hot-update.json +1 -0
  27. package/build/font-only.7b3eccc326cc7771b937.hot-update.js +47 -0
  28. package/build/font-only.7b3eccc326cc7771b937.hot-update.js.map +1 -0
  29. package/build/font-only.7b3eccc326cc7771b937.hot-update.json +1 -0
  30. package/build/font-only.asset.php +1 -1
  31. package/build/font-only.bd64f1b4518bcef5576c.hot-update.js +47 -0
  32. package/build/font-only.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
  33. package/build/font-only.bd64f1b4518bcef5576c.hot-update.json +1 -0
  34. package/build/font-only.ca44af20a4abf92f452e.hot-update.js +47 -0
  35. package/build/font-only.ca44af20a4abf92f452e.hot-update.js.map +1 -0
  36. package/build/font-only.ca44af20a4abf92f452e.hot-update.json +1 -0
  37. package/build/font-only.dcde2d86551c11f47e31.hot-update.js +47 -0
  38. package/build/font-only.dcde2d86551c11f47e31.hot-update.js.map +1 -0
  39. package/build/font-only.dcde2d86551c11f47e31.hot-update.json +1 -0
  40. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js +47 -0
  41. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
  42. package/build/font-only.e1a1bc69c71fc47990a3.hot-update.json +1 -0
  43. package/build/font-only.f8876ddbb86d7d487b84.hot-update.js +47 -0
  44. package/build/font-only.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
  45. package/build/font-only.f8876ddbb86d7d487b84.hot-update.json +1 -0
  46. package/build/font-only.js +4790 -9
  47. package/build/font-only.js.map +1 -1
  48. package/build/index.html +247 -0
  49. package/build/oceanside-rtl.css +173 -123
  50. package/build/oceanside.254e683fc99f114d3974.hot-update.js +169 -0
  51. package/build/oceanside.254e683fc99f114d3974.hot-update.js.map +1 -0
  52. package/build/oceanside.254e683fc99f114d3974.hot-update.json +1 -0
  53. package/build/oceanside.3965a660fa7592c00fb2.hot-update.js +81 -0
  54. package/build/oceanside.3965a660fa7592c00fb2.hot-update.js.map +1 -0
  55. package/build/oceanside.3965a660fa7592c00fb2.hot-update.json +1 -0
  56. package/build/oceanside.3ba462b856432db05adb.hot-update.js +81 -0
  57. package/build/oceanside.3ba462b856432db05adb.hot-update.js.map +1 -0
  58. package/build/oceanside.3ba462b856432db05adb.hot-update.json +1 -0
  59. package/build/oceanside.5084309d76c2026f015e.hot-update.js +168 -0
  60. package/build/oceanside.5084309d76c2026f015e.hot-update.js.map +1 -0
  61. package/build/oceanside.5084309d76c2026f015e.hot-update.json +1 -0
  62. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js +169 -0
  63. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.js.map +1 -0
  64. package/build/oceanside.7a34eaa511e0fce7dc64.hot-update.json +1 -0
  65. package/build/oceanside.7b3eccc326cc7771b937.hot-update.js +81 -0
  66. package/build/oceanside.7b3eccc326cc7771b937.hot-update.js.map +1 -0
  67. package/build/oceanside.7b3eccc326cc7771b937.hot-update.json +1 -0
  68. package/build/oceanside.asset.php +1 -1
  69. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js +81 -0
  70. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.js.map +1 -0
  71. package/build/oceanside.bd64f1b4518bcef5576c.hot-update.json +1 -0
  72. package/build/oceanside.ca44af20a4abf92f452e.hot-update.js +81 -0
  73. package/build/oceanside.ca44af20a4abf92f452e.hot-update.js.map +1 -0
  74. package/build/oceanside.ca44af20a4abf92f452e.hot-update.json +1 -0
  75. package/build/oceanside.css +173 -123
  76. package/build/oceanside.css.map +1 -1
  77. package/build/oceanside.dcde2d86551c11f47e31.hot-update.js +168 -0
  78. package/build/oceanside.dcde2d86551c11f47e31.hot-update.js.map +1 -0
  79. package/build/oceanside.dcde2d86551c11f47e31.hot-update.json +1 -0
  80. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js +168 -0
  81. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.js.map +1 -0
  82. package/build/oceanside.e1a1bc69c71fc47990a3.hot-update.json +1 -0
  83. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js +81 -0
  84. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.js.map +1 -0
  85. package/build/oceanside.f8876ddbb86d7d487b84.hot-update.json +1 -0
  86. package/build/oceanside.js +5017 -222
  87. package/build/oceanside.js.map +1 -1
  88. package/package.json +4 -4
  89. package/sample/components/lists.html +67 -34
  90. package/build/delta-rtl.css +0 -21475
  91. package/build/delta.asset.php +0 -1
  92. package/build/delta.css +0 -21503
  93. package/build/delta.css.map +0 -1
  94. package/build/delta.js +0 -6586
  95. package/build/delta.js.map +0 -1
  96. package/build/eureka-rtl.css +0 -21475
  97. package/build/eureka.asset.php +0 -1
  98. package/build/eureka.css +0 -21503
  99. package/build/eureka.css.map +0 -1
  100. package/build/eureka.js +0 -6586
  101. package/build/eureka.js.map +0 -1
  102. package/build/fonts/CaGov.json +0 -7582
  103. package/build/mono-rtl.css +0 -21475
  104. package/build/mono.asset.php +0 -1
  105. package/build/mono.css +0 -21503
  106. package/build/mono.css.map +0 -1
  107. package/build/mono.js +0 -6586
  108. package/build/mono.js.map +0 -1
  109. package/build/orangecounty-rtl.css +0 -21475
  110. package/build/orangecounty.asset.php +0 -1
  111. package/build/orangecounty.css +0 -21503
  112. package/build/orangecounty.css.map +0 -1
  113. package/build/orangecounty.js +0 -6586
  114. package/build/orangecounty.js.map +0 -1
  115. package/build/pasorobles-rtl.css +0 -21475
  116. package/build/pasorobles.asset.php +0 -1
  117. package/build/pasorobles.css +0 -21503
  118. package/build/pasorobles.css.map +0 -1
  119. package/build/pasorobles.js +0 -6586
  120. package/build/pasorobles.js.map +0 -1
  121. package/build/sacramento-rtl.css +0 -21475
  122. package/build/sacramento.asset.php +0 -1
  123. package/build/sacramento.css +0 -21503
  124. package/build/sacramento.css.map +0 -1
  125. package/build/sacramento.js +0 -6586
  126. package/build/sacramento.js.map +0 -1
  127. package/build/santabarbara-rtl.css +0 -21475
  128. package/build/santabarbara.asset.php +0 -1
  129. package/build/santabarbara.css +0 -21503
  130. package/build/santabarbara.css.map +0 -1
  131. package/build/santabarbara.js +0 -6586
  132. package/build/santabarbara.js.map +0 -1
  133. package/build/santacruz-rtl.css +0 -21475
  134. package/build/santacruz.asset.php +0 -1
  135. package/build/santacruz.css +0 -21503
  136. package/build/santacruz.css.map +0 -1
  137. package/build/santacruz.js +0 -6586
  138. package/build/santacruz.js.map +0 -1
  139. package/build/shasta-rtl.css +0 -21475
  140. package/build/shasta.asset.php +0 -1
  141. package/build/shasta.css +0 -21503
  142. package/build/shasta.css.map +0 -1
  143. package/build/shasta.js +0 -6586
  144. package/build/shasta.js.map +0 -1
  145. package/build/sierra-rtl.css +0 -21475
  146. package/build/sierra.asset.php +0 -1
  147. package/build/sierra.css +0 -21503
  148. package/build/sierra.css.map +0 -1
  149. package/build/sierra.js +0 -6586
  150. package/build/sierra.js.map +0 -1
  151. package/build/trinity-rtl.css +0 -21475
  152. package/build/trinity.asset.php +0 -1
  153. package/build/trinity.css +0 -21503
  154. package/build/trinity.css.map +0 -1
  155. package/build/trinity.js +0 -6586
  156. package/build/trinity.js.map +0 -1
package/build/components/alerts.html ADDED
@@ -0,0 +1,216 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Alerts.html</title>
5
+ <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="../favicon.ico"><link href="../oceanside.css" rel="stylesheet"></head>
6
+ <body>
7
+ <header role="banner" id="header" class="global-header">
8
+ <div id="skip-to-content">
9
+ <a href="#main-content">Skip to Main Content</a>
10
+ </div>
11
+
12
+ <!-- Alerts -->
13
+ <div class="alerts">
14
+ <div class="alert alert-primary alert-dismissible">
15
+ <div class="container">
16
+ <h6 class="alert-level" >
17
+ <span class="ca-gov-icon-construction"></span>Under Construction
18
+ </h6>
19
+ <div>
20
+ This codebase is currently being worked on
21
+ </div>
22
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
23
+ <span class="sr-only">x</span>
24
+ </button>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <!-- Utility Header -->
29
+ <div class="utility-header">
30
+ <div class="container d-flex flex-row">
31
+ <div class="social-media-links">
32
+ <div class="header-cagov-logo">
33
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
34
+ <span class="sr-only">CA.gov</span>
35
+ <span class="ca-gov-logo-svg"></span>
36
+ </a>
37
+ </div>
38
+ <p class="official-tag">Official website of the State of California</p>
39
+ </div>
40
+ <div class="settings-links">
41
+ <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <!-- Branding -->
46
+ <div class="branding border-bottom">
47
+ <div class="container d-flex flex-row">
48
+ <div class="header-organization-banner">
49
+ <a href="/">
50
+ <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
51
+ </a>
52
+ </div>
53
+ <!-- Search -->
54
+ <div class="search-container">
55
+ <form action="/serp.html" role="search">
56
+ <div class="input-group">
57
+ <span class="sr-only" id="SearchInput">Custom Google Search</span>
58
+ <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
59
+ <button type="submit" class="search-button">
60
+ <span class="ca-gov-icon-search" aria-hidden="true"></span>
61
+ <span class="sr-only">Submit</span>
62
+ </button>
63
+ </div>
64
+ </form>
65
+ </div> <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
66
+ </button>
67
+ </div>
68
+ </div>
69
+ <!-- Mobile Navigation Controls -->
70
+ <div class="mobile-controlled overlay collapse collapse-horizontal">
71
+ <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
72
+ </button>
73
+ </div>
74
+ <!-- Navigation -->
75
+ <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
76
+ <div class="container">
77
+ <ul class="nav" aria-label="Main navigation">
78
+ <li class="nav-item">
79
+ <a class="nav-link" href="/template-updates.html">Template updates</a>
80
+ </li>
81
+ <li class="nav-item">
82
+ <a class="nav-link" href="/get-started.html">Get started</a>
83
+ </li>
84
+ <li class="nav-item">
85
+ <a class="nav-link" href="/structure.html">Structure</a>
86
+ </li>
87
+ <li class="nav-item dropdown">
88
+ <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
89
+ <ul class="dropdown-menu">
90
+ <li>
91
+ <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
92
+ <div class="link-description">Link Description</div>
93
+ </a>
94
+ </li>
95
+ <li>
96
+ <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
97
+ </li>
98
+ <li>
99
+ <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
100
+ </li>
101
+ <li>
102
+ <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
103
+ </li>
104
+ </ul>
105
+ </li>
106
+ <li class="nav-item">
107
+ <a class="nav-link" href="/components.html">Components</a>
108
+ </li>
109
+ <li class="nav-item">
110
+ <a class="nav-link" href="/patterns.html">Patterns</a>
111
+ </li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </header> <div id="page-container" class="page-container ">
116
+ <div id="main-content" class="main-content " tabindex="-1">
117
+ <main class="main-primary">
118
+ <!-- Alerts -->
119
+ <div class="alerts">
120
+ <div class="alert alert-primary alert-dismissible">
121
+ <div class="container">
122
+ <h6 class="alert-level" >
123
+ <span class="ca-gov-icon-construction"></span>Under Construction
124
+ </h6>
125
+ <div>
126
+ This codebase is currently being worked on
127
+ </div>
128
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
129
+ <span class="sr-only">x</span>
130
+ </button>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </main>
135
+ </div>
136
+ </div>
137
+ <footer class="global-footer">
138
+ <div class="container">
139
+ <div class="d-flex">
140
+ <ul class="nav footer-links">
141
+ <li class="nav-item">
142
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
143
+ <span class="ca-gov-logo-svg"></span>
144
+ </a>
145
+ </li>
146
+ <li class="nav-item">
147
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
148
+ </li>
149
+ <li class="nav-item">
150
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
151
+ </li>
152
+ <li class="nav-item">
153
+ <a href="/website-accessibility-certification.html" class="nav-link">
154
+ Website accessibility certification
155
+ </a>
156
+ </li>
157
+ <li class="nav-item">
158
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
159
+ </li>
160
+ </ul>
161
+ <ul class="nav social-share-links">
162
+ <li class="nav-item">
163
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
164
+ </li>
165
+ <li class="nav-item">
166
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
167
+ </li>
168
+ <li class="nav-item">
169
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
170
+ </li>
171
+ <li class="nav-item">
172
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
173
+ </li>
174
+ <li class="nav-item">
175
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
176
+ </li>
177
+ <li class="nav-item">
178
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
179
+ </li>
180
+ <li class="nav-item">
181
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
182
+ </li>
183
+ <li class="nav-item">
184
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
185
+ </li>
186
+ <li class="nav-item">
187
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
188
+ </li>
189
+ <li class="nav-item">
190
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
191
+ </li>
192
+ <li class="nav-item">
193
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
194
+ </li>
195
+ <li class="nav-item">
196
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
197
+ </li>
198
+ </ul>
199
+ </div>
200
+ </div>
201
+ <!-- Copyright Statement -->
202
+ <div class="copyright container">
203
+ <p>
204
+ ©
205
+ <span id="thisyear">
206
+ <script>
207
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
208
+ </script>
209
+ </span>
210
+ State of California
211
+ </p>
212
+ </div>
213
+
214
+ <button class="return-top">Back to top</button>
215
+ </footer> <script src="../oceanside.js"></script></body>
216
+ </html>
package/build/components/animations.html ADDED
@@ -0,0 +1,207 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Animations.html</title>
5
+ <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="../favicon.ico"><link href="../oceanside.css" rel="stylesheet"></head>
6
+ <body>
7
+ <header role="banner" id="header" class="global-header">
8
+ <div id="skip-to-content">
9
+ <a href="#main-content">Skip to Main Content</a>
10
+ </div>
11
+
12
+ <!-- Alerts -->
13
+ <div class="alerts">
14
+ <div class="alert alert-primary alert-dismissible">
15
+ <div class="container">
16
+ <h6 class="alert-level" >
17
+ <span class="ca-gov-icon-construction"></span>Under Construction
18
+ </h6>
19
+ <div>
20
+ This codebase is currently being worked on
21
+ </div>
22
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
23
+ <span class="sr-only">x</span>
24
+ </button>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <!-- Utility Header -->
29
+ <div class="utility-header">
30
+ <div class="container d-flex flex-row">
31
+ <div class="social-media-links">
32
+ <div class="header-cagov-logo">
33
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
34
+ <span class="sr-only">CA.gov</span>
35
+ <span class="ca-gov-logo-svg"></span>
36
+ </a>
37
+ </div>
38
+ <p class="official-tag">Official website of the State of California</p>
39
+ </div>
40
+ <div class="settings-links">
41
+ <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <!-- Branding -->
46
+ <div class="branding border-bottom">
47
+ <div class="container d-flex flex-row">
48
+ <div class="header-organization-banner">
49
+ <a href="/">
50
+ <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
51
+ </a>
52
+ </div>
53
+ <!-- Search -->
54
+ <div class="search-container">
55
+ <form action="/serp.html" role="search">
56
+ <div class="input-group">
57
+ <span class="sr-only" id="SearchInput">Custom Google Search</span>
58
+ <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
59
+ <button type="submit" class="search-button">
60
+ <span class="ca-gov-icon-search" aria-hidden="true"></span>
61
+ <span class="sr-only">Submit</span>
62
+ </button>
63
+ </div>
64
+ </form>
65
+ </div> <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
66
+ </button>
67
+ </div>
68
+ </div>
69
+ <!-- Mobile Navigation Controls -->
70
+ <div class="mobile-controlled overlay collapse collapse-horizontal">
71
+ <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
72
+ </button>
73
+ </div>
74
+ <!-- Navigation -->
75
+ <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
76
+ <div class="container">
77
+ <ul class="nav" aria-label="Main navigation">
78
+ <li class="nav-item">
79
+ <a class="nav-link" href="/template-updates.html">Template updates</a>
80
+ </li>
81
+ <li class="nav-item">
82
+ <a class="nav-link" href="/get-started.html">Get started</a>
83
+ </li>
84
+ <li class="nav-item">
85
+ <a class="nav-link" href="/structure.html">Structure</a>
86
+ </li>
87
+ <li class="nav-item dropdown">
88
+ <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
89
+ <ul class="dropdown-menu">
90
+ <li>
91
+ <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
92
+ <div class="link-description">Link Description</div>
93
+ </a>
94
+ </li>
95
+ <li>
96
+ <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
97
+ </li>
98
+ <li>
99
+ <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
100
+ </li>
101
+ <li>
102
+ <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
103
+ </li>
104
+ </ul>
105
+ </li>
106
+ <li class="nav-item">
107
+ <a class="nav-link" href="/components.html">Components</a>
108
+ </li>
109
+ <li class="nav-item">
110
+ <a class="nav-link" href="/patterns.html">Patterns</a>
111
+ </li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </header> <div id="page-container" class="page-container ">
116
+ <div id="main-content" class="main-content " tabindex="-1">
117
+ <main class="main-primary">
118
+ <div class="container">
119
+ <h2>Animations</h2>
120
+
121
+ <div class="animate__animated animate__bounce">
122
+ <span class="ca-gov-icon-logo fs-1"></span>
123
+ </div>
124
+ </div>
125
+ </main>
126
+ </div>
127
+ </div>
128
+ <footer class="global-footer">
129
+ <div class="container">
130
+ <div class="d-flex">
131
+ <ul class="nav footer-links">
132
+ <li class="nav-item">
133
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
134
+ <span class="ca-gov-logo-svg"></span>
135
+ </a>
136
+ </li>
137
+ <li class="nav-item">
138
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
139
+ </li>
140
+ <li class="nav-item">
141
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
142
+ </li>
143
+ <li class="nav-item">
144
+ <a href="/website-accessibility-certification.html" class="nav-link">
145
+ Website accessibility certification
146
+ </a>
147
+ </li>
148
+ <li class="nav-item">
149
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
150
+ </li>
151
+ </ul>
152
+ <ul class="nav social-share-links">
153
+ <li class="nav-item">
154
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
155
+ </li>
156
+ <li class="nav-item">
157
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
158
+ </li>
159
+ <li class="nav-item">
160
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
161
+ </li>
162
+ <li class="nav-item">
163
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
164
+ </li>
165
+ <li class="nav-item">
166
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
167
+ </li>
168
+ <li class="nav-item">
169
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
170
+ </li>
171
+ <li class="nav-item">
172
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
173
+ </li>
174
+ <li class="nav-item">
175
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
176
+ </li>
177
+ <li class="nav-item">
178
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
179
+ </li>
180
+ <li class="nav-item">
181
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
182
+ </li>
183
+ <li class="nav-item">
184
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
185
+ </li>
186
+ <li class="nav-item">
187
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
188
+ </li>
189
+ </ul>
190
+ </div>
191
+ </div>
192
+ <!-- Copyright Statement -->
193
+ <div class="copyright container">
194
+ <p>
195
+ ©
196
+ <span id="thisyear">
197
+ <script>
198
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
199
+ </script>
200
+ </span>
201
+ State of California
202
+ </p>
203
+ </div>
204
+
205
+ <button class="return-top">Back to top</button>
206
+ </footer> <script src="../oceanside.js"></script></body>
207
+ </html>
package/build/components/buttons.html ADDED
@@ -0,0 +1,205 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Buttons.html</title>
5
+ <meta name="Author" content="CAWebPublishing"><meta name="Description" content="State of California"><meta name="Keywords" content="California,government"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0"><link rel="icon" href="../favicon.ico"><link href="../oceanside.css" rel="stylesheet"></head>
6
+ <body>
7
+ <header role="banner" id="header" class="global-header">
8
+ <div id="skip-to-content">
9
+ <a href="#main-content">Skip to Main Content</a>
10
+ </div>
11
+
12
+ <!-- Alerts -->
13
+ <div class="alerts">
14
+ <div class="alert alert-primary alert-dismissible">
15
+ <div class="container">
16
+ <h6 class="alert-level" >
17
+ <span class="ca-gov-icon-construction"></span>Under Construction
18
+ </h6>
19
+ <div>
20
+ This codebase is currently being worked on
21
+ </div>
22
+ <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert" aria-label="Close Alert 1">
23
+ <span class="sr-only">x</span>
24
+ </button>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ <!-- Utility Header -->
29
+ <div class="utility-header">
30
+ <div class="container d-flex flex-row">
31
+ <div class="social-media-links">
32
+ <div class="header-cagov-logo">
33
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=header&amp;utm_source=external">
34
+ <span class="sr-only">CA.gov</span>
35
+ <span class="ca-gov-logo-svg"></span>
36
+ </a>
37
+ </div>
38
+ <p class="official-tag">Official website of the State of California</p>
39
+ </div>
40
+ <div class="settings-links">
41
+ <a href="https://github.com/Office-of-Digital-Services/California-State-Web-Template-HTML/releases">Web template v6.3.2</a>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ <!-- Branding -->
46
+ <div class="branding border-bottom">
47
+ <div class="container d-flex flex-row">
48
+ <div class="header-organization-banner">
49
+ <a href="/">
50
+ <img src="https://cdt.ca.gov/wp-content/uploads/2024/03/Group-2162.svg" alt="State Template Logo" aria-label="State Template Logo">
51
+ </a>
52
+ </div>
53
+ <!-- Search -->
54
+ <div class="search-container">
55
+ <form action="/serp.html" role="search">
56
+ <div class="input-group">
57
+ <span class="sr-only" id="SearchInput">Custom Google Search</span>
58
+ <input type="search" name="q" aria-labelledby="SearchInput" placeholder="Search" class="search-textfield form-control">
59
+ <button type="submit" class="search-button">
60
+ <span class="ca-gov-icon-search" aria-hidden="true"></span>
61
+ <span class="sr-only">Submit</span>
62
+ </button>
63
+ </div>
64
+ </form>
65
+ </div> <button class="mobile-control toggle-menu ca-gov-icon-menu fs-2" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
66
+ </button>
67
+ </div>
68
+ </div>
69
+ <!-- Mobile Navigation Controls -->
70
+ <div class="mobile-controlled overlay collapse collapse-horizontal">
71
+ <button class="mobile-control toggle-menu ca-gov-icon-close-mark fs-1" data-bs-toggle="collapse" data-bs-target=".mobile-controlled" aria-expanded="false" aria-controls="mobile-controls">
72
+ </button>
73
+ </div>
74
+ <!-- Navigation -->
75
+ <div class="navigation border-bottom mobile-controlled collapse collapse-horizontal show">
76
+ <div class="container">
77
+ <ul class="nav" aria-label="Main navigation">
78
+ <li class="nav-item">
79
+ <a class="nav-link" href="/template-updates.html">Template updates</a>
80
+ </li>
81
+ <li class="nav-item">
82
+ <a class="nav-link" href="/get-started.html">Get started</a>
83
+ </li>
84
+ <li class="nav-item">
85
+ <a class="nav-link" href="/structure.html">Structure</a>
86
+ </li>
87
+ <li class="nav-item dropdown">
88
+ <a class="nav-link dropdown-toggle" aria-current="page" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Visual design</a>
89
+ <ul class="dropdown-menu">
90
+ <li>
91
+ <a href="/visual-design/color.html" class="dropdown-item" tabindex="-1">Color
92
+ <div class="link-description">Link Description</div>
93
+ </a>
94
+ </li>
95
+ <li>
96
+ <a href="/visual-design/icons.html" class="dropdown-item" tabindex="-1">Icons</a>
97
+ </li>
98
+ <li>
99
+ <a href="/visual-design/typography.html" class="dropdown-item" tabindex="-1">Typography</a>
100
+ </li>
101
+ <li>
102
+ <a href="/visual-design/ui-kit.html" class="dropdown-item" tabindex="-1">UI kit</a>
103
+ </li>
104
+ </ul>
105
+ </li>
106
+ <li class="nav-item">
107
+ <a class="nav-link" href="/components.html">Components</a>
108
+ </li>
109
+ <li class="nav-item">
110
+ <a class="nav-link" href="/patterns.html">Patterns</a>
111
+ </li>
112
+ </ul>
113
+ </div>
114
+ </div>
115
+ </header> <div id="page-container" class="page-container ">
116
+ <div id="main-content" class="main-content " tabindex="-1">
117
+ <main class="main-primary">
118
+ <div class="container">
119
+ <h2>Buttons</h2>
120
+
121
+ <button type="button" class="btn btn-main">Base class</button>
122
+ </div>
123
+ </main>
124
+ </div>
125
+ </div>
126
+ <footer class="global-footer">
127
+ <div class="container">
128
+ <div class="d-flex">
129
+ <ul class="nav footer-links">
130
+ <li class="nav-item">
131
+ <a href="https://www.ca.gov?utm_campaign=state_template_link&amp;utm_medium=footer&amp;utm_source=external" class="nav-link ps-0" title="CA.gov" target="_blank">
132
+ <span class="ca-gov-logo-svg"></span>
133
+ </a>
134
+ </li>
135
+ <li class="nav-item">
136
+ <a href="/conditions-of-use.html" class="nav-link">Conditions of use</a>
137
+ </li>
138
+ <li class="nav-item">
139
+ <a href="/privacy-policy.html" class="nav-link">Privacy policy</a>
140
+ </li>
141
+ <li class="nav-item">
142
+ <a href="/website-accessibility-certification.html" class="nav-link">
143
+ Website accessibility certification
144
+ </a>
145
+ </li>
146
+ <li class="nav-item">
147
+ <a href="/sitemap.html" class="nav-link">Sitemap</a>
148
+ </li>
149
+ </ul>
150
+ <ul class="nav social-share-links">
151
+ <li class="nav-item">
152
+ <a href="#" class="nav-link ca-gov-icon-facebook"></a>
153
+ </li>
154
+ <li class="nav-item">
155
+ <a href="#" class="nav-link ca-gov-icon-twitter"></a>
156
+ </li>
157
+ <li class="nav-item">
158
+ <a href="#" class="nav-link ca-gov-icon-google-plus"></a>
159
+ </li>
160
+ <li class="nav-item">
161
+ <a href="#" class="nav-link ca-gov-icon-flickr"></a>
162
+ </li>
163
+ <li class="nav-item">
164
+ <a href="#" class="nav-link ca-gov-icon-linkedin"></a>
165
+ </li>
166
+ <li class="nav-item">
167
+ <a href="#" class="nav-link ca-gov-icon-instagram"></a>
168
+ </li>
169
+ <li class="nav-item">
170
+ <a href="#" class="nav-link ca-gov-icon-snapchat"></a>
171
+ </li>
172
+ <li class="nav-item">
173
+ <a href="#" class="nav-link ca-gov-icon-youtube"></a>
174
+ </li>
175
+ <li class="nav-item">
176
+ <a href="#" class="nav-link ca-gov-icon-pinterest"></a>
177
+ </li>
178
+ <li class="nav-item">
179
+ <a href="#" class="nav-link ca-gov-icon-vimeo"></a>
180
+ </li>
181
+ <li class="nav-item">
182
+ <a href="#" class="nav-link ca-gov-icon-email"></a>
183
+ </li>
184
+ <li class="nav-item">
185
+ <a href="#" class="nav-link ca-gov-icon-github"></a>
186
+ </li>
187
+ </ul>
188
+ </div>
189
+ </div>
190
+ <!-- Copyright Statement -->
191
+ <div class="copyright container">
192
+ <p>
193
+ ©
194
+ <span id="thisyear">
195
+ <script>
196
+ document.getElementById('thisyear').appendChild(document.createTextNode(new Date().getFullYear()))
197
+ </script>
198
+ </span>
199
+ State of California
200
+ </p>
201
+ </div>
202
+
203
+ <button class="return-top">Back to top</button>
204
+ </footer> <script src="../oceanside.js"></script></body>
205
+ </html>