appscms-tools-theme 1.8.9 → 1.9.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.
@@ -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: []