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.
- package/README.md +2 -2
- package/maverick-wave.min.css +2 -2
- package/package.json +8 -2
- package/src/scss/components/_avatars.scss +35 -3
- package/src/scss/components/_dropdown.scss +24 -1
- package/src/scss/components/_lang-switch.scss +4 -8
- package/src/scss/components/_modals.scss +33 -5
- package/.claude/settings.local.json +0 -43
- package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
- package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
- package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
- package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
- package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
- package/.claude/skills/mw-maverick-wave/references/components.md +0 -2169
- package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
- package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
- package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
- package/.claude/skills/mw-maverick-wave/references/theming.md +0 -528
- package/.github/workflows/ci.yml +0 -41
- package/.idea/codeStyles/Project.xml +0 -59
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/maverick-wave.iml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/prettier.xml +0 -6
- package/.idea/vcs.xml +0 -6
- package/.prettierignore +0 -8
- package/.prettierrc.json +0 -7
- package/CHANGELOG.md +0 -950
- package/CLAUDE.md +0 -60
- package/gulpfile.js +0 -167
- package/index.html +0 -1730
- package/release.sh +0 -31
- package/scripts/verify.js +0 -252
- package/src/assets/favicon/apple-touch-icon.png +0 -0
- package/src/assets/favicon/favicon-96x96.png +0 -0
- package/src/assets/favicon/favicon.svg +0 -1
- package/src/assets/favicon/site.webmanifest +0 -37
- package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
- package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
- package/src/assets/favicon.ico +0 -0
- package/src/assets/header-logo.svg +0 -24
- package/src/assets/images/gallery-city.svg +0 -49
- package/src/assets/images/gallery-desert.svg +0 -25
- package/src/assets/images/gallery-forest.svg +0 -46
- package/src/assets/images/gallery-lake.svg +0 -26
- package/src/assets/images/gallery-mountain.svg +0 -19
- package/src/assets/images/gallery-ocean.svg +0 -26
- package/src/assets/images/gallery-oldtown.svg +0 -41
- package/src/assets/images/gallery-snow.svg +0 -39
- package/src/assets/images/photo-balloon.svg +0 -35
- package/src/assets/images/photo-forest-path.svg +0 -31
- package/src/assets/images/photo-lighthouse.svg +0 -42
- package/src/assets/images/photo-palm.svg +0 -27
- package/src/assets/images/photo-peak.svg +0 -27
- package/src/assets/images/photo-tower.svg +0 -34
- package/src/assets/images/photo-waterfall.svg +0 -32
- package/src/assets/images/slider-field.svg +0 -124
- package/src/assets/images/slider-forest.svg +0 -33
- package/src/assets/images/slider-lake.svg +0 -35
- package/src/assets/images/slider-mountains.svg +0 -29
- package/src/assets/images/slider-trees.svg +0 -41
- package/src/assets/images/story-aurora.svg +0 -36
- package/src/assets/images/story-beach.svg +0 -34
- package/src/assets/images/story-stars.svg +0 -35
- package/src/assets/images/tile-analytics.svg +0 -22
- package/src/assets/images/tile-cloud.svg +0 -19
- package/src/assets/images/tile-ecommerce.svg +0 -14
- package/src/assets/images/tile-enterprise.svg +0 -22
- package/src/assets/images/tile-marketing.svg +0 -16
- package/src/assets/media/demo-chime.wav +0 -0
- package/src/assets/media/story-sunrise.jpg +0 -0
- package/src/assets/media/story-sunrise.mp4 +0 -0
- package/src/partials/accordions-container.html +0 -179
- package/src/partials/alerts-container.html +0 -151
- package/src/partials/announcement-container.html +0 -67
- package/src/partials/avatars-container.html +0 -229
- package/src/partials/badges-container.html +0 -114
- package/src/partials/blog-posts-container.html +0 -158
- package/src/partials/breadcrumbs-container.html +0 -126
- package/src/partials/button-bar-container.html +0 -175
- package/src/partials/buttons-container.html +0 -272
- package/src/partials/calendar-container.html +0 -203
- package/src/partials/cards-container.html +0 -727
- package/src/partials/code-container.html +0 -194
- package/src/partials/colors-container.html +0 -263
- package/src/partials/coming-soon-container.html +0 -10
- package/src/partials/contact-container.html +0 -85
- package/src/partials/content-slider-container.html +0 -36
- package/src/partials/divider-container.html +0 -70
- package/src/partials/documentation-container.html +0 -204
- package/src/partials/dropdown-container.html +0 -119
- package/src/partials/empty-state-container.html +0 -79
- package/src/partials/feed-container.html +0 -506
- package/src/partials/footer-container.html +0 -113
- package/src/partials/form-container.html +0 -262
- package/src/partials/form-elements-container.html +0 -616
- package/src/partials/form-field-container.html +0 -166
- package/src/partials/gallery-container.html +0 -62
- package/src/partials/get-started-container.html +0 -423
- package/src/partials/grid-container.html +0 -191
- package/src/partials/header-container.html +0 -69
- package/src/partials/header-utilities-container.html +0 -331
- package/src/partials/highlights-container.html +0 -71
- package/src/partials/history-container.html +0 -67
- package/src/partials/home-container.html +0 -31
- package/src/partials/html-lists-container.html +0 -63
- package/src/partials/info-container.html +0 -104
- package/src/partials/input-group-container.html +0 -299
- package/src/partials/item-lists-container.html +0 -368
- package/src/partials/kanban-container.html +0 -459
- package/src/partials/kbd-container.html +0 -63
- package/src/partials/leader-row-container.html +0 -139
- package/src/partials/login-container.html +0 -65
- package/src/partials/lunch-menu-container.html +0 -341
- package/src/partials/media-container.html +0 -27
- package/src/partials/meta-info-container.html +0 -21
- package/src/partials/modals-container.html +0 -199
- package/src/partials/mosaic-container.html +0 -173
- package/src/partials/page-header-container.html +0 -78
- package/src/partials/pagination-container.html +0 -64
- package/src/partials/palette-container.html +0 -480
- package/src/partials/panels-container.html +0 -126
- package/src/partials/parallax-container.html +0 -147
- package/src/partials/portrait-gallery-container.html +0 -175
- package/src/partials/preview-container.html +0 -136
- package/src/partials/pricing-container.html +0 -523
- package/src/partials/progress-container.html +0 -230
- package/src/partials/prose-container.html +0 -43
- package/src/partials/ratings-container.html +0 -104
- package/src/partials/section-head-container.html +0 -77
- package/src/partials/segmented-container.html +0 -66
- package/src/partials/skeleton-container.html +0 -87
- package/src/partials/spinners-container.html +0 -96
- package/src/partials/stepper-container.html +0 -111
- package/src/partials/stories-container.html +0 -182
- package/src/partials/tables-container.html +0 -309
- package/src/partials/tabs-container.html +0 -290
- package/src/partials/tags-container.html +0 -242
- package/src/partials/techstack-bucket-container.html +0 -187
- package/src/partials/testimonials-container.html +0 -88
- package/src/partials/tiles-container.html +0 -247
- package/src/partials/timelines-container.html +0 -196
- package/src/partials/typography-container.html +0 -74
- 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>
|