appscms-tools-theme 1.8.9 → 1.9.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,187 +1,187 @@
1
- .extensions {
2
- position: absolute;
3
- max-width: 500px;
4
- height: auto;
5
- top: 50%;
6
- left: 50%;
7
- width: 100%;
8
- background: #fff;
9
- opacity: 0;
10
- pointer-events: none;
11
- transform: translate(-50%, -50%) scale(1.2);
12
- z-index: 9999;
13
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
14
- transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
15
- }
16
-
17
- .extensions.show {
18
- opacity: 1;
19
- pointer-events: auto;
20
- }
21
-
22
- .extensions .ads__content {
23
- color: #000;
24
- padding-top: 25px;
25
- display: flex;
26
- align-items: center;
27
- justify-content: center;
28
- flex-direction: column;
29
- }
30
-
31
- .closePopup {
32
- position: absolute;
33
- top: 8px;
34
- right: 12px;
35
- cursor: pointer;
36
- font-size: 20px;
37
- }
38
-
39
- .nav-tab-link {
40
- background-color: inherit;
41
- border: none !important;
42
- outline: none;
43
- cursor: pointer;
44
- /* transition: 0.3s; */
45
- font-size: 12px;
46
- color: #000;
47
- }
48
-
49
- .nav-tab-link:hover {
50
- background-color: #f1f3f4;
51
- color: #000 !important;
52
- }
53
-
54
- .nav-tabs .nav-item.show .nav-link,
55
- .nav-tabs .nav-link.active {
56
- background-color: transparent !important;
57
- border-color: transparent !important;
58
- color: #1a73e8 !important;
59
- border-bottom: 2px solid !important;
60
- }
61
-
62
- .ads_img {
63
- width: 30px;
64
- height: 30px;
65
- display: block;
66
- margin: 0 auto;
67
- }
68
-
69
- .three_dot {
70
- width: 30px;
71
- height: 30px;
72
- background: #f1f3f4;
73
- border-radius: 50%;
74
- text-align: center;
75
- margin: 0 auto;
76
- padding-top: 5px;
77
- }
78
-
79
- .tablist {
80
- border: none !important;
81
- }
82
-
83
- .tab-content {
84
- padding: 15px 50px;
85
- border-top: none;
86
- font-size: 15px;
87
- height: 320px;
88
- background-color: #f1f3f4;
89
- }
90
-
91
- .tab-content .listContainer {
92
- font-size: 13px;
93
- }
94
-
95
- .listItem {
96
- padding: 8px 0;
97
- font-size: 12px;
98
- }
99
-
100
- /* ravi */
101
-
102
- .wrapper {
103
- position: fixed;
104
- left: 0;
105
- top: 0;
106
- background: rgba(0, 0, 0, 0.6);
107
- height: 100%;
108
- width: 100%;
109
- display: none;
110
- transition: all 0.3s ease-in-out;
111
- font-size: 15px;
112
- color: #666;
113
- line-height: 1.5;
114
- }
115
-
116
- .innerWrapper {
117
- z-index: 99;
118
- position: relative;
119
- max-width: 500px;
120
- top: 50%;
121
- left: 50%;
122
- width: 100%;
123
- padding: 40px 30px;
124
- background: #fff;
125
- border-radius: 15px;
126
- transform: translate(-50%, -50%) scale(1.2);
127
- box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
128
- transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
129
- }
130
-
131
- .wrapper.show {
132
- display: block;
133
- z-index: 9999;
134
- }
135
-
136
- .brand-title {
137
- margin-top: 35px;
138
- font-size: 32px;
139
- font-weight: 900;
140
- }
141
-
142
- .show-ads {
143
- font-size: 19px;
144
- text-align: center;
145
- margin-top: 20px;
146
- }
147
-
148
- .btn-container {
149
- height: 57px;
150
- width: 223px;
151
- margin-top: 30px;
152
- border-radius: 50px;
153
- position: relative;
154
- overflow: hidden;
155
- }
156
-
157
- .btn-container .bg-layer {
158
- height: 100%;
159
- width: 300%;
160
- position: absolute;
161
- left: -100%;
162
- background: -webkit-linear-gradient(
163
- 135deg,
164
- #9b27ca,
165
- #d33639,
166
- #9b27ca,
167
- #d33639
168
- );
169
- transition: all 0.4s ease;
170
- }
171
-
172
- .btn-container:hover .bg-layer {
173
- left: 0;
174
- }
175
-
176
- .allow-ads-btn {
177
- position: relative;
178
- z-index: 1;
179
- height: 100%;
180
- width: 100%;
181
- background: none;
182
- font-size: 18px;
183
- border: none;
184
- outline: none;
185
- color: #fff;
186
- cursor: pointer;
187
- }
1
+ .extensions {
2
+ position: absolute;
3
+ max-width: 500px;
4
+ height: auto;
5
+ top: 50%;
6
+ left: 50%;
7
+ width: 100%;
8
+ background: #fff;
9
+ opacity: 0;
10
+ pointer-events: none;
11
+ transform: translate(-50%, -50%) scale(1.2);
12
+ z-index: 9999;
13
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
14
+ transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
15
+ }
16
+
17
+ .extensions.show {
18
+ opacity: 1;
19
+ pointer-events: auto;
20
+ }
21
+
22
+ .extensions .ads__content {
23
+ color: #000;
24
+ padding-top: 25px;
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: center;
28
+ flex-direction: column;
29
+ }
30
+
31
+ .closePopup {
32
+ position: absolute;
33
+ top: 8px;
34
+ right: 12px;
35
+ cursor: pointer;
36
+ font-size: 20px;
37
+ }
38
+
39
+ .nav-tab-link {
40
+ background-color: inherit;
41
+ border: none !important;
42
+ outline: none;
43
+ cursor: pointer;
44
+ /* transition: 0.3s; */
45
+ font-size: 12px;
46
+ color: #000;
47
+ }
48
+
49
+ .nav-tab-link:hover {
50
+ background-color: #f1f3f4;
51
+ color: #000 !important;
52
+ }
53
+
54
+ .nav-tabs .nav-item.show .nav-link,
55
+ .nav-tabs .nav-link.active {
56
+ background-color: transparent !important;
57
+ border-color: transparent !important;
58
+ color: #1a73e8 !important;
59
+ border-bottom: 2px solid !important;
60
+ }
61
+
62
+ .ads_img {
63
+ width: 30px;
64
+ height: 30px;
65
+ display: block;
66
+ margin: 0 auto;
67
+ }
68
+
69
+ .three_dot {
70
+ width: 30px;
71
+ height: 30px;
72
+ background: #f1f3f4;
73
+ border-radius: 50%;
74
+ text-align: center;
75
+ margin: 0 auto;
76
+ padding-top: 5px;
77
+ }
78
+
79
+ .tablist {
80
+ border: none !important;
81
+ }
82
+
83
+ .tab-content {
84
+ padding: 15px 50px;
85
+ border-top: none;
86
+ font-size: 15px;
87
+ height: 320px;
88
+ background-color: #f1f3f4;
89
+ }
90
+
91
+ .tab-content .listContainer {
92
+ font-size: 13px;
93
+ }
94
+
95
+ .listItem {
96
+ padding: 8px 0;
97
+ font-size: 12px;
98
+ }
99
+
100
+ /* ravi */
101
+
102
+ .wrapper {
103
+ position: fixed;
104
+ left: 0;
105
+ top: 0;
106
+ background: rgba(0, 0, 0, 0.6);
107
+ height: 100%;
108
+ width: 100%;
109
+ display: none;
110
+ transition: all 0.3s ease-in-out;
111
+ font-size: 15px;
112
+ color: #666;
113
+ line-height: 1.5;
114
+ }
115
+
116
+ .innerWrapper {
117
+ z-index: 99;
118
+ position: relative;
119
+ max-width: 500px;
120
+ top: 50%;
121
+ left: 50%;
122
+ width: 100%;
123
+ padding: 40px 30px;
124
+ background: #fff;
125
+ border-radius: 15px;
126
+ transform: translate(-50%, -50%) scale(1.2);
127
+ box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
128
+ transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
129
+ }
130
+
131
+ .wrapper.show {
132
+ display: block;
133
+ z-index: 9999;
134
+ }
135
+
136
+ .brand-title {
137
+ margin-top: 35px;
138
+ font-size: 32px;
139
+ font-weight: 900;
140
+ }
141
+
142
+ .show-ads {
143
+ font-size: 19px;
144
+ text-align: center;
145
+ margin-top: 20px;
146
+ }
147
+
148
+ .btn-container {
149
+ height: 57px;
150
+ width: 223px;
151
+ margin-top: 30px;
152
+ border-radius: 50px;
153
+ position: relative;
154
+ overflow: hidden;
155
+ }
156
+
157
+ .btn-container .bg-layer {
158
+ height: 100%;
159
+ width: 300%;
160
+ position: absolute;
161
+ left: -100%;
162
+ background: -webkit-linear-gradient(
163
+ 135deg,
164
+ #9b27ca,
165
+ #d33639,
166
+ #9b27ca,
167
+ #d33639
168
+ );
169
+ transition: all 0.4s ease;
170
+ }
171
+
172
+ .btn-container:hover .bg-layer {
173
+ left: 0;
174
+ }
175
+
176
+ .allow-ads-btn {
177
+ position: relative;
178
+ z-index: 1;
179
+ height: 100%;
180
+ width: 100%;
181
+ background: none;
182
+ font-size: 18px;
183
+ border: none;
184
+ outline: none;
185
+ color: #fff;
186
+ cursor: pointer;
187
+ }
@@ -1,25 +1,25 @@
1
- body {
2
- font-family: 'Inter', sans-serif;
3
- }
4
- .file-comparison-page p,
5
- h1,
6
- h2 {
7
- font-family: 'Inter', sans-serif;
8
- }
9
- .file-comparison-page h1 {
10
- font-size: 32px;
11
- font-weight: 700;
12
- }
13
- .file-comparison-page img {
14
- width: 100%;
15
- height: 100%;
16
- border-radius: 8px;
17
- margin-top: 15px;
18
- }
19
- .file-comparison-page p {
20
- font-size: 17px;
21
- color: rgba(41, 41, 41);
22
- margin-bottom: 1.56em;
23
- line-height: 28px;
24
- letter-spacing: -0.003em;
25
- }
1
+ body {
2
+ font-family: 'Inter', sans-serif;
3
+ }
4
+ .file-comparison-page p,
5
+ h1,
6
+ h2 {
7
+ font-family: 'Inter', sans-serif;
8
+ }
9
+ .file-comparison-page h1 {
10
+ font-size: 32px;
11
+ font-weight: 700;
12
+ }
13
+ .file-comparison-page img {
14
+ width: 100%;
15
+ height: 100%;
16
+ border-radius: 8px;
17
+ margin-top: 15px;
18
+ }
19
+ .file-comparison-page p {
20
+ font-size: 17px;
21
+ color: rgba(41, 41, 41);
22
+ margin-bottom: 1.56em;
23
+ line-height: 28px;
24
+ letter-spacing: -0.003em;
25
+ }
@@ -1,45 +1,45 @@
1
- $('.nav-tabs a.nav-tab-link').click(function () {
2
- $('.nav-tabs a.nav-tab-link').removeClass('active')
3
- })
4
-
5
- const detect = document.querySelector('#detect')
6
- const wrapper = document.querySelector('.wrapper')
7
- const closePopup = document.getElementsByClassName('closePopup')
8
- const extensions = document.querySelector('.extensions')
9
-
10
- const refresh = () => {
11
- location.reload()
12
- }
13
-
14
- let adsBtn = document.querySelector('.allow-ads-btn')
15
- adsBtn.addEventListener('click', () => {
16
- extensions.classList.add('show')
17
- })
18
-
19
- let adClasses = [
20
- 'ad',
21
- 'ads',
22
- 'adsbox',
23
- 'doubleclick',
24
- 'ad-placement',
25
- 'ad-placeholder',
26
- 'adbadge',
27
- 'BannerAd',
28
- ]
29
- for (let item of adClasses) {
30
- detect.classList.add(item)
31
- }
32
-
33
- let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
34
- if (!wrapper.classList.contains('show')) {
35
- getProperty == 'none'
36
- ? wrapper.classList.add('show')
37
- : wrapper.classList.remove('show')
38
- }
39
- closePopup[0].addEventListener('click', () => {
40
- console.log(true)
41
- wrapper.classList.remove('show')
42
- })
43
- closePopup[1].addEventListener('click', () => {
44
- extensions.classList.remove('show')
45
- })
1
+ $('.nav-tabs a.nav-tab-link').click(function () {
2
+ $('.nav-tabs a.nav-tab-link').removeClass('active')
3
+ })
4
+
5
+ const detect = document.querySelector('#detect')
6
+ const wrapper = document.querySelector('.wrapper')
7
+ const closePopup = document.getElementsByClassName('closePopup')
8
+ const extensions = document.querySelector('.extensions')
9
+
10
+ const refresh = () => {
11
+ location.reload()
12
+ }
13
+
14
+ let adsBtn = document.querySelector('.allow-ads-btn')
15
+ adsBtn.addEventListener('click', () => {
16
+ extensions.classList.add('show')
17
+ })
18
+
19
+ let adClasses = [
20
+ 'ad',
21
+ 'ads',
22
+ 'adsbox',
23
+ 'doubleclick',
24
+ 'ad-placement',
25
+ 'ad-placeholder',
26
+ 'adbadge',
27
+ 'BannerAd',
28
+ ]
29
+ for (let item of adClasses) {
30
+ detect.classList.add(item)
31
+ }
32
+
33
+ let getProperty = window.getComputedStyle(detect).getPropertyValue('display')
34
+ if (!wrapper.classList.contains('show')) {
35
+ getProperty == 'none'
36
+ ? wrapper.classList.add('show')
37
+ : wrapper.classList.remove('show')
38
+ }
39
+ closePopup[0].addEventListener('click', () => {
40
+ console.log(true)
41
+ wrapper.classList.remove('show')
42
+ })
43
+ closePopup[1].addEventListener('click', () => {
44
+ extensions.classList.remove('show')
45
+ })
@@ -0,0 +1,34 @@
1
+ ---
2
+ ---
3
+ let script = document.currentScript
4
+ const params = new URLSearchParams(window.location.search)
5
+ let type = params.get('fileName')
6
+ let jsonFileName = atob(type);
7
+
8
+ let folderName = script.dataset.foldername
9
+ let fileName = jsonFileName
10
+ let lang = script.dataset.lang
11
+
12
+ let feature_h1 = document.querySelector(".feature-h1")
13
+ let feature_h2 = document.querySelector(".feature-h2")
14
+ let feature_img = document.querySelector(".features-img")
15
+ const jsonData = {{ site.data | jsonify }}
16
+ const seoData = jsonData[folderName][lang][fileName]
17
+ feature_h1.innerHTML = seoData.H1
18
+ feature_h2.innerHTML = seoData.H2
19
+
20
+ document.head.querySelector('meta[property="og:title"]').setAttribute("content", seoData.TITLE);
21
+ document.head.querySelector('meta[name="description"]').setAttribute("content", seoData.META);
22
+ document.head.querySelector('meta[name="twitter:title"]').setAttribute("content", seoData.TITLE);
23
+ document.head.querySelector('meta[name="twitter:description"]').setAttribute("content", seoData.META);
24
+
25
+
26
+
27
+ if (seoData.img) {
28
+ feature_img.src = seoData.img
29
+ feature_img.setAttribute("alt", seoData.imgalt)
30
+ feature_img.style.width = seoData.imgwidth
31
+ feature_img.style.height = seoData.imgheight
32
+ }
33
+
34
+ document.title = seoData.TITLE
@@ -0,0 +1,29 @@
1
+ ---
2
+ ---
3
+ let script = document.currentScript
4
+ const params = new URLSearchParams(window.location.search)
5
+ let type = params.get('fileName')
6
+ let jsonFileName = atob(type);
7
+
8
+ let folderName = script.dataset.foldername
9
+ let fileName = jsonFileName
10
+ let lang = script.dataset.lang
11
+
12
+
13
+ let home_h1 = document.querySelector(".home-top-h1")
14
+ let home_h2 = document.querySelector(".home-top-h2")
15
+ let home_img = document.querySelector(".home-img")
16
+ const jsonData = {{ site.data | jsonify }}
17
+ const seoData = jsonData[folderName][lang][fileName]
18
+
19
+ home_h1.innerHTML = seoData.h1
20
+ home_h2.innerHTML = seoData.h2
21
+
22
+ if(seoData.img){
23
+ home_img.src = seoData.img
24
+ home_img.setAttribute("alt",seoData.imgalt)
25
+ home_img.style.width = seoData.imgwidth
26
+ home_img.style.height = seoData.imgheight
27
+ }
28
+
29
+ document.title = seoData.TITLE
@@ -0,0 +1,10 @@
1
+ const button = document.getElementById('btn')
2
+ let script = document.currentScript
3
+ let fileName = script.dataset.filename
4
+ let permalink = script.dataset.permalink
5
+
6
+ const params = new URLSearchParams(window.location.search)
7
+ button.addEventListener("click", (e) => {
8
+ window.location = window.location.protocol + "//" + window.location.host +
9
+ `${permalink}` + '/' + "result" + '?' + 'fileName' + "=" + btoa(fileName);
10
+ })
metadata CHANGED
@@ -1,11 +1,11 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.8.9
4
+ version: 1.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
- autorequire:
8
+ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
11
  date: 2022-03-30 00:00:00.000000000 Z
