domma-js 0.32.0 → 0.33.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 (30) hide show
  1. package/package.json +2 -2
  2. package/public/dist/bundles/domma-complete.css +23 -14
  3. package/public/dist/bundles/domma-data-focused.css +23 -14
  4. package/public/dist/bundles/domma-essentials.css +23 -14
  5. package/public/dist/bundles/domma-full.css +23 -14
  6. package/public/dist/bundles/domma-minimal.css +17 -8
  7. package/public/dist/domma-flags.esm.js +3 -3
  8. package/public/dist/domma-flags.min.js +3 -3
  9. package/public/dist/domma-syntax.min.js +3 -3
  10. package/public/dist/domma.css +12 -3
  11. package/public/dist/domma.esm.js +4 -4
  12. package/public/dist/domma.min.js +4 -4
  13. package/public/dist/elements.css +3 -3
  14. package/public/dist/grid.css +3 -3
  15. package/public/dist/syntax.css +3 -3
  16. package/public/dist/themes/domma-themes.css +3 -3
  17. package/templates/kickstart/frontend/pages/about/index.html +33 -33
  18. package/templates/kickstart/frontend/pages/blog/index.html +58 -58
  19. package/templates/kickstart/frontend/pages/contact/index.html +45 -54
  20. package/templates/kickstart/frontend/pages/cookies/index.html +44 -44
  21. package/templates/kickstart/frontend/pages/docs/index.html +49 -58
  22. package/templates/kickstart/frontend/pages/index.html +14 -14
  23. package/templates/kickstart/frontend/pages/privacy/index.html +43 -43
  24. package/templates/kickstart/frontend/pages/terms/index.html +49 -49
  25. package/templates/kickstart-spa/frontend/js/views/templates/404.html +5 -5
  26. package/templates/kickstart-spa/frontend/js/views/templates/about.html +6 -6
  27. package/templates/kickstart-spa/frontend/js/views/templates/contact.html +5 -5
  28. package/templates/kickstart-spa/frontend/js/views/templates/home.html +4 -4
  29. package/templates/page-template/page.html +3 -3
  30. package/templates/view-template/view.html +5 -5
@@ -22,8 +22,8 @@
22
22
  <section class="hero hero-center bg-dark bg-ambient-rotate-glow" style="min-height: 40vh; padding: 3rem 2rem;">
23
23
  <div class="hero-content">
24
24
  <span data-icon="mail" data-icon-size="72" class="mb-3" style="color: var(--dm-white-t85);"></span>
25
- <h1 class="display-2 mb-3" style="color: var(--dm-white);">Get in Touch</h1>
26
- <p class="lead" style="color: var(--dm-white-t85); max-width: 700px;">
25
+ <h1 class="text-4xl font-bold mb-3" style="color: var(--dm-white);">Get in Touch</h1>
26
+ <p class="text-lg" style="color: var(--dm-white-t85); max-width: 700px;">
27
27
  Have a question? We'd love to hear from you. Send us a message and we'll respond as soon as possible.
28
28
  </p>
29
29
  </div>
@@ -31,36 +31,36 @@
31
31
 
32
32
  <!-- Contact Content -->
33
33
  <section class="container py-4">
34
- <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
34
+ <div class="grid grid-cols-1 grid-cols-3 gap-6">
35
35
  <!-- Contact Form -->
36
- <div class="lg:col-span-2">
36
+ <div class="col-span-2">
37
37
  <div class="card shadow-lg">
38
38
  <div class="card-body">
39
- <h2 class="h4 mb-4">Send us a Message</h2>
39
+ <h2 class="text-xl font-bold mb-4">Send us a Message</h2>
40
40
 
41
41
  <form id="contact-form">
42
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
42
+ <div class="grid grid-cols-1 grid-cols-2 gap-4">
43
43
  <div>
44
44
  <label for="name" class="form-label">Name *</label>
45
- <input type="text" id="name" class="form-control" required>
45
+ <input type="text" id="name" class="form-input" required>
46
46
  </div>
47
47
 
