appscms-tools-theme 2.7.0 → 2.7.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_data/feature/en/allele-frequency.json +246 -246
- data/_data/feature/en/face-detection.json +52 -52
- data/_data/feature/en/theframe.json +56 -56
- data/_data/home/en/photoeffects.json +23 -23
- data/_includes/monumetric/ads.html +57 -57
- data/_includes/monumetric/profitablecpmgate.html +51 -51
- data/_layouts/calculator.html +89 -89
- data/_layouts/feature.html +1 -0
- data/_layouts/frame.html +221 -3
- data/_layouts/home.html +1 -0
- data/_layouts/photo-effects-home.html +95 -15
- data/assets/css/calculators.css +47 -47
- data/assets/css/frame.css +87 -31
- data/assets/css/tools.css +2 -0
- data/assets/images/addimg.svg +2 -2
- data/assets/js/ads.js +8 -8
- data/assets/js/append-div.js +10 -10
- data/assets/js/calculator-tooltip.js +3 -3
- data/assets/js/face-api.js +38064 -38064
- data/assets/js/face-detection.js +303 -303
- data/assets/js/perspective.min.js +182 -182
- data/assets/js/photo-effects.json +84 -84
- metadata +7 -7
data/assets/css/frame.css
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
body {
|
2
|
-
font-family: "
|
2
|
+
font-family: "PT Sans", sans-serif !important;
|
3
3
|
}
|
4
|
+
|
4
5
|
:root {
|
5
6
|
--dark: #374151;
|
6
7
|
--darker: #1f2937;
|
@@ -10,6 +11,7 @@ body {
|
|
10
11
|
--pink: #ec4899;
|
11
12
|
--purple: #8b5cf6;
|
12
13
|
}
|
14
|
+
|
13
15
|
#img-svg {
|
14
16
|
margin: auto;
|
15
17
|
margin-top: 16px;
|
@@ -120,17 +122,20 @@ body {
|
|
120
122
|
align-items: center;
|
121
123
|
justify-content: center;
|
122
124
|
}
|
125
|
+
|
123
126
|
#dropfile {
|
124
127
|
font-size: 16px;
|
125
128
|
margin-top: 15px;
|
126
129
|
text-align: center;
|
127
130
|
color: #fff;
|
128
131
|
}
|
132
|
+
|
129
133
|
.saving-file-download-wrap {
|
130
134
|
display: flex;
|
131
135
|
flex-direction: column;
|
132
136
|
align-items: center;
|
133
137
|
}
|
138
|
+
|
134
139
|
#download {
|
135
140
|
padding: 10px 16px;
|
136
141
|
background: #fff;
|
@@ -140,6 +145,7 @@ body {
|
|
140
145
|
height: 80px;
|
141
146
|
width: 80px;
|
142
147
|
}
|
148
|
+
|
143
149
|
.options-panel select,
|
144
150
|
textarea,
|
145
151
|
input {
|
@@ -155,9 +161,11 @@ input {
|
|
155
161
|
color: #0f0c0c;
|
156
162
|
border: 1px solid #ccc;
|
157
163
|
}
|
164
|
+
|
158
165
|
.options-panel div {
|
159
166
|
width: 100%;
|
160
167
|
}
|
168
|
+
|
161
169
|
#action-button {
|
162
170
|
background-color: #ff6537;
|
163
171
|
margin: 0;
|
@@ -173,16 +181,19 @@ input {
|
|
173
181
|
margin: auto;
|
174
182
|
margin-top: 20px;
|
175
183
|
}
|
184
|
+
|
176
185
|
#workspace-area input[type="text"] {
|
177
186
|
height: 40px;
|
178
187
|
border: 1px solid gray;
|
179
188
|
border-radius: 2px;
|
180
189
|
}
|
190
|
+
|
181
191
|
#canvas-area {
|
182
192
|
width: 100%;
|
183
193
|
margin-top: 30px;
|
184
194
|
max-width: 100%;
|
185
195
|
}
|
196
|
+
|
186
197
|
#img-svg {
|
187
198
|
margin: auto;
|
188
199
|
margin-top: 16px;
|
@@ -301,18 +312,21 @@ input {
|
|
301
312
|
min-height: 300px;
|
302
313
|
width: 100%;
|
303
314
|
}
|
315
|
+
|
304
316
|
#dropfile {
|
305
317
|
font-size: 16px;
|
306
318
|
margin-top: 15px;
|
307
319
|
text-align: center;
|
308
320
|
color: #fff;
|
309
321
|
}
|
322
|
+
|
310
323
|
.options-panel {
|
311
324
|
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
|
312
325
|
border-radius: 4px;
|
313
326
|
padding: 30px;
|
314
327
|
width: 100%;
|
315
328
|
}
|
329
|
+
|
316
330
|
.options-panel .title {
|
317
331
|
width: 100%;
|
318
332
|
font-size: 28px;
|
@@ -322,6 +336,7 @@ input {
|
|
322
336
|
text-align: left;
|
323
337
|
text-transform: capitalize;
|
324
338
|
}
|
339
|
+
|
325
340
|
.options-panel .description {
|
326
341
|
width: 100%;
|
327
342
|
font-size: 17px;
|
@@ -329,6 +344,7 @@ input {
|
|
329
344
|
font-weight: 400;
|
330
345
|
text-align: left;
|
331
346
|
}
|
347
|
+
|
332
348
|
.options-title {
|
333
349
|
width: 100%;
|
334
350
|
font-size: 17px;
|
@@ -336,6 +352,7 @@ input {
|
|
336
352
|
font-weight: 400;
|
337
353
|
text-align: left;
|
338
354
|
}
|
355
|
+
|
339
356
|
#download-button {
|
340
357
|
text-decoration: none;
|
341
358
|
border-radius: 2px;
|
@@ -345,12 +362,14 @@ input {
|
|
345
362
|
margin: 3px;
|
346
363
|
padding: 4px 15px;
|
347
364
|
}
|
365
|
+
|
348
366
|
#download-button svg {
|
349
367
|
fill: #fff;
|
350
368
|
margin-right: 4px;
|
351
369
|
margin-bottom: 4px;
|
352
370
|
height: 15px;
|
353
371
|
}
|
372
|
+
|
354
373
|
.download-wrapper {
|
355
374
|
display: flex;
|
356
375
|
align-items: center;
|
@@ -358,9 +377,11 @@ input {
|
|
358
377
|
margin: 12px 0px;
|
359
378
|
padding: 12px 0px;
|
360
379
|
}
|
380
|
+
|
361
381
|
#canvas-panel canvas {
|
362
382
|
max-width: 100%;
|
363
383
|
}
|
384
|
+
|
364
385
|
.example-images-modal-container,
|
365
386
|
.crop-image-modal-container {
|
366
387
|
position: fixed;
|
@@ -374,6 +395,7 @@ input {
|
|
374
395
|
z-index: 999999;
|
375
396
|
padding: 0px 20px;
|
376
397
|
}
|
398
|
+
|
377
399
|
.example-images-modal,
|
378
400
|
.crop-image-modal {
|
379
401
|
height: fit-content;
|
@@ -384,6 +406,7 @@ input {
|
|
384
406
|
padding: 0;
|
385
407
|
overflow-y: auto;
|
386
408
|
}
|
409
|
+
|
387
410
|
.example-images-modal-header,
|
388
411
|
.crop-image-modal-header {
|
389
412
|
border-top-right-radius: 5px;
|
@@ -395,6 +418,7 @@ input {
|
|
395
418
|
align-items: center;
|
396
419
|
padding: 10px 20px;
|
397
420
|
}
|
421
|
+
|
398
422
|
.example-images-modal-header div,
|
399
423
|
.crop-image-modal-header div {
|
400
424
|
height: 100%;
|
@@ -403,31 +427,37 @@ input {
|
|
403
427
|
font-size: 20px;
|
404
428
|
color: #fff;
|
405
429
|
}
|
430
|
+
|
406
431
|
.example-images-modal-body,
|
407
432
|
.crop-image-modal-body {
|
408
433
|
width: 450px;
|
409
434
|
margin: 10px auto;
|
410
435
|
}
|
436
|
+
|
411
437
|
.example-images-modal-header button,
|
412
438
|
.crop-image-modal-header button {
|
413
439
|
border: none;
|
414
440
|
background-color: transparent;
|
415
441
|
}
|
442
|
+
|
416
443
|
.example-images-modal-header button i,
|
417
444
|
.crop-image-modal-header button i {
|
418
445
|
color: #fff;
|
419
446
|
font-size: 20px;
|
420
447
|
}
|
448
|
+
|
421
449
|
.example-images-modal-body,
|
422
450
|
.crop-image-modal-body {
|
423
451
|
border-top-right-radius: 5px;
|
424
452
|
border-top-left-radius: 5px;
|
425
453
|
}
|
454
|
+
|
426
455
|
#crop {
|
427
456
|
border: none;
|
428
457
|
padding: 7px 14px;
|
429
458
|
color: #fff;
|
430
459
|
}
|
460
|
+
|
431
461
|
.carousel-control-next,
|
432
462
|
.carousel-control-prev {
|
433
463
|
border: none;
|
@@ -436,14 +466,15 @@ input {
|
|
436
466
|
background: #ff5554;
|
437
467
|
top: 50%;
|
438
468
|
}
|
439
|
-
|
469
|
+
|
470
|
+
.accordion>.card>.card-header {
|
440
471
|
background: none;
|
441
472
|
border: none;
|
442
473
|
height: 34px;
|
443
474
|
padding: 0;
|
444
475
|
}
|
445
476
|
|
446
|
-
.accordion
|
477
|
+
.accordion>.card {
|
447
478
|
border: none;
|
448
479
|
border-bottom: 1px solid #f2f2f2 !important;
|
449
480
|
display: block;
|
@@ -453,12 +484,15 @@ input {
|
|
453
484
|
font-size: 0.95em;
|
454
485
|
border-radius: 1px;
|
455
486
|
}
|
487
|
+
|
456
488
|
.card-header:hover {
|
457
489
|
background: #f8f8f8 !important;
|
458
490
|
}
|
491
|
+
|
459
492
|
.categories-list .card-body {
|
460
493
|
padding: 0px;
|
461
494
|
}
|
495
|
+
|
462
496
|
.categories-list .card-body a {
|
463
497
|
width: 100%;
|
464
498
|
text-align: left;
|
@@ -466,34 +500,40 @@ input {
|
|
466
500
|
border-top: 1px solid #dadada;
|
467
501
|
padding: 9px 9px;
|
468
502
|
}
|
469
|
-
|
503
|
+
|
504
|
+
.categories-list .accordion>.card>.card-header {
|
470
505
|
display: flex;
|
471
506
|
justify-content: space-between;
|
472
507
|
background-color: transparent;
|
473
508
|
padding: 7px 9px;
|
474
509
|
}
|
475
|
-
|
510
|
+
|
511
|
+
.categories-list .accordion>.card>.card-header i {
|
476
512
|
color: #888888;
|
477
513
|
margin-bottom: 0;
|
478
514
|
font-size: 19px;
|
479
515
|
}
|
480
|
-
|
516
|
+
|
517
|
+
.categories-list .accordion>.card>.card-header {
|
481
518
|
height: auto;
|
482
519
|
}
|
483
|
-
|
520
|
+
|
521
|
+
.categories-list .accordion>.card>.card-header>button {
|
484
522
|
display: flex;
|
485
523
|
justify-content: space-between;
|
486
524
|
align-items: center;
|
487
525
|
width: 100%;
|
488
526
|
}
|
527
|
+
|
489
528
|
.frame-h1 {
|
490
529
|
margin: 0;
|
491
530
|
font-size: 17pt;
|
492
531
|
line-height: 24pt;
|
493
532
|
font-weight: 600;
|
494
|
-
text-align:
|
533
|
+
text-align: left;
|
495
534
|
color: #555;
|
496
535
|
}
|
536
|
+
|
497
537
|
.frame-h2 {
|
498
538
|
font-size: 15px;
|
499
539
|
line-height: 16px;
|
@@ -501,8 +541,9 @@ input {
|
|
501
541
|
max-width: 100%;
|
502
542
|
color: #555;
|
503
543
|
padding: 4px 0;
|
504
|
-
text-align:
|
544
|
+
text-align: left;
|
505
545
|
}
|
546
|
+
|
506
547
|
.image-samples {
|
507
548
|
display: flex;
|
508
549
|
flex-wrap: wrap;
|
@@ -511,6 +552,7 @@ input {
|
|
511
552
|
gap: 5px;
|
512
553
|
cursor: pointer;
|
513
554
|
}
|
555
|
+
|
514
556
|
.image-samples img {
|
515
557
|
cursor: pointer;
|
516
558
|
width: 52px;
|
@@ -528,15 +570,18 @@ input {
|
|
528
570
|
font-weight: 600;
|
529
571
|
border-bottom: 1px solid #dadada;
|
530
572
|
}
|
573
|
+
|
531
574
|
.preview-section {
|
532
575
|
display: flex;
|
533
576
|
justify-content: left;
|
534
577
|
margin-top: 15px;
|
535
578
|
}
|
579
|
+
|
536
580
|
.preview-section img {
|
537
581
|
width: auto;
|
538
582
|
height: auto;
|
539
583
|
}
|
584
|
+
|
540
585
|
#effect-form label {
|
541
586
|
display: block;
|
542
587
|
font-weight: 600;
|
@@ -561,18 +606,17 @@ input {
|
|
561
606
|
-moz-border-radius: 2px;
|
562
607
|
border-radius: 2px;
|
563
608
|
background: linear-gradient(to right, var(--pink), var(--purple));
|
564
|
-
background: -webkit-gradient(
|
565
|
-
|
566
|
-
|
567
|
-
|
568
|
-
|
569
|
-
color-stop(1, #ff754b)
|
570
|
-
);
|
609
|
+
background: -webkit-gradient(linear,
|
610
|
+
left bottom,
|
611
|
+
left top,
|
612
|
+
color-stop(0, #ff6537),
|
613
|
+
color-stop(1, #ff754b));
|
571
614
|
background: linear-gradient(to right, var(--pink), var(--purple));
|
572
615
|
background: linear-gradient(to right, var(--pink), var(--purple));
|
573
616
|
background: linear-gradient(to right, var(--pink), var(--purple));
|
574
617
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff754b', endColorstr='#ff6537', GradientType=0);
|
575
618
|
}
|
619
|
+
|
576
620
|
.cam-image {
|
577
621
|
color: #666;
|
578
622
|
height: 40px;
|
@@ -582,35 +626,34 @@ input {
|
|
582
626
|
justify-content: center;
|
583
627
|
border: 1px solid #ccc;
|
584
628
|
background: #eee;
|
585
|
-
background: -webkit-gradient(
|
586
|
-
|
587
|
-
|
588
|
-
|
589
|
-
|
590
|
-
color-stop(1, #f6f6f6)
|
591
|
-
);
|
629
|
+
background: -webkit-gradient(linear,
|
630
|
+
left bottom,
|
631
|
+
left top,
|
632
|
+
color-stop(0, #ececec),
|
633
|
+
color-stop(1, #f6f6f6));
|
592
634
|
}
|
635
|
+
|
593
636
|
.cam-image i {
|
594
637
|
margin-bottom: 0px;
|
595
638
|
color: #666;
|
596
639
|
}
|
640
|
+
|
597
641
|
.small-image-preview {
|
598
642
|
height: 40px;
|
599
643
|
width: 50px !important;
|
600
644
|
width: 100%;
|
601
645
|
}
|
646
|
+
|
602
647
|
.choose-image {
|
603
648
|
color: #666;
|
604
649
|
margin-right: 6px;
|
605
650
|
border: 1px solid #ccc;
|
606
651
|
background: #eee;
|
607
|
-
background: -webkit-gradient(
|
608
|
-
|
609
|
-
|
610
|
-
|
611
|
-
|
612
|
-
color-stop(1, #f6f6f6)
|
613
|
-
);
|
652
|
+
background: -webkit-gradient(linear,
|
653
|
+
left bottom,
|
654
|
+
left top,
|
655
|
+
color-stop(0, #ececec),
|
656
|
+
color-stop(1, #f6f6f6));
|
614
657
|
padding: 0;
|
615
658
|
width: 186px;
|
616
659
|
height: 40px;
|
@@ -637,15 +680,19 @@ input {
|
|
637
680
|
margin: 0;
|
638
681
|
width: 216px;
|
639
682
|
}
|
683
|
+
|
640
684
|
.mb-15 {
|
641
685
|
margin-bottom: 15px !important;
|
642
686
|
}
|
687
|
+
|
643
688
|
.btn:focus {
|
644
689
|
box-shadow: none !important;
|
645
690
|
}
|
691
|
+
|
646
692
|
.result-info {
|
647
693
|
display: flex;
|
648
694
|
}
|
695
|
+
|
649
696
|
.result-info a {
|
650
697
|
color: rgb(155, 22, 155) !important;
|
651
698
|
cursor: pointer;
|
@@ -658,6 +705,7 @@ input {
|
|
658
705
|
color: #444;
|
659
706
|
text-transform: capitalize;
|
660
707
|
}
|
708
|
+
|
661
709
|
.result-info i {
|
662
710
|
margin-left: 6px;
|
663
711
|
margin-right: 6px;
|
@@ -666,6 +714,7 @@ input {
|
|
666
714
|
margin-bottom: 0px;
|
667
715
|
margin-top: 11px;
|
668
716
|
}
|
717
|
+
|
669
718
|
.result-info div {
|
670
719
|
float: left;
|
671
720
|
font-size: 17pt;
|
@@ -675,14 +724,17 @@ input {
|
|
675
724
|
margin: 0 0 5px;
|
676
725
|
color: #444;
|
677
726
|
}
|
727
|
+
|
678
728
|
#saving-data {
|
679
729
|
display: flex;
|
680
730
|
flex-direction: column;
|
681
731
|
align-items: center;
|
682
732
|
}
|
733
|
+
|
683
734
|
#saving-data img {
|
684
735
|
height: 200px;
|
685
736
|
}
|
737
|
+
|
686
738
|
.photo-card {
|
687
739
|
display: inline-block;
|
688
740
|
zoom: 1;
|
@@ -698,14 +750,17 @@ input {
|
|
698
750
|
-moz-border-radius: 2px;
|
699
751
|
border-radius: px;
|
700
752
|
}
|
753
|
+
|
701
754
|
.photo-effect-feature-name {
|
702
755
|
text-align: center;
|
703
756
|
color: #777;
|
704
757
|
}
|
758
|
+
|
705
759
|
.categories-list li {
|
706
760
|
font-size: 1em;
|
707
761
|
border-bottom: 1px solid #f2f2f2;
|
708
762
|
}
|
763
|
+
|
709
764
|
.categories-list .category-link {
|
710
765
|
display: block;
|
711
766
|
padding: 7px 9px;
|
@@ -717,10 +772,11 @@ input {
|
|
717
772
|
-moz-border-radius: 1px;
|
718
773
|
border-radius: 1px;
|
719
774
|
}
|
775
|
+
|
720
776
|
.categories-list .category-link:hover {
|
721
777
|
background-color: #f4f4f4;
|
722
778
|
}
|
723
779
|
|
724
780
|
.categories-list .active-cat {
|
725
781
|
background-color: #f4f4f4;
|
726
|
-
}
|
782
|
+
}
|
data/assets/css/tools.css
CHANGED
data/assets/images/addimg.svg
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
|
2
|
-
<path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
|
2
|
+
<path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
|
3
3
|
</svg>
|
data/assets/js/ads.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
;(function (s, u, z, p) {
|
2
|
-
;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
|
3
|
-
})(
|
4
|
-
document.createElement('script'),
|
5
|
-
'https://inklinkor.com/tag.min.js',
|
6
|
-
5225477,
|
7
|
-
document.body || document.documentElement
|
8
|
-
)
|
1
|
+
;(function (s, u, z, p) {
|
2
|
+
;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
|
3
|
+
})(
|
4
|
+
document.createElement('script'),
|
5
|
+
'https://inklinkor.com/tag.min.js',
|
6
|
+
5225477,
|
7
|
+
document.body || document.documentElement
|
8
|
+
)
|
data/assets/js/append-div.js
CHANGED
@@ -1,10 +1,10 @@
|
|
1
|
-
---
|
2
|
-
---
|
3
|
-
function insertAfter(referenceNode, newNode) {
|
4
|
-
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
|
5
|
-
}
|
6
|
-
let themeContentBox = document.getElementById('theme-content-box')
|
7
|
-
const div = document.createElement('div')
|
8
|
-
const profitablecpmgateId = '{{site.profitablecpmgateId}}'
|
9
|
-
div.setAttribute('id', `container-${profitablecpmgateId}`)
|
10
|
-
insertAfter(themeContentBox, div)
|
1
|
+
---
|
2
|
+
---
|
3
|
+
function insertAfter(referenceNode, newNode) {
|
4
|
+
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
|
5
|
+
}
|
6
|
+
let themeContentBox = document.getElementById('theme-content-box')
|
7
|
+
const div = document.createElement('div')
|
8
|
+
const profitablecpmgateId = '{{site.profitablecpmgateId}}'
|
9
|
+
div.setAttribute('id', `container-${profitablecpmgateId}`)
|
10
|
+
insertAfter(themeContentBox, div)
|
@@ -1,3 +1,3 @@
|
|
1
|
-
$(function () {
|
2
|
-
$('[data-toggle="tooltip"]').tooltip()
|
3
|
-
})
|
1
|
+
$(function () {
|
2
|
+
$('[data-toggle="tooltip"]').tooltip()
|
3
|
+
})
|