appscms-tools-theme 5.7.2 → 5.7.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9f69fe9a242e8e061790dd366ab4d1cc79165364d34e23684fd478f2a457a1db
4
- data.tar.gz: 48ecaa4c9a86a79f94fedc2ae283a77c1d0b80526cb0c6fce795f5124fb91c1e
3
+ metadata.gz: '020491632a7f68fd0a3ef8911341a8b28a355ac820cbe2724f4fb217ee285191'
4
+ data.tar.gz: d4f9b7a7ba0f3e0c6291581524f2a90a80c17e6d12764d32b3a085ade96c4b2b
5
5
  SHA512:
6
- metadata.gz: b5b1ecb1776df88507c7346a6dfbb067cfbb9cca416da039de61b3c54b1894f7b5c3b0e24b2dd9c4ff9cff88adfbd61fd667e8414529532f4940309fec23e960
7
- data.tar.gz: 7413ff5af957e3ca376bec58eccf3193f2d450730de95f3d43211bc57c91f624bcce62bdfb8a0325fc4537c91de7f77f445ad0c8153aba6c9774d73ea6ddd5dd
6
+ metadata.gz: e36b4ac32266a385f00bd968534b072a981e13bb791234a5bcbfb5e25347471904a0203d5f566bfff7fb4ee484400b0f33de1dfe5c5f5989bcffd4d2b099d5ec
7
+ data.tar.gz: 7e8fd39cf1f186cfa82aced3c98699ae4f950b3e305f190b023cb9605c497eca227b50fc73b40a6767ac36922ca8ac01b71715d51be7defe16d4203d49fcf288
@@ -1,249 +1,4 @@
1
-
2
1
  {%- if site.show_contenttool_promo -%}