48
48
  <div>
49
49
  <label for="email" class="form-label">Email *</label>
50
- <input type="email" id="email" class="form-control" required>
50
+ <input type="email" id="email" class="form-input" required>
51
51
  </div>
52
52
 
53
- <div class="md:col-span-2">
53
+ <div class="col-span-2">
54
54
  <label for="subject" class="form-label">Subject *</label>
55
- <input type="text" id="subject" class="form-control" required>
55
+ <input type="text" id="subject" class="form-input" required>
56
56
  </div>
57
57
 
58
- <div class="md:col-span-2">
58
+ <div class="col-span-2">
59
59
  <label for="message" class="form-label">Message *</label>
60
- <textarea id="message" class="form-control" rows="6" required></textarea>
60
+ <textarea id="message" class="form-input" rows="6" required></textarea>
61
61
  </div>
62
62
 
63
- <div class="md:col-span-2">
63
+ <div class="col-span-2">
64
64
  <button type="submit" class="btn btn-primary btn-lg">
65
65
  <span data-icon="send"></span> Send Message
66
66
  </button>
@@ -72,12 +72,12 @@
72
72
  </div>
73
73
 
74
74
  <!-- Contact Information -->
75
- <div class="col-12 col-lg-4">
75
+ <div class="col-12 col-4">
76
76
  <!-- Address Card -->
77
77
  <div class="card shadow-lg mb-4">
78
78
  <div class="card-body">
79
- <h3 class="h5 mb-4">
80
- <span data-icon="map-pin" class="me-2"></span> Location
79
+ <h3 class="text-lg font-bold mb-4">
80
+ <span data-icon="map-pin" class="mr-2"></span> Location
81
81
  </h3>
82
82
  <p class="mb-2">123 Example Street</p>
83
83
  <p class="mb-2">Suite 100</p>
@@ -88,8 +88,8 @@
88
88
  <!-- Contact Details -->
89
89
  <div class="card shadow-lg mb-4">
90
90
  <div class="card-body">
91
- <h3 class="h5 mb-4">
92
- <span data-icon="mail" class="me-2"></span> Contact Details
91
+ <h3 class="text-lg font-bold mb-4">
92
+ <span data-icon="mail" class="mr-2"></span> Contact Details
93
93
  </h3>
94
94
  <p class="mb-2">
95
95
  <strong>Email:</strong><br>
@@ -105,20 +105,20 @@
105
105
  <!-- Social Links -->
106
106
  <div class="card">
107
107
  <div class="card-body">
108
- <h3 class="h5 mb-4">
109
- <span data-icon="share-2" class="me-2"></span> Follow Us
108
+ <h3 class="text-lg font-bold mb-4">
109
+ <span data-icon="share-2" class="mr-2"></span> Follow Us
110
110
  </h3>
111
- <div class="d-flex flex-wrap gap-2">
112
- <a href="#" class="btn btn-outline-primary">
111
+ <div class="flex flex-wrap gap-2">
112
+ <a href="#" class="btn btn-outline">
113
113
  <span data-icon="github"></span> GitHub
114
114
  </a>
115
- <a href="#" class="btn btn-outline-primary">
115
+ <a href="#" class="btn btn-outline">
116
116
  <span data-icon="twitter"></span> Twitter
117
117
  </a>
118
- <a href="#" class="btn btn-outline-primary">
118
+ <a href="#" class="btn btn-outline">
119
119
  <span data-icon="linkedin"></span> LinkedIn
120
120
  </a>
121
- <a href="#" class="btn btn-outline-primary">
121
+ <a href="#" class="btn btn-outline">
122
122
  <span data-icon="youtube"></span> YouTube
123
123
  </a>
124
124
  </div>
@@ -129,53 +129,44 @@
129
129
  </section>
130
130
 
131
131
  <!-- FAQ Section -->
132
- <section class="bg-surface py-6">
132
+ <section class="bg-white py-6">
133
133
  <div class="container">
134
134
  <h2 class="text-center mb-6">Frequently Asked Questions</h2>
