maverick-wave 5.30.0 → 5.32.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.
Files changed (147) hide show
  1. package/README.md +2 -2
  2. package/maverick-wave.min.css +2 -2
  3. package/package.json +8 -2
  4. package/src/scss/abstracts/_variables.scss +2 -0
  5. package/src/scss/components/_modals.scss +23 -9
  6. package/src/scss/components/_testimonial.scss +2 -0
  7. package/src/scss/layout/_home.scss +46 -0
  8. package/src/scss/layout/_main.scss +20 -0
  9. package/src/scss/layout/_parallax.scss +2 -2
  10. package/src/scss/main-lean.scss +8 -3
  11. package/.claude/settings.local.json +0 -43
  12. package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
  13. package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
  14. package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
  15. package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
  16. package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
  17. package/.claude/skills/mw-maverick-wave/references/components.md +0 -2170
  18. package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
  19. package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
  20. package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
  21. package/.claude/skills/mw-maverick-wave/references/theming.md +0 -530
  22. package/.github/workflows/ci.yml +0 -41
  23. package/.idea/codeStyles/Project.xml +0 -59
  24. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  25. package/.idea/maverick-wave.iml +0 -12
  26. package/.idea/modules.xml +0 -8
  27. package/.idea/prettier.xml +0 -6
  28. package/.idea/vcs.xml +0 -6
  29. package/.prettierignore +0 -8
  30. package/.prettierrc.json +0 -7
  31. package/CHANGELOG.md +0 -956
  32. package/CLAUDE.md +0 -60
  33. package/gulpfile.js +0 -167
  34. package/index.html +0 -1730
  35. package/release.sh +0 -31
  36. package/scripts/verify.js +0 -252
  37. package/src/assets/favicon/apple-touch-icon.png +0 -0
  38. package/src/assets/favicon/favicon-96x96.png +0 -0
  39. package/src/assets/favicon/favicon.svg +0 -1
  40. package/src/assets/favicon/site.webmanifest +0 -37
  41. package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
  42. package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
  43. package/src/assets/favicon.ico +0 -0
  44. package/src/assets/header-logo.svg +0 -24
  45. package/src/assets/images/gallery-city.svg +0 -49
  46. package/src/assets/images/gallery-desert.svg +0 -25
  47. package/src/assets/images/gallery-forest.svg +0 -46
  48. package/src/assets/images/gallery-lake.svg +0 -26
  49. package/src/assets/images/gallery-mountain.svg +0 -19
  50. package/src/assets/images/gallery-ocean.svg +0 -26
  51. package/src/assets/images/gallery-oldtown.svg +0 -41
  52. package/src/assets/images/gallery-snow.svg +0 -39
  53. package/src/assets/images/photo-balloon.svg +0 -35
  54. package/src/assets/images/photo-forest-path.svg +0 -31
  55. package/src/assets/images/photo-lighthouse.svg +0 -42
  56. package/src/assets/images/photo-palm.svg +0 -27
  57. package/src/assets/images/photo-peak.svg +0 -27
  58. package/src/assets/images/photo-tower.svg +0 -34
  59. package/src/assets/images/photo-waterfall.svg +0 -32
  60. package/src/assets/images/slider-field.svg +0 -124
  61. package/src/assets/images/slider-forest.svg +0 -33
  62. package/src/assets/images/slider-lake.svg +0 -35
  63. package/src/assets/images/slider-mountains.svg +0 -29
  64. package/src/assets/images/slider-trees.svg +0 -41
  65. package/src/assets/images/story-aurora.svg +0 -36
  66. package/src/assets/images/story-beach.svg +0 -34
  67. package/src/assets/images/story-stars.svg +0 -35
  68. package/src/assets/images/tile-analytics.svg +0 -22
  69. package/src/assets/images/tile-cloud.svg +0 -19
  70. package/src/assets/images/tile-ecommerce.svg +0 -14
  71. package/src/assets/images/tile-enterprise.svg +0 -22
  72. package/src/assets/images/tile-marketing.svg +0 -16
  73. package/src/assets/media/demo-chime.wav +0 -0
  74. package/src/assets/media/story-sunrise.jpg +0 -0
  75. package/src/assets/media/story-sunrise.mp4 +0 -0
  76. package/src/partials/accordions-container.html +0 -179
  77. package/src/partials/alerts-container.html +0 -151
  78. package/src/partials/announcement-container.html +0 -67
  79. package/src/partials/avatars-container.html +0 -229
  80. package/src/partials/badges-container.html +0 -114
  81. package/src/partials/blog-posts-container.html +0 -158
  82. package/src/partials/breadcrumbs-container.html +0 -126
  83. package/src/partials/button-bar-container.html +0 -175
  84. package/src/partials/buttons-container.html +0 -272
  85. package/src/partials/calendar-container.html +0 -203
  86. package/src/partials/cards-container.html +0 -727
  87. package/src/partials/code-container.html +0 -194
  88. package/src/partials/colors-container.html +0 -263
  89. package/src/partials/coming-soon-container.html +0 -10
  90. package/src/partials/contact-container.html +0 -85
  91. package/src/partials/content-slider-container.html +0 -36
  92. package/src/partials/divider-container.html +0 -70
  93. package/src/partials/documentation-container.html +0 -204
  94. package/src/partials/dropdown-container.html +0 -119
  95. package/src/partials/empty-state-container.html +0 -79
  96. package/src/partials/feed-container.html +0 -506
  97. package/src/partials/footer-container.html +0 -113
  98. package/src/partials/form-container.html +0 -262
  99. package/src/partials/form-elements-container.html +0 -616
  100. package/src/partials/form-field-container.html +0 -166
  101. package/src/partials/gallery-container.html +0 -62
  102. package/src/partials/get-started-container.html +0 -423
  103. package/src/partials/grid-container.html +0 -191
  104. package/src/partials/header-container.html +0 -69
  105. package/src/partials/header-utilities-container.html +0 -331
  106. package/src/partials/highlights-container.html +0 -71
  107. package/src/partials/history-container.html +0 -67
  108. package/src/partials/home-container.html +0 -31
  109. package/src/partials/html-lists-container.html +0 -63
  110. package/src/partials/info-container.html +0 -104
  111. package/src/partials/input-group-container.html +0 -299
  112. package/src/partials/item-lists-container.html +0 -368
  113. package/src/partials/kanban-container.html +0 -459
  114. package/src/partials/kbd-container.html +0 -63
  115. package/src/partials/leader-row-container.html +0 -139
  116. package/src/partials/login-container.html +0 -65
  117. package/src/partials/lunch-menu-container.html +0 -341
  118. package/src/partials/media-container.html +0 -27
  119. package/src/partials/meta-info-container.html +0 -21
  120. package/src/partials/modals-container.html +0 -199
  121. package/src/partials/mosaic-container.html +0 -173
  122. package/src/partials/page-header-container.html +0 -78
  123. package/src/partials/pagination-container.html +0 -64
  124. package/src/partials/palette-container.html +0 -480
  125. package/src/partials/panels-container.html +0 -126
  126. package/src/partials/parallax-container.html +0 -147
  127. package/src/partials/portrait-gallery-container.html +0 -175
  128. package/src/partials/preview-container.html +0 -136
  129. package/src/partials/pricing-container.html +0 -523
  130. package/src/partials/progress-container.html +0 -230
  131. package/src/partials/prose-container.html +0 -43
  132. package/src/partials/ratings-container.html +0 -104
  133. package/src/partials/section-head-container.html +0 -77
  134. package/src/partials/segmented-container.html +0 -66
  135. package/src/partials/skeleton-container.html +0 -87
  136. package/src/partials/spinners-container.html +0 -96
  137. package/src/partials/stepper-container.html +0 -111
  138. package/src/partials/stories-container.html +0 -182
  139. package/src/partials/tables-container.html +0 -309
  140. package/src/partials/tabs-container.html +0 -290
  141. package/src/partials/tags-container.html +0 -242
  142. package/src/partials/techstack-bucket-container.html +0 -187
  143. package/src/partials/testimonials-container.html +0 -88
  144. package/src/partials/tiles-container.html +0 -247
  145. package/src/partials/timelines-container.html +0 -196
  146. package/src/partials/typography-container.html +0 -74
  147. package/src/partials/utilities-container.html +0 -553
