maverick-wave 5.30.0 → 5.31.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 (141) hide show
  1. package/README.md +2 -2
  2. package/maverick-wave.min.css +1 -1
  3. package/package.json +8 -2
  4. package/src/scss/components/_modals.scss +23 -9
  5. package/.claude/settings.local.json +0 -43
  6. package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
  7. package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
  8. package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
  9. package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
  10. package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
  11. package/.claude/skills/mw-maverick-wave/references/components.md +0 -2170
  12. package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
  13. package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
  14. package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
  15. package/.claude/skills/mw-maverick-wave/references/theming.md +0 -530
  16. package/.github/workflows/ci.yml +0 -41
  17. package/.idea/codeStyles/Project.xml +0 -59
  18. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  19. package/.idea/maverick-wave.iml +0 -12
  20. package/.idea/modules.xml +0 -8
  21. package/.idea/prettier.xml +0 -6
  22. package/.idea/vcs.xml +0 -6
  23. package/.prettierignore +0 -8
  24. package/.prettierrc.json +0 -7
  25. package/CHANGELOG.md +0 -956
  26. package/CLAUDE.md +0 -60
  27. package/gulpfile.js +0 -167
  28. package/index.html +0 -1730
  29. package/release.sh +0 -31
  30. package/scripts/verify.js +0 -252
  31. package/src/assets/favicon/apple-touch-icon.png +0 -0
  32. package/src/assets/favicon/favicon-96x96.png +0 -0
  33. package/src/assets/favicon/favicon.svg +0 -1
  34. package/src/assets/favicon/site.webmanifest +0 -37
  35. package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
  36. package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
  37. package/src/assets/favicon.ico +0 -0
  38. package/src/assets/header-logo.svg +0 -24
  39. package/src/assets/images/gallery-city.svg +0 -49
  40. package/src/assets/images/gallery-desert.svg +0 -25
  41. package/src/assets/images/gallery-forest.svg +0 -46
  42. package/src/assets/images/gallery-lake.svg +0 -26
  43. package/src/assets/images/gallery-mountain.svg +0 -19
  44. package/src/assets/images/gallery-ocean.svg +0 -26
  45. package/src/assets/images/gallery-oldtown.svg +0 -41
  46. package/src/assets/images/gallery-snow.svg +0 -39
  47. package/src/assets/images/photo-balloon.svg +0 -35
  48. package/src/assets/images/photo-forest-path.svg +0 -31
  49. package/src/assets/images/photo-lighthouse.svg +0 -42
  50. package/src/assets/images/photo-palm.svg +0 -27
  51. package/src/assets/images/photo-peak.svg +0 -27
  52. package/src/assets/images/photo-tower.svg +0 -34
  53. package/src/assets/images/photo-waterfall.svg +0 -32
  54. package/src/assets/images/slider-field.svg +0 -124
  55. package/src/assets/images/slider-forest.svg +0 -33
  56. package/src/assets/images/slider-lake.svg +0 -35
  57. package/src/assets/images/slider-mountains.svg +0 -29
  58. package/src/assets/images/slider-trees.svg +0 -41
  59. package/src/assets/images/story-aurora.svg +0 -36
  60. package/src/assets/images/story-beach.svg +0 -34
  61. package/src/assets/images/story-stars.svg +0 -35
  62. package/src/assets/images/tile-analytics.svg +0 -22
  63. package/src/assets/images/tile-cloud.svg +0 -19
  64. package/src/assets/images/tile-ecommerce.svg +0 -14
  65. package/src/assets/images/tile-enterprise.svg +0 -22
  66. package/src/assets/images/tile-marketing.svg +0 -16
  67. package/src/assets/media/demo-chime.wav +0 -0
  68. package/src/assets/media/story-sunrise.jpg +0 -0
  69. package/src/assets/media/story-sunrise.mp4 +0 -0
  70. package/src/partials/accordions-container.html +0 -179
  71. package/src/partials/alerts-container.html +0 -151
  72. package/src/partials/announcement-container.html +0 -67
  73. package/src/partials/avatars-container.html +0 -229
  74. package/src/partials/badges-container.html +0 -114
  75. package/src/partials/blog-posts-container.html +0 -158
  76. package/src/partials/breadcrumbs-container.html +0 -126
  77. package/src/partials/button-bar-container.html +0 -175
  78. package/src/partials/buttons-container.html +0 -272
  79. package/src/partials/calendar-container.html +0 -203
  80. package/src/partials/cards-container.html +0 -727
  81. package/src/partials/code-container.html +0 -194
  82. package/src/partials/colors-container.html +0 -263
  83. package/src/partials/coming-soon-container.html +0 -10
  84. package/src/partials/contact-container.html +0 -85
  85. package/src/partials/content-slider-container.html +0 -36
  86. package/src/partials/divider-container.html +0 -70
  87. package/src/partials/documentation-container.html +0 -204
  88. package/src/partials/dropdown-container.html +0 -119
  89. package/src/partials/empty-state-container.html +0 -79
  90. package/src/partials/feed-container.html +0 -506
  91. package/src/partials/footer-container.html +0 -113
  92. package/src/partials/form-container.html +0 -262
  93. package/src/partials/form-elements-container.html +0 -616
  94. package/src/partials/form-field-container.html +0 -166
  95. package/src/partials/gallery-container.html +0 -62
  96. package/src/partials/get-started-container.html +0 -423
  97. package/src/partials/grid-container.html +0 -191
  98. package/src/partials/header-container.html +0 -69
  99. package/src/partials/header-utilities-container.html +0 -331
  100. package/src/partials/highlights-container.html +0 -71
  101. package/src/partials/history-container.html +0 -67
  102. package/src/partials/home-container.html +0 -31
  103. package/src/partials/html-lists-container.html +0 -63
  104. package/src/partials/info-container.html +0 -104
  105. package/src/partials/input-group-container.html +0 -299
  106. package/src/partials/item-lists-container.html +0 -368
  107. package/src/partials/kanban-container.html +0 -459
  108. package/src/partials/kbd-container.html +0 -63
  109. package/src/partials/leader-row-container.html +0 -139
  110. package/src/partials/login-container.html +0 -65
  111. package/src/partials/lunch-menu-container.html +0 -341
  112. package/src/partials/media-container.html +0 -27
  113. package/src/partials/meta-info-container.html +0 -21
  114. package/src/partials/modals-container.html +0 -199
  115. package/src/partials/mosaic-container.html +0 -173
  116. package/src/partials/page-header-container.html +0 -78
  117. package/src/partials/pagination-container.html +0 -64
  118. package/src/partials/palette-container.html +0 -480
  119. package/src/partials/panels-container.html +0 -126
  120. package/src/partials/parallax-container.html +0 -147
  121. package/src/partials/portrait-gallery-container.html +0 -175
  122. package/src/partials/preview-container.html +0 -136
  123. package/src/partials/pricing-container.html +0 -523
  124. package/src/partials/progress-container.html +0 -230
  125. package/src/partials/prose-container.html +0 -43
  126. package/src/partials/ratings-container.html +0 -104
  127. package/src/partials/section-head-container.html +0 -77
  128. package/src/partials/segmented-container.html +0 -66
  129. package/src/partials/skeleton-container.html +0 -87
  130. package/src/partials/spinners-container.html +0 -96
  131. package/src/partials/stepper-container.html +0 -111
  132. package/src/partials/stories-container.html +0 -182
  133. package/src/partials/tables-container.html +0 -309
  134. package/src/partials/tabs-container.html +0 -290
  135. package/src/partials/tags-container.html +0 -242
  136. package/src/partials/techstack-bucket-container.html +0 -187
  137. package/src/partials/testimonials-container.html +0 -88
  138. package/src/partials/tiles-container.html +0 -247
  139. package/src/partials/timelines-container.html +0 -196
  140. package/src/partials/typography-container.html +0 -74
  141. 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>