@@ -52,7 +52,7 @@ dependencies:
52
52
  - - "~>"
53
53
  - !ruby/object:Gem::Version
54
54
  version: '12.0'
55
- description:
55
+ description:
56
56
  email:
57
57
  - vivek@appscms.com
58
58
  executables: []
@@ -1086,9 +1086,12 @@ files:
1086
1086
  - assets/instagram.svg
1087
1087
  - assets/js/TopScroll.js
1088
1088
  - assets/js/adBlocker.js
1089
+ - assets/js/featureResult.js
1089
1090
  - assets/js/googledrive.js
1091
+ - assets/js/homeResult.js
1090
1092
  - assets/js/manifest.json
1091
1093
  - assets/js/multiselect.js
1094
+ - assets/js/redirectResult.js
1092
1095
  - assets/linkdin.svg
1093
1096
  - assets/noserverupload.svg
1094
1097
  - assets/pdf.svg
@@ -1102,7 +1105,7 @@ homepage: https://github.com/Appscms-com/appscms-tools-theme
1102
1105
  licenses:
1103
1106
  - MIT
1104
1107
  metadata: {}
1105
- post_install_message:
1108
+ post_install_message:
1106
1109
  rdoc_options: []
1107
1110
  require_paths:
1108
1111
  - lib
@@ -1117,8 +1120,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
1117
1120
  - !ruby/object:Gem::Version
1118
1121
  version: '0'
1119
1122
  requirements: []
1120
- rubygems_version: 3.1.6
1121
- signing_key:
1123
+ rubygems_version: 3.1.2
1124
+ signing_key:
1122
1125
  specification_version: 4
1123
1126
  summary: Appscms theme for all tools
1124
1127
  test_files: []