135
135
 
136
- <div class="d-flex justify-content-center">
136
+ <div class="flex justify-center">
137
137
  <div style="max-width: 800px; width: 100%;">
138
138
  <div class="accordion" id="faq-accordion">
139
139
  <!-- FAQ 1 -->
140
140
  <div class="accordion-item">
141
- <h3 class="accordion-header">
142
- <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
143
- What is the response time?
144
- </button>
145
- </h3>
146
- <div id="faq1" class="accordion-collapse collapse show">
147
- <div class="accordion-body">
148
- We typically respond to all enquiries within 24-48 hours during business days.
149
- </div>
141
+ <div class="accordion-header">
142
+ <span>What is the response time?</span>
143
+ <span class="accordion-icon">&#9660;</span>
150
144
  </div>
145
+ <div class="accordion-body"><div class="accordion-content">
146
+ We typically respond to all enquiries within 24-48 hours during business days.
147
+ </div></div>
151
148
  </div>
152
149
 
153
150
  <!-- FAQ 2 -->
154
151
  <div class="accordion-item">
155
- <h3 class="accordion-header">
156
- <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
157
- Do you offer support?
158
- </button>
159
- </h3>
160
- <div id="faq2" class="accordion-collapse collapse">
161
- <div class="accordion-body">
162
- Yes! We offer community support through GitHub Issues and email support for enterprise clients.
163
- </div>
152
+ <div class="accordion-header">
153
+ <span>Do you offer support?</span>
154
+ <span class="accordion-icon">&#9660;</span>
164
155
  </div>
156
+ <div class="accordion-body"><div class="accordion-content">
157
+ Yes! We offer community support through GitHub Issues and email support for enterprise clients.
158
+ </div></div>
165
159
  </div>
166
160
 
167
161
  <!-- FAQ 3 -->
168
162
  <div class="accordion-item">
169
- <h3 class="accordion-header">
170
- <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
171
- Can I contribute to the project?
172
- </button>
173
- </h3>
174
- <div id="faq3" class="accordion-collapse collapse">
175
- <div class="accordion-body">
176
- Absolutely! We welcome contributions. Check out our GitHub repository for contribution guidelines.
177
- </div>
163
+ <div class="accordion-header">
164
+ <span>Can I contribute to the project?</span>
165
+ <span class="accordion-icon">&#9660;</span>
178
166
  </div>
167
+ <div class="accordion-body"><div class="accordion-content">
168
+ Absolutely! We welcome contributions. Check out our GitHub repository for contribution guidelines.
169
+ </div></div>
179
170
  </div>
180
171
  </div>
181
172
  </div>
@@ -22,8 +22,8 @@
22
22
  <section class="hero hero-center bg-dark bg-ambient-rotate-glow" style="min-height: 40vh; padding: 3rem 2rem;">
23
23
  <div class="hero-content">
24
24
  <span data-icon="shield" data-icon-size="72" class="mb-3" style="color: var(--dm-white-t85);"></span>
25
- <h1 class="display-2 mb-3" style="color: var(--dm-white);">Cookie Policy</h1>
26
- <p class="lead" style="color: var(--dm-white-t85);">
25
+ <h1 class="text-4xl font-bold mb-3" style="color: var(--dm-white);">Cookie Policy</h1>
26
+ <p class="text-lg" style="color: var(--dm-white-t85);">
27
27
  Last updated: <time datetime="{{year}}-01-01">January {{year}}</time>
28
28
  </p>
29
29
  </div>
@@ -31,30 +31,30 @@
31
31
 
32
32
  <!-- Cookie Policy Content -->
33
33
  <section class="container py-4">
34
- <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
34
+ <div class="grid grid-cols-1 grid-cols-4 gap-6">
35
35
  <!-- Table of Contents -->
36
36
  <aside>
37
37
  <div class="card sticky" style="top: 80px;">
38
38
  <div class="card-body">