3
- <style>
4
- /* Main Promotion Banner */
5
- .promo-banner {
6
- position: sticky;
7
- top: 0;
8
- z-index: 9999;
9
- background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
10
- /* background: linear-gradient(to right, #d53369, #cbad6d); */
11
- /* background: linear-gradient(to right, #f857a6, #ff5858); */
12
- /* background: linear-gradient(135deg, #4456f6f7 0%, #4456f6f7 100%); */
13
- background-size: 200% 200%;
14
- animation: gradientShift 4s ease infinite;
15
- padding: 12px 20px;
16
- box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
17
- overflow: hidden;
18
- position: relative;
19
- }
20
-
21
- .promo-banner::before {
22
- content: '';
23
- position: absolute;
24
- top: 0;
25
- left: -100%;
26
- width: 100%;
27
- height: 100%;
28
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
29
- animation: shine 3s infinite;
30
- }
31
-
32
- @keyframes gradientShift {
33
- 0% {
34
- background-position: 0% 50%;
35
- }
36
-
37
- 50% {
38
- background-position: 100% 50%;
39
- }
40
-
41
- 100% {
42
- background-position: 0% 50%;
43
- }
44
- }
45
-
46
- @keyframes shine {
47
- 0% {
48
- left: -100%;
49
- }
50
-
51
- 100% {
52
- left: 100%;
53
- }
54
- }
55
-
56
- .banner-content {
57
- display: flex;
58
- align-items: center;
59
- justify-content: center;
60
- gap: 15px;
61
- max-width: 1200px;
62
- margin: 0 auto;
63
- position: relative;
64
- z-index: 2;
65
- }
66
-
67
- .banner-icon {
68
- font-size: 24px;
69
- animation: bounce 2s infinite;
70
- }
71
-
72
- @keyframes bounce {
73
-
74
- 0%,
75
- 20%,
76
- 50%,
77
- 80%,
78
- 100% {
79
- transform: translateY(0);
80
- }
81
-
82
- 40% {
83
- transform: translateY(-5px);
84
- }
85
-
86
- 60% {
87
- transform: translateY(-3px);
88
- }
89
- }
90
-
91
- .banner-text {
92
- color: white;
93
- font-size: 16px;
94
- font-weight: 600;
95
- text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
96
- letter-spacing: 0.5px;
97
- }
98
-
99
- .highlight {
100
- color: #ffd700;
101
- font-weight: 700;
102
- text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
103
- }
104
-
105
- .cta-button {
106
- background: linear-gradient(45deg, #f59e0b, #d97706);
107
- /* background-color: #fff; */
108
- /* background: linear-gradient(45deg, #007bff, #007bff); */
109
- /* background: linear-gradient(45deg, #ff6b6b, #ff8e8e); */
110
- color: #fff;
111
- padding: 5px 15px;
112
- border-radius: 25px;
113
- text-decoration: none;
114
- font-weight: 700;
115
- font-size: 14px;
116
- border: 1px solid rgba(0, 0, 0, 0.1);
117
- transition: all 0.3s ease;
118
- /* box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4); */
119
- position: relative;
120
- overflow: hidden;
121
- text-transform: uppercase;
122
- letter-spacing: 1px;
123
- }
124
-
125
- .cta-button::before {
126
- content: '';
127
- position: absolute;
128
- top: 0;
129
- left: -100%;
130
- width: 100%;
131
- height: 100%;
132
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
133
- transition: left 0.5s;
134
- }
135
-
136
- .cta-button:hover::before {
137
- left: 100%;
138
- }
139
-
140
- .cta-button:hover {
141
- color: #000;
142
- transform: translateY(-2px);
143
- box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
144
- border-color: rgba(255, 255, 255, 0.4);
145
- }
146
-
147
- .close-btn {
148
- background: rgba(255, 255, 255, 0.2);
149
- border: none;
150
- color: white;
151
- font-size: 18px;
152
- width: 30px;
153
- height: 30px;
154
- border-radius: 50%;
155
- cursor: pointer;
156
- transition: all 0.3s ease;
157
- position: absolute;
158
- right: 15px;
159
- top: 50%;
160
- transform: translateY(-50%);
161
- }
162
-
163
- .close-btn:hover {
164
- background: rgba(255, 255, 255, 0.3);
165
- transform: translateY(-50%) rotate(90deg);
166
- }
167
-
168
- /* Floating particles effect */
169
- .particle {
170
- position: absolute;
171
- background: rgba(255, 255, 255, 0.1);
172
- border-radius: 50%;
173
- pointer-events: none;
174
- }
175
-
176
- .particle:nth-child(1) {
177
- width: 6px;
178
- height: 6px;
179
- top: 20%;
180
- left: 10%;
181
- animation: float 6s infinite ease-in-out;
182
- }
183
-
184
- .particle:nth-child(2) {
185
- width: 4px;
186
- height: 4px;
187
- top: 60%;
188
- left: 80%;
189
- animation: float 4s infinite ease-in-out reverse;
190
- }
191
-
192
- .particle:nth-child(3) {
193
- width: 8px;
194
- height: 8px;
195
- top: 40%;
196
- left: 20%;
197
- animation: float 5s infinite ease-in-out;
198
- }
199
-
200
- @keyframes float {
201
-
202
- 0%,
203
- 100% {
204
- transform: translateY(0px);
205
- }
206
-
207
- 50% {
208
- transform: translateY(-10px);
209
- }
210
- }
211
-
212
- /* Mobile Responsive */
213
- @media (max-width: 768px) {
214
- .promo-banner {
215
- padding: 8px 15px;
216
- }
217
-
218
- .banner-content {
219
- gap: 10px;
220
- flex-wrap: wrap;
221
- }
222
-
223
- .banner-text {
224
- font-size: 14px;
225
- text-align: center;
226
- flex: 1 1 100%;
227
- }
228
-
229
- .cta-button {
230
- padding: 8px 20px;
231
- font-size: 12px;
232
- }
233
-
234
- .banner-icon {
235
- font-size: 20px;
236
- }
237
-
238
- .close-btn {
239
- position: relative;
240
- right: auto;
241
- top: auto;
242
- transform: none;
243
- margin-left: auto;
244
- }
245
- }
246
- </style>
247
2
  <!-- Attractive Promotion Banner -->
248
3
  <div class="promo-banner" id="promoBanner">
249
4
  <!-- Floating particles for extra effect -->
@@ -254,7 +9,7 @@
254
9
  <div class="banner-content">
255
10
  <div class="banner-icon">🚀</div>
256
11
  <div class="banner-text">
257
- {{site.contenttool_promo_text}}
12
+ {{site.contenttool_promo_text}}
258
13
  <!-- New! Try ContentTool – <span class="highlight">410+ AI Tools</span> in One Place -->
259
14
  </div>
260
15
  <a href="https://contenttool.io" class="cta-button">
@@ -58,21 +58,19 @@ assign boxColor = site.data[page.folderName][page.lang][page.fileName].color -%}
58
58
  <script>