@@ -1,247 +0,0 @@
1
- <h3 class="mw-section-subtitle">Tiles</h3>
2
- <p class="mw-text-muted mw-text-measure">
3
- Here you can create clickable tiles with header, information and a possible
4
- image.
5
- </p>
6
-
7
- <div class="mw-grid-stack-stretch">
8
- <div>
9
- <h4 class="mw-mb-2">Basic Tiles in 3 Columns</h4>
10
- <div class="mw-tiles">
11
- <a href="#" class="mw-tile">
12
- <h3 class="mw-tile-header">Project Management</h3>
13
- <div class="mw-tile-body">
14
- <p>Organize tasks and track project progress</p>
15
- <p>Collaborate with team members efficiently</p>
16
- </div>
17
- <div class="mw-tile-footer">Last updated: 2024-12-15</div>
18
- </a>
19
-
20
- <a href="#" class="mw-tile">
21
- <h3 class="mw-tile-header">Analytics Dashboard</h3>
22
- <div class="mw-tile-body">
23
- <p>Real-time data visualization and insights</p>
24
- <p>Track KPIs and performance metrics</p>
25
- </div>
26
- <div class="mw-tile-footer">Last updated: 2025-01-02</div>
27
- </a>
28
-
29
- <a href="#" class="mw-tile">
30
- <h3 class="mw-tile-header">Customer Support</h3>
31
- <div class="mw-tile-body">
32
- <p>24/7 help desk and ticket management</p>
33
- <p>Live chat and knowledge base access</p>
34
- </div>
35
- <div class="mw-tile-footer">Last updated: 2024-11-23</div>
36
- </a>
37
-
38
- <a href="#" class="mw-tile">
39
- <h3 class="mw-tile-header">Document Management</h3>
40
- <div class="mw-tile-body">
41
- <p>Secure file storage and version control</p>
42
- <p>Easy sharing and collaboration tools</p>
43
- </div>
44
- <div class="mw-tile-footer">Last updated: 2024-12-30</div>
45
- </a>
46
-
47
- <a href="#" class="mw-tile">
48
- <h3 class="mw-tile-header">Billing & Invoices</h3>
49
- <div class="mw-tile-body">
50
- <p>Automated invoicing and payment tracking</p>
51
- <p>Financial reporting and tax preparation</p>
52
- </div>
53
- <div class="mw-tile-footer">Last updated: 2025-01-01</div>
54
- </a>
55
-
56
- <a href="#" class="mw-tile">
57
- <h3 class="mw-tile-header">User Management</h3>
58
- <div class="mw-tile-body">
59
- <p>Role-based access control and permissions</p>
60
- <p>User authentication and security settings</p>
61
- </div>
62
- <div class="mw-tile-footer">Last updated: 2024-12-28</div>
63
- </a>
64
- </div>
65
- </div>
66
-
67
- <div>
68
- <h4 class="mw-mb-2">Basic Tiles with Images in 2 Columns</h4>
69
- <div class="mw-tiles mw-tiles-2col">
70
- <a href="#" class="mw-tile">
71
- <div class="mw-tile-img">
72
- <img
73
- src="images/tile-ecommerce.svg"
74
- alt="E-commerce platform"
75
- loading="lazy"
76
- />
77
- </div>
78
- <h3 class="mw-tile-header">E-commerce Platform</h3>
79
- <div class="mw-tile-body">
80
- <p>Complete online store management solution</p>
81
- <p>Inventory tracking and order fulfillment</p>
82
- </div>
83
- <div class="mw-tile-footer">Last updated: 2024-12-15</div>
84
- </a>
85
-
86
- <a href="#" class="mw-tile">
87
- <div class="mw-tile-img">
88
- <img
89
- src="images/tile-marketing.svg"
90
- alt="Marketing automation"
91
- loading="lazy"
92
- />
93
- </div>
94
- <h3 class="mw-tile-header">Marketing Automation</h3>
95
- <div class="mw-tile-body">
96
- <p>Email campaigns and lead nurturing workflows</p>
97
- <p>Social media scheduling and analytics</p>
98
- </div>
99
- <div class="mw-tile-footer">Last updated: 2025-01-02</div>
100
- </a>
101
- </div>
102
- </div>
103
-
104
- <div>
105
- <h4 class="mw-mb-2">Small Tiles in 4 Columns</h4>
106
- <div class="mw-tiles mw-tiles-4col">
107
- <a href="#" class="mw-tile mw-tile-sm">
108
- <h3 class="mw-tile-header">API Documentation</h3>
109
- <div class="mw-tile-body">
110
- <p>REST API reference guide</p>
111
- <p>Code examples and tutorials</p>
112
- </div>
113
- <div class="mw-tile-footer">Last updated: 2025-01-01</div>
114
- </a>
115
-
116
- <a href="#" class="mw-tile mw-tile-sm">
117
- <h3 class="mw-tile-header">Security Center</h3>
118
- <div class="mw-tile-body">
119
- <p>Two-factor authentication</p>
120
- <p>Security audit logs</p>
121
- </div>
122
- <div class="mw-tile-footer">Last updated: 2024-12-31</div>
123
- </a>
124
-
125
- <a href="#" class="mw-tile mw-tile-sm">
126
- <h3 class="mw-tile-header">Backup & Recovery</h3>
127
- <div class="mw-tile-body">
128
- <p>Automated daily backups</p>
129
- <p>One-click data restoration</p>
130
- </div>
131
- <div class="mw-tile-footer">Last updated: 2024-12-29</div>
132
- </a>
133
-
134
- <a href="#" class="mw-tile mw-tile-sm">
135
- <h3 class="mw-tile-header">Performance Monitor</h3>
136
- <div class="mw-tile-body">
137
- <p>Server uptime: 99.9%</p>
138
- <p>Response time: 150ms</p>
139
- </div>
140
- <div class="mw-tile-footer">Last updated: 2025-01-02</div>
141
- </a>
142
-
143
- <a href="#" class="mw-tile mw-tile-sm">
144
- <h3 class="mw-tile-header">Integration Hub</h3>
145
- <div class="mw-tile-body">
146
- <p>Connect third-party apps</p>
147
- <p>Webhook configurations</p>
148
- </div>
149
- <div class="mw-tile-footer">Last updated: 2024-12-27</div>
150
- </a>
151
-
152
- <a href="#" class="mw-tile mw-tile-sm">
153
- <h3 class="mw-tile-header">Mobile App</h3>
154
- <div class="mw-tile-body">
155
- <p>iOS and Android apps</p>
156
- <p>Offline sync capabilities</p>
157
- </div>
158
- <div class="mw-tile-footer">Last updated: 2024-12-25</div>
159
- </a>
160
-
161
- <a href="#" class="mw-tile mw-tile-sm">
162
- <h3 class="mw-tile-header">Training Center</h3>
163
- <div class="mw-tile-body">
164
- <p>Video tutorials available</p>
165
- <p>Certification programs</p>
166
- </div>
167
- <div class="mw-tile-footer">Last updated: 2025-01-01</div>
168
- </a>
169
-
170
- <a href="#" class="mw-tile mw-tile-sm">
171
- <h3 class="mw-tile-header">System Status</h3>
172
- <div class="mw-tile-body">
173
- <p>All systems operational</p>
174
- <p>Last incident: None</p>
175
- </div>
176
- <div class="mw-tile-footer">Last updated: 2024-12-30</div>
177
- </a>
178
- </div>
179
- </div>
180
-
181
- <div>
182
- <h4 class="mw-mb-2">Large Tiles</h4>
183
- <div class="mw-tiles">
184
- <a href="#" class="mw-tile mw-tile-lg">
185
- <div class="mw-tile-img">
186
- <img
187
- src="images/tile-cloud.svg"
188
- alt="Cloud infrastructure"
189
- loading="lazy"
190
- />
191
- </div>
192
- <h2 class="mw-tile-header">Cloud Infrastructure</h2>
193
- <div class="mw-tile-body">
194
- <p>
195
- Scalable cloud hosting with auto-scaling capabilities and 99.99%
196
- uptime guarantee
197
- </p>
198
- <p>
199
- Global CDN distribution with edge servers in 25+ locations worldwide
200
- </p>
201
- </div>
202
- <div class="mw-tile-footer">Last updated: 2024-12-28</div>
203
- </a>
204
-
205
- <a href="#" class="mw-tile mw-tile-lg">
206
- <div class="mw-tile-img">
207
- <img
208
- src="images/tile-analytics.svg"
209
- alt="Business intelligence"
210
- loading="lazy"
211
- />
212
- </div>
213
- <h2 class="mw-tile-header">Business Intelligence Suite</h2>
214
- <div class="mw-tile-body">
215
- <p>
216
- Advanced data analytics with machine learning insights and
217
- predictive modeling
218
- </p>
219
- <p>
220
- Custom dashboards with real-time data visualization and automated
221
- reporting
222
- </p>
223
- </div>
224
- <div class="mw-tile-footer">Last updated: 2024-12-31</div>
225
- </a>
226
-
227
- <a href="#" class="mw-tile mw-tile-lg">
228
- <div class="mw-tile-img">
229
- <img
230
- src="images/tile-enterprise.svg"
231
- alt="Enterprise solutions"
232
- loading="lazy"
233
- />
234
- </div>
235
- <h2 class="mw-tile-header">Enterprise Solutions</h2>
236
- <div class="mw-tile-body">
237
- <p>One platform for CRM, ERP and workflow automation</p>
238
- <p>
239
- Custom integrations and dedicated support for enterprise-level
240
- requirements
241
- </p>
242
- </div>
243
- <div class="mw-tile-footer">Last updated: 2024-12-23</div>
244
- </a>
245
- </div>
246
- </div>
247
- </div>
@@ -1,196 +0,0 @@
1
- <h3 class="mw-section-subtitle">Timelines</h3>
2
-
3
- <h4 class="mw-mb-2">Big Timeline</h4>
4
- <p class="mw-text-muted">
5
- You can use every card within the timeline content wrapper.
6
- </p>
7
- <div class="mw-timeline-big mw-my-6">
8
- <div class="mw-timeline-big-step mw-active">
9
- <div class="mw-timeline-big-date-container">
10
- <div class="mw-timeline-big-date-main">01/2023 - Present</div>
11
- </div>
12
- <div class="mw-timeline-big-content">
13
- <div class="mw-card">
14
- <div class="mw-card-body">
15
- <h3 class="mw-card-title">Lead Developer</h3>
16
- <p class="mw-card-subtitle">Innovatech Inc • San Francisco</p>
17
- <p class="mw-card-text">
18
- Overseeing cross-functional development teams, defining technical
19
- strategy, and aligning product roadmaps with business goals. Driving
20
- innovation and delivering high-impact features.
21
- </p>
22
- <div class="mw-card-footer">
23
- <button type="button" class="mw-btn mw-btn-link">
24
- View Details
25
- </button>
26
- </div>
27
- </div>
28
- </div>
29
- <div class="mw-timeline-big-event">
30
- <span class="mw-timeline-big-event-date">05/2023</span>
31
- <span class="mw-timeline-big-event-title">
32
- AWS Certified Solutions Architect - Professional
33
- </span>
34
- </div>
35
- </div>
36
- </div>
37
-
38
- <div class="mw-timeline-big-step">
39
- <div class="mw-timeline-big-date-container">
40
- <div class="mw-timeline-big-date-main">08/2021 - 12/2022</div>
41
- <div class="mw-timeline-big-date-sub">(1 year 4 months)</div>
42
- </div>
43
- <div class="mw-timeline-big-content">
44
- <div class="mw-card">
45
- <div class="mw-card-body">
46
- <h3 class="mw-card-title">Senior Developer</h3>
47
- <p class="mw-card-subtitle">Innovatech Inc • San Francisco</p>
48
- <p class="mw-card-text">
49
- Led technical design, mentored junior developers, and spearheaded
50
- code reviews. Improved CI/CD pipelines and introduced best practices
51
- for scalable frontend architecture.
52
- </p>
53
- <div class="mw-card-footer">
54
- <button type="button" class="mw-btn mw-btn-link">
55
- View Details
56
- </button>
57
- </div>
58
- </div>
59
- </div>
60
- <div class="mw-timeline-big-event">
61
- <span class="mw-timeline-big-event-date">02/2022</span>
62
- <span class="mw-timeline-big-event-title">
63
- Speaker at JSWorld Conference: "Scaling Vue.js"
64
- </span>
65
- </div>
66
- <div class="mw-timeline-big-event">
67
- <span class="mw-timeline-big-event-date">11/2021</span>
68
- <span class="mw-timeline-big-event-title">
69
- Certified Kubernetes Administrator (CKA) | CNCF
70
- </span>
71
- </div>
72
- </div>
73
- </div>
74
-
75
- <div class="mw-timeline-big-step">
76
- <div class="mw-timeline-big-date-container">
77
- <div class="mw-timeline-big-date-main">06/2020 - 07/2021</div>
78
- <div class="mw-timeline-big-date-sub">(1 year 1 month)</div>
79
- </div>
80
- <div class="mw-timeline-big-content">
81
- <div class="mw-card">
82
- <div class="mw-card-body">
83
- <h3 class="mw-card-title">Mid-Level Developer</h3>
84
- <p class="mw-card-subtitle">DevSolutions LLC • Remote</p>
85
- <p class="mw-card-text">
86
- Took ownership of feature development, optimized application
87
- performance, and integrated RESTful APIs. Collaborated closely with
88
- designers and backend engineers.
89
- </p>
90
- <div class="mw-card-footer">
91
- <button type="button" class="mw-btn mw-btn-link">
92
- View Details
93
- </button>
94
- </div>
95
- </div>
96
- </div>
97
- <div class="mw-timeline-big-event">
98
- <span class="mw-timeline-big-event-date">10/2020</span>
99
- <span class="mw-timeline-big-event-title">
100
- MongoDB Certified Developer Associate
101
- </span>
102
- </div>
103
- </div>
104
- </div>
105
-
106
- <div class="mw-timeline-big-step">
107
- <div class="mw-timeline-big-date-container">
108
- <div class="mw-timeline-big-date-main">02/2018 - 05/2020</div>
109
- <div class="mw-timeline-big-date-sub">(2 year 3 months)</div>
110
- </div>
111
- <div class="mw-timeline-big-content">
112
- <div class="mw-card">
113
- <div class="mw-card-body">
114
- <h3 class="mw-card-title">Junior Developer</h3>
115
- <p class="mw-card-subtitle">StartupXYZ • Berlin</p>
116
- <p class="mw-card-text">
117
- Contributed to UI components, fixed bugs, and wrote unit tests in a
118
- collaborative Agile team. Gained hands-on experience with HTML, CSS,
119
- and JavaScript.
120
- </p>
121
- <div class="mw-card-footer">
122
- <button type="button" class="mw-btn mw-btn-link">
123
- View Details
124
- </button>
125
- </div>
126
- </div>
127
- </div>
128
- </div>
129
- </div>
130
- </div>
131
-
132
- <h4 class="mw-mb-2">Simple Timeline</h4>
133
- <p class="mw-text-muted">
134
- Here you can also use every card within the timeline content wrapper.
135
- </p>
136
-
137
- <div class="mw-timeline-simple mw-my-5">
138
- <div class="mw-timeline-simple-step mw-active">
139
- <div class="mw-timeline-simple-date">2023-11-10</div>
140
- <div class="mw-timeline-simple-content">
141
- <div class="mw-card mw-card-simple">
142
- <h4 class="mw-mb-2">Website Launch</h4>
143
- <p>
144
- Deployed the initial version of our public website with responsive
145
- design, SEO optimizations, and analytics integration.
146
- </p>
147
- </div>
148
- </div>
149
- </div>
150
-
151
- <div class="mw-timeline-simple-step">
152
- <div class="mw-timeline-simple-date">2024-03-22</div>
153
- <div class="mw-timeline-simple-content">
154
- <div class="mw-card mw-card-simple">
155
- <h4 class="mw-mb-2">v1.1 Release</h4>
156
- <p>
157
- Rolled out version 1.1 featuring performance improvements, a dark mode
158
- toggle, and enhanced accessibility support.
159
- </p>
160
- </div>
161
- </div>
162
- </div>
163
-
164
- <div class="mw-timeline-simple-step">
165
- <div class="mw-timeline-simple-date">2024-06-15</div>
166
- <div class="mw-timeline-simple-content">
167
- <div class="mw-card mw-card-simple">
168
- <h4 class="mw-mb-2">DevCon 2024</h4>
169
- <p>
170
- Spoke at DevCon 2024 about “Scalable CSS Architecture” and
171
- demonstrated our timeline component to 500+ attendees.
172
- </p>
173
- </div>
174
- </div>
175
- </div>
176
-
177
- <div class="mw-timeline-simple-step">
178
- <div class="mw-timeline-simple-date">2024-10-05</div>
179
- <div class="mw-timeline-simple-content">
180
- <div class="mw-card mw-card-simple">
181
- <h4 class="mw-mb-2">Hackathon Champion</h4>
182
- <p>
183
- Led a cross-functional team to victory in the annual internal
184
- hackathon with a productivity plugin prototype.
185
- </p>
186
- </div>
187
- <div class="mw-card mw-card-simple">
188
- <h4 class="mw-mb-2">Hackathon Champion</h4>
189
- <p>
190
- Led a cross-functional team to victory in the annual internal
191
- hackathon with a productivity plugin prototype.
192
- </p>
193
- </div>
194
- </div>
195
- </div>
196
- </div>
@@ -1,74 +0,0 @@
1
- <h3 class="mw-section-subtitle">Typography</h3>
2
- <p class="mw-text-muted mw-text-measure">
3
- The heading scale, the body text and everything the framework sets on bare
4
- elements. Headings carry <code>text-wrap: balance</code> and a touch of
5
- negative tracking, paragraphs <code>text-wrap: pretty</code>.
6
- <code>h1</code> and <code>h2</code> interpolate between 375px and 768px
7
- instead of stepping at a breakpoint - a phone and a desktop keep the sizes
8
- they had, the widths in between grow with the viewport.
9
- </p>
10
-
11
- <div class="mw-grid-2-lg">
12
- <div>
13
- <!-- A type specimen, not an outline - the scale stays, the heading semantics go -->
14
- <div>
15
- <h1 role="presentation">Heading 1</h1>
16
- <h2 role="presentation">Heading 2</h2>
17
- <h3 role="presentation">Heading 3</h3>
18
- <h4 role="presentation">Heading 4</h4>
19
- <h5 role="presentation">Heading 5</h5>
20
- <h6 role="presentation">Heading 6</h6>
21
- </div>
22
- <blockquote>
23
- In the complex world of code, simplicity is the ultimate sophistication.
24
- </blockquote>
25
- <p>
26
- <span class="mw-text-xs">Extra Small Text</span><br />
27
- <span class="mw-text-sm">Small Text</span><br />
28
- <span class="mw-text-base">Base Text</span><br />
29
- <span class="mw-text-md">Medium Text</span><br />
30
- <span class="mw-text-lg">Large Text</span><br />
31
- <span class="mw-text-xl">Extra Large Text</span>
32
- </p>
33
- </div>
34
-
35
- <div class="mw-grid-stack mw-gap-2">
36
- <p>
37
- This is a standard paragraph with default styling. MaverickWave CSS
38
- framework uses clean typography with good readability as a foundation for
39
- all text elements.
40
- </p>
41
-
42
- <p class="mw-text-muted">
43
- Secondary text uses a slightly muted color for less emphasis, perfect for
44
- supporting content, captions, or metadata.
45
- </p>
46
-
47
- <p>
48
- <strong>Bold text</strong> and <em>italic text</em> are supported as well,
49
- allowing for proper content hierarchy and emphasis.
50
- </p>
51
-
52
- <p class="mw-text-light">This is a light text.</p>
53
-
54
- <p class="mw-text-primary">
55
- Text can be colored using utility classes to highlight important
56
- information or match your brand.
57
- </p>
58
-
59
- <p class="mw-text-secondary">
60
- Text can be colored using utility classes to highlight important
61
- information or match your brand.
62
- </p>
63
-
64
- <p class="mw-text-danger">Very important error text!</p>
65
-
66
- <p class="mw-text-color-dark">
67
- This always remains the text color of the dark theme.
68
- </p>
69
-
70
- <p class="mw-text-color-light">
71
- This always remains the text color of the light theme.
72
- </p>
73
- </div>
74
- </div>