39
- <h2 class="h5 mb-3">Contents</h2>
40
- <nav class="nav flex-column">
41
- <a href="#what-are-cookies" class="nav-link">What Are Cookies</a>
42
- <a href="#how-we-use" class="nav-link">How We Use Cookies</a>
43
- <a href="#types-of-cookies" class="nav-link">Types of Cookies</a>
44
- <a href="#third-party-cookies" class="nav-link">Third-Party Cookies</a>
45
- <a href="#cookie-management" class="nav-link">Managing Cookies</a>
46
- <a href="#updates" class="nav-link">Policy Updates</a>
47
- <a href="#contact" class="nav-link">Contact Us</a>
39
+ <h2 class="text-lg font-bold mb-3">Contents</h2>
40
+ <nav class="list-group list-group-flush">
41
+ <a href="#what-are-cookies" class="list-group-item list-group-item-action">What Are Cookies</a>
42
+ <a href="#how-we-use" class="list-group-item list-group-item-action">How We Use Cookies</a>
43
+ <a href="#types-of-cookies" class="list-group-item list-group-item-action">Types of Cookies</a>
44
+ <a href="#third-party-cookies" class="list-group-item list-group-item-action">Third-Party Cookies</a>
45
+ <a href="#cookie-management" class="list-group-item list-group-item-action">Managing Cookies</a>
46
+ <a href="#updates" class="list-group-item list-group-item-action">Policy Updates</a>
47
+ <a href="#contact" class="list-group-item list-group-item-action">Contact Us</a>
48
48
  </nav>
49
49
  </div>
50
50
  </div>
51
51
  </aside>
52
52
 
53
53
  <!-- Main Content -->
54
- <main class="lg:col-span-3">
54
+ <main class="col-span-3">
55
55
  <!-- What Are Cookies -->
56
56
  <section id="what-are-cookies" class="mb-6">
57
- <h2 class="h3 mb-4">What Are Cookies?</h2>
57
+ <h2 class="text-2xl font-bold mb-4">What Are Cookies?</h2>
58
58
  <p>
59
59
  Cookies are small text files that are placed on your computer or mobile device when you visit a website.
60
60
  They are widely used to make websites work more efficiently and provide information to website owners.
@@ -71,16 +71,16 @@
71
71
 
72
72
  <!-- How We Use Cookies -->
73
73
  <section id="how-we-use" class="mb-6">
74
- <h2 class="h3 mb-4">How We Use Cookies</h2>
74
+ <h2 class="text-2xl font-bold mb-4">How We Use Cookies</h2>
75
75
  <p class="mb-4">
76
76
  {{projectName}} uses cookies to:
77
77
  </p>
78
78
 
79
- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
79
+ <div class="grid grid-cols-1 grid-cols-2 gap-4">
80
80
  <div class="card">
81
81
  <div class="card-body">
82
82
  <span data-icon="settings" class="mb-3" style="font-size: 2rem; color: var(--dm-primary);"></span>
83
- <h3 class="h6 mb-2">Essential Functionality</h3>
83
+ <h3 class="text-base font-bold mb-2">Essential Functionality</h3>
84
84
  <p class="text-secondary mb-0">
85
85
  Enable core features like authentication and security
86
86
  </p>
@@ -90,7 +90,7 @@
90
90
  <div class="card">
91
91
  <div class="card-body">
92
92
  <span data-icon="bar-chart" class="mb-3" style="font-size: 2rem; color: var(--dm-primary);"></span>
93
- <h3 class="h6 mb-2">Analytics</h3>
93
+ <h3 class="text-base font-bold mb-2">Analytics</h3>
94
94
  <p class="text-secondary mb-0">
95
95
  Understand how visitors interact with our website
96
96
  </p>
@@ -100,7 +100,7 @@
100
100
  <div class="card">
101
101
  <div class="card-body">
102
102
  <span data-icon="user" class="mb-3" style="font-size: 2rem; color: var(--dm-primary);"></span>
103
- <h3 class="h6 mb-2">Personalisation</h3>
103
+ <h3 class="text-base font-bold mb-2">Personalisation</h3>
104
104
  <p class="text-secondary mb-0">