59
59
  function closeBanner() {
60
60
  const banner = document.getElementById("promoBanner");
61
- banner.style.transform = "translateY(-100%)";
62
- banner.style.opacity = "0";
63
- setTimeout(() => {
64
- banner.style.display = "none";
65
- }, 300);
61
+ if (banner) {
62
+ banner.style.transition = "transform 0.3s ease, opacity 0.3s ease";
63
+ banner.style.transform = "translateY(-100%)";
64
+ banner.style.opacity = "0";
65
+ setTimeout(() => {
66
+ banner.style.display = "none";
67
+ }, 300);
68
+ }
66
69
  }
67
70
 
68
- // Auto-hide after 30 seconds (optional)
71
+ // Auto-hide after 30 seconds
69
72
  setTimeout(() => {
70
- const banner = document.getElementById("promoBanner");
71
- if (banner) {
72
- if (banner.style.display !== "none") {
73
- banner.style.opacity = "0.8";
74
- }
75
- }
73
+ closeBanner();
76
74
  }, 30000);
77
75
  </script>
78
76
 
data/assets/.DS_Store CHANGED
Binary file
@@ -4160,4 +4160,207 @@ textarea {
4160
4160
  animation-play-state: paused;
4161
4161
  background: #1d4ed8;
4162
4162
  transform: translateX(8px) scale(1.05);
4163
- }
4163
+ }
4164
+
4165
+ /* Main Promotion Banner */
4166
+ .promo-banner {
4167
+ position: sticky;
4168
+ top: 0;
4169
+ z-index: 9999;
4170
+ background: linear-gradient(135deg, #667eea 0%, #1b2fe7 100%);
4171
+ background-size: 200% 200%;
4172
+ animation: promoGradientShift 4s ease infinite;
4173
+ padding: 12px 20px;
4174
+ box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
4175
+ overflow: hidden;
4176
+ transition: transform 0.3s ease, opacity 0.3s ease;
4177
+ }
4178
+
4179
+ .promo-banner::before {
4180
+ content: '';
4181
+ position: absolute;
4182
+ top: 0;
4183
+ left: -100%;
4184
+ width: 100%;
4185
+ height: 100%;
4186
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
4187
+ animation: promoShine 3s infinite;
4188
+ }
4189
+
4190
+ @keyframes promoGradientShift {
4191
+ 0% { background-position: 0% 50%; }
4192
+ 50% { background-position: 100% 50%; }
4193
+ 100% { background-position: 0% 50%; }
4194
+ }
4195
+
4196
+ @keyframes promoShine {
4197
+ 0% { left: -100%; }
4198
+ 100% { left: 100%; }
4199
+ }
4200
+
4201
+ .promo-banner .banner-content {
4202
+ display: flex;
4203
+ align-items: center;
4204
+ justify-content: center;
4205
+ gap: 15px;
4206
+ max-width: 1200px;
4207
+ margin: 0 auto;
4208
+ position: relative;
4209
+ z-index: 2;
4210
+ }
4211
+
4212
+ .promo-banner .banner-icon {
4213
+ font-size: 24px;
4214
+ animation: promoBounce 2s infinite;
4215
+ }
4216
+
4217
+ @keyframes promoBounce {
4218
+ 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
4219
+ 40% { transform: translateY(-5px); }
4220
+ 60% { transform: translateY(-3px); }
4221
+ }
4222
+
4223
+ .promo-banner .banner-text {
4224
+ color: white;
4225
+ font-size: 16px;
4226
+ font-weight: 600;
4227
+ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
4228
+ letter-spacing: 0.5px;
4229
+ }
4230
+
4231
+ .promo-banner .highlight {
4232
+ color: #ffd700;
4233
+ font-weight: 700;
4234
+ text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
4235
+ }
4236
+
4237
+ .promo-banner .cta-button {
4238
+ background: linear-gradient(45deg, #f59e0b, #d97706);
4239
+ color: #fff;
4240
+ padding: 5px 15px;
4241
+ border-radius: 25px;
4242
+ text-decoration: none;
4243
+ font-weight: 700;
4244
+ font-size: 14px;
4245
+ border: 1px solid rgba(0, 0, 0, 0.1);
4246
+ transition: all 0.3s ease;
4247
+ position: relative;
4248
+ overflow: hidden;
4249
+ text-transform: uppercase;
4250
+ letter-spacing: 1px;
4251
+ }
4252
+
4253
+ .promo-banner .cta-button::before {
4254
+ content: '';
4255
+ position: absolute;
4256
+ top: 0;
4257
+ left: -100%;
4258
+ width: 100%;
4259
+ height: 100%;
4260
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
4261
+ transition: left 0.5s;
4262
+ }
4263
+
4264
+ .promo-banner .cta-button:hover::before {
4265
+ left: 100%;
4266
+ }
4267
+
4268
+ .promo-banner .cta-button:hover {
4269
+ color: #000;
4270
+ transform: translateY(-2px);
4271
+ box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
4272
+ border-color: rgba(255, 255, 255, 0.4);
4273
+ }
4274
+
4275
+ .promo-banner .close-btn {
4276
+ background: rgba(255, 255, 255, 0.2);
4277
+ border: none;
4278
+ color: white;
4279
+ font-size: 18px;
4280
+ width: 30px;
4281
+ height: 30px;
4282
+ border-radius: 50%;
4283
+ cursor: pointer;
4284
+ transition: all 0.3s ease;
4285
+ position: absolute;
4286
+ right: 15px;
4287
+ top: 50%;
4288
+ transform: translateY(-50%);
4289
+ }
4290
+
4291
+ .promo-banner .close-btn:hover {
4292
+ background: rgba(255, 255, 255, 0.3);
4293
+ transform: translateY(-50%) rotate(90deg);
4294
+ }
4295
+
4296
+ /* Floating particles effect */
4297
+ .promo-banner .particle {
4298
+ position: absolute;
4299
+ background: rgba(255, 255, 255, 0.1);
4300
+ border-radius: 50%;
4301
+ pointer-events: none;
4302
+ }
4303
+
4304
+ .promo-banner .particle:nth-child(1) {
4305
+ width: 6px;
4306
+ height: 6px;
4307
+ top: 20%;
4308
+ left: 10%;
4309
+ animation: promoFloat 6s infinite ease-in-out;
4310
+ }
4311
+
4312
+ .promo-banner .particle:nth-child(2) {
4313
+ width: 4px;
4314
+ height: 4px;
4315
+ top: 60%;
4316
+ left: 80%;
4317
+ animation: promoFloat 4s infinite ease-in-out reverse;
4318
+ }
4319
+
4320
+ .promo-banner .particle:nth-child(3) {
4321
+ width: 8px;
4322
+ height: 8px;
4323
+ top: 40%;
4324
+ left: 20%;
4325
+ animation: promoFloat 5s infinite ease-in-out;
4326
+ }
4327
+
4328
+ @keyframes promoFloat {
4329
+ 0%, 100% { transform: translateY(0px); }
4330
+ 50% { transform: translateY(-10px); }
4331
+ }
4332
+
4333
+ /* Mobile Responsive */
4334
+ @media (max-width: 768px) {
4335
+ .promo-banner {
4336
+ padding: 8px 15px;
4337
+ }
4338
+
4339
+ .promo-banner .banner-content {
4340
+ gap: 10px;
4341
+ flex-wrap: wrap;
4342
+ }
4343
+
4344
+ .promo-banner .banner-text {
4345
+ font-size: 14px;
4346
+ text-align: center;
4347
+ flex: 1 1 100%;
4348
+ }
4349
+
4350
+ .promo-banner .cta-button {
4351
+ padding: 8px 20px;
4352
+ font-size: 12px;
4353
+ }
4354
+
4355
+ .promo-banner .banner-icon {
4356
+ font-size: 20px;
4357
+ }
4358
+
4359
+ .promo-banner .close-btn {
4360
+ position: relative;
4361
+ right: auto;
4362
+ top: auto;
4363
+ transform: none;
4364
+ margin-left: auto;
4365
+ }
4366
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.7.2
4
+ version: 5.7.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2026-09-22 00:00:00.000000000 Z
11
+ date: 2026-09-29 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll