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