105
105
  Remember your preferences and settings
106
106
  </p>
@@ -110,7 +110,7 @@
110
110
  <div class="card">
111
111
  <div class="card-body">
112
112
  <span data-icon="target" class="mb-3" style="font-size: 2rem; color: var(--dm-primary);"></span>
113
- <h3 class="h6 mb-2">Marketing</h3>
113
+ <h3 class="text-base font-bold mb-2">Marketing</h3>
114
114
  <p class="text-secondary mb-0">
115
115
  Show you relevant advertisements and content
116
116
  </p>
@@ -121,15 +121,15 @@
121
121
 
122
122
  <!-- Types of Cookies -->
123
123
  <section id="types-of-cookies" class="mb-6">
124
- <h2 class="h3 mb-4">Types of Cookies We Use</h2>
124
+ <h2 class="text-2xl font-bold mb-4">Types of Cookies We Use</h2>
125
125
 
126
126
  <!-- Strictly Necessary Cookies -->
127
127
  <div class="card mb-4">
128
128
  <div class="card-body">
129
- <div class="d-flex align-items-start mb-3">
130
- <span class="badge badge-danger me-3">Required</span>
129
+ <div class="flex items-start mb-3">
130
+ <span class="badge badge-danger mr-3">Required</span>
131
131
  <div>
132
- <h3 class="h5 mb-2">Strictly Necessary Cookies</h3>
132
+ <h3 class="text-lg font-bold mb-2">Strictly Necessary Cookies</h3>
133
133
  <p class="text-secondary mb-0">
134
134
  These cookies are essential for the website to function properly. They enable core features
135
135
  such as security, network management, and accessibility.
@@ -164,10 +164,10 @@
164
164
  <!-- Performance Cookies -->
165
165
  <div class="card mb-4">
166
166
  <div class="card-body">
167
- <div class="d-flex align-items-start mb-3">
168
- <span class="badge badge-info me-3">Optional</span>
167
+ <div class="flex items-start mb-3">
168
+ <span class="badge badge-info mr-3">Optional</span>
169
169
  <div>
170
- <h3 class="h5 mb-2">Performance Cookies</h3>
170
+ <h3 class="text-lg font-bold mb-2">Performance Cookies</h3>
171
171
  <p class="text-secondary mb-0">
172
172
  These cookies collect information about how you use our website, such as which pages you visit
173
173
  most often. This data helps us improve how the website works.
@@ -202,10 +202,10 @@
202
202
  <!-- Functionality Cookies -->
203
203
  <div class="card mb-4">
204
204
  <div class="card-body">
205
- <div class="d-flex align-items-start mb-3">
206
- <span class="badge badge-success me-3">Optional</span>
205
+ <div class="flex items-start mb-3">
206
+ <span class="badge badge-success mr-3">Optional</span>
207
207
  <div>
208
- <h3 class="h5 mb-2">Functionality Cookies</h3>
208
+ <h3 class="text-lg font-bold mb-2">Functionality Cookies</h3>
209
209
  <p class="text-secondary mb-0">
210
210
  These cookies allow the website to remember choices you make and provide enhanced features.
211
211
  </p>
@@ -239,10 +239,10 @@
239
239
  <!-- Marketing Cookies -->
240
240
  <div class="card">
241
241
  <div class="card-body">
242
- <div class="d-flex align-items-start mb-3">
243
- <span class="badge badge-warning me-3">Optional</span>
242
+ <div class="flex items-start mb-3">
243
+ <span class="badge badge-warning mr-3">Optional</span>
244
244
  <div>
245
- <h3 class="h5 mb-2">Marketing Cookies</h3>
245
+ <h3 class="text-lg font-bold mb-2">Marketing Cookies</h3>
246
246
  <p class="text-secondary mb-0">
247
247
  These cookies track your online activity to help advertisers deliver more relevant advertising
248
248
  or to limit how many times you see an advertisement.
@@ -277,19 +277,19 @@
277
277
 
278
278
  <!-- Third-Party Cookies -->
279
279
  <section id="third-party-cookies" class="mb-6">
280
- <h2 class="h3 mb-4">Third-Party Cookies</h2>
280
+ <h2 class="text-2xl font-bold mb-4">Third-Party Cookies</h2>
281
281
  <p class="mb-4">
282
282
  In addition to our own cookies, we may use various third-party cookies to report usage statistics,
283
283
  deliver advertisements, and provide enhanced features.
284
284
  </p>
285
285
 
286
286
  <div class="alert alert-warning">
287
- <span data-icon="alert-triangle" class="me-2"></span>
287
+ <span data-icon="alert-triangle" class="mr-2"></span>
288
288
  <strong>Note:</strong> Third-party cookies are subject to the privacy policies of the respective
289
289
  third-party service providers. We do not control these cookies.
290
290
  </div>
291
291
 
292
- <h3 class="h5 mt-4 mb-3">Third-Party Services We Use:</h3>
292
+ <h3 class="text-lg font-bold mt-4 mb-3">Third-Party Services We Use:</h3>
293
293
  <ul>
294
294
  <li><strong>Google Analytics:</strong> Website analytics and reporting</li>
295
295
  <li><strong>Google AdSense:</strong> Advertising network</li>
@@ -300,11 +300,11 @@
300
300
 
301
301
  <!-- Cookie Management -->
302
302
  <section id="cookie-management" class="mb-6">
303
- <h2 class="h3 mb-4">Managing Your Cookie Preferences</h2>
303
+ <h2 class="text-2xl font-bold mb-4">Managing Your Cookie Preferences</h2>
304
304
 
305
- <div class="card bg-surface mb-4">
305
+ <div class="card bg-white mb-4">
306
306
  <div class="card-body">
307
- <h3 class="h5 mb-3">Browser Settings</h3>
307
+ <h3 class="text-lg font-bold mb-3">Browser Settings</h3>
308
308
  <p class="mb-3">
309
309
  You can control and manage cookies in various ways. Most browsers allow you to refuse or delete cookies.
310
310
  </p>
@@ -319,12 +319,12 @@
319
319
  </div>
320
320
 
321
321
  <div class="alert alert-info">
322
- <span data-icon="info" class="me-2"></span>
322
+ <span data-icon="info" class="mr-2"></span>
323
323
  <strong>Important:</strong> Blocking or deleting cookies may impact your experience on our website.
324
324
  Some features may not function properly without cookies.
325
325
  </div>
326
326
 
327
- <h3 class="h5 mt-4 mb-3">Do Not Track</h3>
327
+ <h3 class="text-lg font-bold mt-4 mb-3">Do Not Track</h3>
328
328
  <p>
329
329
  Some browsers include a "Do Not Track" (DNT) feature that signals to websites you visit that you do not
330
330
  want to have your online activity tracked. We respect DNT signals and will not track users who have
@@ -334,7 +334,7 @@
334
334
 
335
335
  <!-- Updates -->
336
336
  <section id="updates" class="mb-6">
337
- <h2 class="h3 mb-4">Updates to This Cookie Policy</h2>
337
+ <h2 class="text-2xl font-bold mb-4">Updates to This Cookie Policy</h2>
338
338
  <p>
339
339
  We may update this Cookie Policy from time to time to reflect changes in the cookies we use or for
340
340
  other operational, legal, or regulatory reasons. Please revisit this Cookie Policy regularly to stay
@@ -344,12 +344,12 @@
344
344
 
345
345
  <!-- Contact -->
346
346
  <section id="contact" class="mb-6">
347
- <h2 class="h3 mb-4">Contact Us</h2>
347
+ <h2 class="text-2xl font-bold mb-4">Contact Us</h2>
348
348
  <p class="mb-4">
349
349
  If you have any questions about our use of cookies, please contact us:
350
350
  </p>
351
351
 
352
- <div class="card bg-surface">
352
+ <div class="card bg-white">
353
353
  <div class="card-body">
354
354
  <dl class="mb-0">
355
355
  <dt class="mb-2">Email</dt>