appscms-tools-theme 5.0.7 → 5.0.8
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 +4 -4
- data/_data/.DS_Store +0 -0
- data/_data/home/en/en.json +238 -69
- data/_includes/.DS_Store +0 -0
- data/_includes/appscms/.DS_Store +0 -0
- data/_includes/appscms/navbars/navbar.html +209 -0
- data/_includes/appscms/scripts/script.html +107 -24
- data/assets/.DS_Store +0 -0
- data/assets/css/appscms-theme.css +511 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f1b4f12826efb55172578a1331c503a3af688b37db0b8e399b2edc8bd9a2e328
|
4
|
+
data.tar.gz: 377e42a8cd55fdeca0db6bef251aea04f255169d15115a8b20389e9a5df3fe3f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6152433b575562261469599384689910b5ceb8eefd2bdbd998688bc36a7ad5704f45629af65b5fa214a17bc81c62d9771f48e50720c1769ddc0311a01ebbf147
|
7
|
+
data.tar.gz: ddf1ba70bc934f9f5b4e305c886930a6e993c928ffb3c223cc62c27b56d2e5c8e9acba0a3ce1af063b2586e865e4b264a29fb1d78febd2d73fea1d46afa13c77
|
data/_data/.DS_Store
CHANGED
Binary file
|
data/_data/home/en/en.json
CHANGED
@@ -1,80 +1,249 @@
|
|
1
1
|
{
|
2
2
|
"Language": "English",
|
3
3
|
"htmlLangAtt": "en",
|
4
|
-
"
|
5
|
-
"
|
4
|
+
"h1": "Welcome to the home page",
|
5
|
+
"h2": "All-in-one easy-to-use online PDF tools",
|
6
|
+
"TITLE": "Home Title",
|
7
|
+
"META": "See collection of all Android alarm libraries, filter by license, modified date, languages, and select best for your usecase.",
|
8
|
+
"keywords": "key1,key2,key3,key4",
|
9
|
+
"img": "/assets/bulb.svg",
|
6
10
|
"imgwidth": "40px",
|
7
11
|
"imgheight": "40px",
|
8
12
|
"imgalt": "altvalue",
|
9
13
|
"nofileupload": true,
|
10
|
-
|
11
|
-
"
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
"TEXTUAL_CONTENT": [
|
19
|
-
{
|
20
|
-
"priority": 1,
|
21
|
-
"logoUrl": "/png/assets/images/quality.svg",
|
22
|
-
"header": "",
|
23
|
-
"content": ""
|
24
|
-
},
|
25
|
-
{
|
26
|
-
"priority": 1,
|
27
|
-
"logoUrl": "/png/assets/images/secure.svg",
|
28
|
-
"header": "",
|
29
|
-
"content": ""
|
30
|
-
},
|
31
|
-
{
|
32
|
-
"priority": 1,
|
33
|
-
"logoUrl": "/png/assets/images/flexible.svg",
|
34
|
-
"header": "",
|
35
|
-
"content": ""
|
36
|
-
},
|
37
|
-
{
|
38
|
-
"priority": 1,
|
39
|
-
"logoUrl": "/png/assets/images/users.svg",
|
40
|
-
"header": "",
|
41
|
-
"content": ""
|
42
|
-
},
|
43
|
-
{
|
44
|
-
"priority": 1,
|
45
|
-
"logoUrl": "/png/assets/images/free.svg",
|
46
|
-
"header": "",
|
47
|
-
"content": ""
|
48
|
-
},
|
49
|
-
{
|
50
|
-
"priority": 1,
|
51
|
-
"logoUrl": "/png/assets/images/download.svg",
|
52
|
-
"header": "",
|
53
|
-
"content": ""
|
54
|
-
}
|
14
|
+
"author": "ankita",
|
15
|
+
"contributors": [
|
16
|
+
{
|
17
|
+
"name": "ankita"
|
18
|
+
},
|
19
|
+
{
|
20
|
+
"name": "udit"
|
21
|
+
}
|
55
22
|
],
|
56
|
-
"
|
57
|
-
|
58
|
-
"
|
59
|
-
"
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
"
|
65
|
-
|
23
|
+
"features": [
|
24
|
+
{
|
25
|
+
"category": "All Tools",
|
26
|
+
"active": true,
|
27
|
+
"type": "tab",
|
28
|
+
"display": "block",
|
29
|
+
"features": [
|
30
|
+
{
|
31
|
+
"name": "All tools",
|
32
|
+
"description": "Appscms feature layout with new design",
|
33
|
+
"color": "linear-gradient(148deg, #835af2 20%, #1220d8 100%)",
|
34
|
+
"icon": "/assets/images/digipaint.svg",
|
35
|
+
"url": "/appscms-feature"
|
36
|
+
},
|
37
|
+
{
|
38
|
+
"name": "All tools",
|
39
|
+
"description": "Appscms feature layout with new design",
|
40
|
+
"color": "linear-gradient(148deg, #31d3bd 20%, #187cca 100%)",
|
41
|
+
"icon": "/assets/images/digipaint.svg",
|
42
|
+
"url": "/appscms-feature"
|
43
|
+
},
|
44
|
+
{
|
45
|
+
"name": "All tools",
|
46
|
+
"description": "Appscms feature layout with new design",
|
47
|
+
"color": "linear-gradient(148deg, #32a0f7 20%, #114793 100%)",
|
48
|
+
"icon": "/assets/images/digipaint.svg",
|
49
|
+
"url": "/appscms-feature"
|
50
|
+
},
|
51
|
+
{
|
52
|
+
"name": "All tools",
|
53
|
+
"description": "Appscms feature layout with new design",
|
54
|
+
"color": "linear-gradient(148deg, #ffa16b 20%, #db410a 100%)",
|
55
|
+
"icon": "/assets/images/digipaint.svg",
|
56
|
+
"url": "/appscms-feature"
|
57
|
+
},
|
58
|
+
{
|
59
|
+
"name": "All tools",
|
60
|
+
"description": "Appscms feature layout with new design",
|
61
|
+
"color": "#1A2EE7",
|
62
|
+
"icon": "/assets/images/digipaint.svg",
|
63
|
+
"url": "/appscms-feature"
|
64
|
+
}
|
65
|
+
]
|
66
|
+
},
|
67
|
+
{
|
68
|
+
"category": "Calculators",
|
69
|
+
"type": "tab",
|
70
|
+
"active": false,
|
71
|
+
"display": "none",
|
72
|
+
"features": [
|
73
|
+
{
|
74
|
+
"name": "Calculators",
|
75
|
+
"description": "Appscms feature layout with new design",
|
76
|
+
"color": "#1A2EE7",
|
77
|
+
"icon": "/assets/images/digipaint.svg",
|
78
|
+
"url": "/appscms-feature"
|
79
|
+
},
|
80
|
+
{
|
81
|
+
"name": "Calculators",
|
82
|
+
"description": "Appscms feature layout with new design",
|
83
|
+
"color": "#1A2EE7",
|
84
|
+
"icon": "/assets/images/digipaint.svg",
|
85
|
+
"url": "/appscms-feature"
|
86
|
+
},
|
87
|
+
{
|
88
|
+
"name": "Calculators",
|
89
|
+
"description": "Appscms feature layout with new design",
|
90
|
+
"color": "#1A2EE7",
|
91
|
+
"icon": "/assets/images/digipaint.svg",
|
92
|
+
"url": "/appscms-feature"
|
93
|
+
},
|
94
|
+
{
|
95
|
+
"name": "Calculators",
|
96
|
+
"description": "Appscms feature layout with new design",
|
97
|
+
"color": "#1A2EE7",
|
98
|
+
"icon": "/assets/images/digipaint.svg",
|
99
|
+
"url": "/appscms-feature"
|
100
|
+
}
|
101
|
+
]
|
102
|
+
},
|
103
|
+
{
|
104
|
+
"category": "Calculators",
|
105
|
+
"type": "link",
|
106
|
+
"link": "/tools",
|
107
|
+
"features": []
|
108
|
+
}
|
66
109
|
],
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
110
|
+
|
111
|
+
"filelang": "en",
|
112
|
+
"display_formats": [
|
113
|
+
"3gp",
|
114
|
+
"aac",
|
115
|
+
"acc",
|
116
|
+
"aff",
|
117
|
+
"ai",
|
118
|
+
"aiff",
|
119
|
+
"avi",
|
120
|
+
"bmp",
|
121
|
+
"cr2",
|
122
|
+
"dvd",
|
123
|
+
"flac",
|
124
|
+
"flv",
|
125
|
+
"gif",
|
126
|
+
"heic",
|
127
|
+
"html",
|
128
|
+
"jfif",
|
129
|
+
"jpeg",
|
130
|
+
"jpg",
|
131
|
+
"m4a",
|
132
|
+
"mkv",
|
133
|
+
"mov",
|
134
|
+
"mp3",
|
135
|
+
"mp4",
|
136
|
+
"mpeg",
|
137
|
+
"opus",
|
138
|
+
"pdf",
|
139
|
+
"png",
|
140
|
+
"psd",
|
141
|
+
"svg",
|
142
|
+
"tiff",
|
143
|
+
"vmv",
|
144
|
+
"wav",
|
145
|
+
"webm",
|
146
|
+
"webp",
|
147
|
+
"wma"
|
74
148
|
],
|
75
|
-
"
|
76
|
-
|
77
|
-
|
78
|
-
|
149
|
+
"compare_formats": ["JPG", "png"],
|
150
|
+
|
151
|
+
"USP_Heading": "USP Heading",
|
152
|
+
"USPS": [
|
153
|
+
{
|
154
|
+
"USP_VALUE": "USP_VALUE",
|
155
|
+
"USP_FACTOR": "USP_FACTOR"
|
156
|
+
},
|
157
|
+
{
|
158
|
+
"USP_VALUE": "USP_VALUE",
|
159
|
+
"USP_FACTOR": "USP_FACTOR"
|
160
|
+
},
|
161
|
+
{
|
162
|
+
"USP_VALUE": "USP_VALUE",
|
163
|
+
"USP_FACTOR": "USP_FACTOR"
|
164
|
+
},
|
165
|
+
{
|
166
|
+
"USP_VALUE": "USP_VALUE",
|
167
|
+
"USP_FACTOR": "USP_FACTOR"
|
168
|
+
},
|
169
|
+
{
|
170
|
+
"USP_VALUE": "USP_VALUE",
|
171
|
+
"USP_FACTOR": "USP_FACTOR"
|
172
|
+
}
|
173
|
+
],
|
174
|
+
"jsfilepaths": [],
|
175
|
+
"posts": [
|
176
|
+
{
|
177
|
+
"tags": ["ok"],
|
178
|
+
"categories": ["Scrabble", "history"],
|
179
|
+
"layout": "appscms-post",
|
180
|
+
"title": "Everything has beauty, but not everyone can see",
|
181
|
+
"image": "/uploads/output-1.png",
|
182
|
+
"image2": "/uploads/8-jan.PNG",
|
183
|
+
"author": "Balark",
|
184
|
+
"comments": true,
|
185
|
+
"url": "history-of-company-copy-10",
|
186
|
+
"path": "_posts/2021-01-08-history-of-company copy 10.md"
|
187
|
+
},
|
188
|
+
{
|
189
|
+
"tags": ["ok"],
|
190
|
+
"categories": ["Scrabble", "history"],
|
191
|
+
"layout": "appscms-post",
|
192
|
+
"title": "Everything has beauty, but not everyone can see",
|
193
|
+
"image": "/uploads/output-1.png",
|
194
|
+
"image2": "/uploads/8-jan.PNG",
|
195
|
+
"author": "Balark",
|
196
|
+
"comments": true,
|
197
|
+
"url": "history-of-company-copy-11",
|
198
|
+
"path": "_posts/2021-01-08-history-of-company copy 11.md"
|
199
|
+
},
|
200
|
+
{
|
201
|
+
"tags": ["ok"],
|
202
|
+
"categories": ["Scrabble", "history"],
|
203
|
+
"layout": "appscms-post",
|
204
|
+
"title": "Everything has beauty, but not everyone can see",
|
205
|
+
"image": "/uploads/output-1.png",
|
206
|
+
"image2": "/uploads/8-jan.PNG",
|
207
|
+
"author": "Balark",
|
208
|
+
"comments": true,
|
209
|
+
"url": "history-of-company-copy-12",
|
210
|
+
"path": "_posts/2021-01-08-history-of-company copy 12.md"
|
211
|
+
},
|
212
|
+
{
|
213
|
+
"tags": ["ok"],
|
214
|
+
"categories": ["Scrabble", "history"],
|
215
|
+
"layout": "appscms-post",
|
216
|
+
"title": "Everything has beauty, but not everyone can see",
|
217
|
+
"image": "/uploads/output-1.png",
|
218
|
+
"image2": "/uploads/8-jan.PNG",
|
219
|
+
"author": "Balark",
|
220
|
+
"comments": true,
|
221
|
+
"url": "history-of-company-copy-13",
|
222
|
+
"path": "_posts/2021-01-08-history-of-company copy 13.md"
|
223
|
+
},
|
224
|
+
{
|
225
|
+
"tags": ["ok"],
|
226
|
+
"categories": ["Scrabble", "history"],
|
227
|
+
"layout": "appscms-post",
|
228
|
+
"title": "Everything has beauty, but not everyone can see",
|
229
|
+
"image": "/uploads/output-1.png",
|
230
|
+
"image2": "/uploads/8-jan.PNG",
|
231
|
+
"author": "Balark",
|
232
|
+
"comments": true,
|
233
|
+
"url": "history-of-company-copy-14",
|
234
|
+
"path": "_posts/2021-01-08-history-of-company copy 14.md"
|
235
|
+
},
|
236
|
+
{
|
237
|
+
"tags": ["ok"],
|
238
|
+
"categories": ["Scrabble", "history"],
|
239
|
+
"layout": "appscms-post",
|
240
|
+
"title": "Everything has beauty, but not everyone can see",
|
241
|
+
"image": "/uploads/output-1.png",
|
242
|
+
"image2": "/uploads/8-jan.PNG",
|
243
|
+
"author": "Balark",
|
244
|
+
"comments": true,
|
245
|
+
"url": "history-of-company-copy-15",
|
246
|
+
"path": "_posts/2021-01-08-history-of-company copy 15.md"
|
247
|
+
}
|
79
248
|
]
|
80
|
-
}
|
249
|
+
}
|
data/_includes/.DS_Store
CHANGED
Binary file
|
data/_includes/appscms/.DS_Store
CHANGED
Binary file
|
@@ -33,6 +33,215 @@
|
|
33
33
|
{%- endfor -%}
|
34
34
|
</div>
|
35
35
|
{%- endif -%}
|
36
|
+
{%- if site.authentication -%}
|
37
|
+
<button class="login-modal-button open-modal-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">Login</button>
|
38
|
+
<div class="user-profile-header">
|
39
|
+
|
40
|
+
<div class="profile-button" id="profileButton">
|
41
|
+
|
42
|
+
|
43
|
+
</div>
|
44
|
+
</div>
|
45
|
+
|
46
|
+
<div class="user-modal" id="userModal">
|
47
|
+
<div class="modal-item">
|
48
|
+
<div class="profile-user-avatar">GI</div>
|
49
|
+
<div class="user-info">
|
50
|
+
<div class="logged-in-username">Gill</div>
|
51
|
+
<p class="logged-in-user-email">itsrammoudgill@gmail.com</p>
|
52
|
+
</div>
|
53
|
+
|
54
|
+
</div>
|
55
|
+
|
56
|
+
<div class="modal-item">
|
57
|
+
<div class="item-icon"><svg height="20" width="20" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><circle class="cls-1" cx="12" cy="7.25" r="5.73"></circle><path class="cls-1" d="M1.5,23.48l.37-2.05A10.3,10.3,0,0,1,12,13h0a10.3,10.3,0,0,1,10.13,8.45l.37,2.05"></path></g></svg></div>
|
58
|
+
<div class="item-text">
|
59
|
+
<a href="/profile">Account</a> </div>
|
60
|
+
<div class="item-arrow"><svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>arrow_right [#336]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#000000"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#336]"> </path> </g> </g> </g> </g></svg></div>
|
61
|
+
</div>
|
62
|
+
|
63
|
+
<div class="modal-item">
|
64
|
+
<div class="item-icon"><svg height="20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="Warning / Help"> <path id="Vector" d="M8.19531 8.76498C8.42304 8.06326 8.84053 7.43829 9.40137 6.95899C9.96221 6.47968 10.6444 6.16501 11.373 6.0494C12.1017 5.9338 12.8486 6.02202 13.5303 6.3042C14.2119 6.58637 14.8016 7.05166 15.2354 7.64844C15.6691 8.24521 15.9295 8.95008 15.9875 9.68554C16.0455 10.421 15.8985 11.1581 15.5636 11.8154C15.2287 12.4728 14.7192 13.0251 14.0901 13.4106C13.4611 13.7961 12.7377 14.0002 12 14.0002V14.9998M12.0498 19V19.1L11.9502 19.1002V19H12.0498Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g> </g></svg></div>
|
65
|
+
<div class="item-text">
|
66
|
+
<a href="/contact">Contact</a>
|
67
|
+
</div>
|
68
|
+
<div class="item-arrow"><svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>arrow_right [#336]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#000000"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#336]"> </path> </g> </g> </g> </g></svg></div>
|
69
|
+
</div>
|
70
|
+
|
71
|
+
<div class="modal-item" id="logoutBtn">
|
72
|
+
<div class="item-icon"><svg height="20" width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> <path d="M10 12H20M20 12L17 9M20 12L17 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></div>
|
73
|
+
<div class="item-text">Log out</div>
|
74
|
+
<div class="item-arrow"><svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>arrow_right [#336]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#000000"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#336]"> </path> </g> </g> </g> </g></svg></div>
|
75
|
+
</div>
|
76
|
+
</div>
|
77
|
+
<div class="side-modal-overlay" id="modalOverlay"></div>
|
78
|
+
|
79
|
+
<div class="side-modal" id="sideModal">
|
80
|
+
<div class="modal-header">
|
81
|
+
<div>
|
82
|
+
|
83
|
+
{%- if siteData.navbarBrandLogoSvg -%}
|
84
|
+
<a href="/" aria-label="home-page"> {{siteData.navbarBrandLogoSvg}} </a>
|
85
|
+
{%- elsif siteData.navbarBrandText -%}
|
86
|
+
<span> {{siteData.navbarBrandText}}
|
87
|
+
{%- else -%}
|
88
|
+
{%- endif -%}
|
89
|
+
</div>
|
90
|
+
<button class="close-modal-btn">×</button>
|
91
|
+
</div>
|
92
|
+
<div class="side-modal-content">
|
93
|
+
<div class="modal-body d-flex justify-content-center">
|
94
|
+
<div class="user-avatar" id="userAvatar" style="display: none">GI</div>
|
95
|
+
<div class="auth-container" id="authContainer">
|
96
|
+
<div id="loginForm">
|
97
|
+
<h1>Log in</h1>
|
98
|
+
<h2>
|
99
|
+
Don't have an account? <a href="#" id="showSignup">Create account</a>
|
100
|
+
</h2>
|
101
|
+
|
102
|
+
<div class="auth-forms">
|
103
|
+
<button class="social-btn google-btn" id="googleLogin">
|
104
|
+
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109Z" fill="#4285F4"></path> <path d="M16.2863 29.9998C20.1434 29.9998 23.3814 28.7553 25.7466 26.6086L21.2386 23.1863C20.0323 24.0108 18.4132 24.5863 16.2863 24.5863C12.5086 24.5863 9.30225 22.1441 8.15929 18.7686L7.99176 18.7825L3.58208 22.127L3.52441 22.2841C5.87359 26.8574 10.699 29.9998 16.2863 29.9998Z" fill="#34A853"></path> <path d="M8.15964 18.769C7.85806 17.8979 7.68352 16.9645 7.68352 16.0001C7.68352 15.0356 7.85806 14.1023 8.14377 13.2312L8.13578 13.0456L3.67083 9.64746L3.52475 9.71556C2.55654 11.6134 2.00098 13.7445 2.00098 16.0001C2.00098 18.2556 2.55654 20.3867 3.52475 22.2845L8.15964 18.769Z" fill="#FBBC05"></path> <path d="M16.2864 7.4133C18.9689 7.4133 20.7784 8.54885 21.8102 9.4978L25.8419 5.64C23.3658 3.38445 20.1435 2 16.2864 2C10.699 2 5.8736 5.1422 3.52441 9.71549L8.14345 13.2311C9.30229 9.85555 12.5086 7.4133 16.2864 7.4133Z" fill="#EB4335"></path> </g></svg>
|
105
|
+
Continue with Google
|
106
|
+
</button>
|
107
|
+
<button class="social-btn facebook-btn d-none" id="facebookLogin">
|
108
|
+
<span class="icon facebook-icon"></span>
|
109
|
+
Continue with Facebook
|
110
|
+
</button>
|
111
|
+
<!-- Add this inside your auth-forms div in both login and signup sections -->
|
112
|
+
<button class="social-btn twitter-btn d-none" id="twitterLogin">
|
113
|
+
<svg
|
114
|
+
viewBox="0 0 24 24"
|
115
|
+
width="24"
|
116
|
+
height="24"
|
117
|
+
style="margin-right: 10px"
|
118
|
+
>
|
119
|
+
<path
|
120
|
+
fill="white"
|
121
|
+
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
|
122
|
+
/>
|
123
|
+
</svg>
|
124
|
+
Continue with X
|
125
|
+
</button>
|
126
|
+
|
127
|
+
<div class="or-divider">Or</div>
|
128
|
+
|
129
|
+
<form id="emailLoginForm">
|
130
|
+
<div class="input-group">
|
131
|
+
<span class="icon email-icon"></span>
|
132
|
+
<input
|
133
|
+
type="email"
|
134
|
+
id="loginEmail"
|
135
|
+
placeholder="Email"
|
136
|
+
required
|
137
|
+
/>
|
138
|
+
</div>
|
139
|
+
<div class="input-group">
|
140
|
+
<span class="icon password-icon"></span>
|
141
|
+
<input
|
142
|
+
type="password"
|
143
|
+
id="loginPassword"
|
144
|
+
placeholder="Password"
|
145
|
+
required
|
146
|
+
/>
|
147
|
+
<span
|
148
|
+
class="password-toggle icon eye-icon"
|
149
|
+
id="toggleLoginPassword"
|
150
|
+
></span>
|
151
|
+
</div>
|
152
|
+
<button type="submit" class="login-btn">Log in</button>
|
153
|
+
</form>
|
154
|
+
|
155
|
+
<div class="forgot-password">
|
156
|
+
<a href="#" id="forgotPassword">Forgot your password?</a>
|
157
|
+
</div>
|
158
|
+
</div>
|
159
|
+
</div>
|
160
|
+
|
161
|
+
<!-- Forgot Password Form -->
|
162
|
+
<div id="forgotPasswordForm">
|
163
|
+
<div class="back-btn" id="backToLogin">
|
164
|
+
<span class="back-icon">←</span>
|
165
|
+
Back to login
|
166
|
+
</div>
|
167
|
+
|
168
|
+
<h1>Reset password</h1>
|
169
|
+
<h2>
|
170
|
+
Enter your email address and we'll send you a link to reset your
|
171
|
+
password
|
172
|
+
</h2>
|
173
|
+
|
174
|
+
<form id="resetPasswordForm">
|
175
|
+
<div class="input-group">
|
176
|
+
<span class="icon email-icon"></span>
|
177
|
+
<input type="email" id="resetEmail" placeholder="Email" required />
|
178
|
+
</div>
|
179
|
+
<button type="submit" class="login-btn">Send reset link</button>
|
180
|
+
</form>
|
181
|
+
|
182
|
+
<div class="reset-success" id="resetSuccess">
|
183
|
+
<div class="success-icon">✓</div>
|
184
|
+
<h3>Reset link sent</h3>
|
185
|
+
<p>Check your email for instructions to reset your password</p>
|
186
|
+
</div>
|
187
|
+
</div>
|
188
|
+
|
189
|
+
<!-- Sign Up Form -->
|
190
|
+
<div id="signupForm" style="display: none">
|
191
|
+
<h1>Create your account</h1>
|
192
|
+
<h2>Already have an account? <a href="#" id="showLogin">Log in</a></h2>
|
193
|
+
|
194
|
+
<div class="auth-forms">
|
195
|
+
<button class="social-btn google-btn" id="googleSignup">
|
196
|
+
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109Z" fill="#4285F4"></path> <path d="M16.2863 29.9998C20.1434 29.9998 23.3814 28.7553 25.7466 26.6086L21.2386 23.1863C20.0323 24.0108 18.4132 24.5863 16.2863 24.5863C12.5086 24.5863 9.30225 22.1441 8.15929 18.7686L7.99176 18.7825L3.58208 22.127L3.52441 22.2841C5.87359 26.8574 10.699 29.9998 16.2863 29.9998Z" fill="#34A853"></path> <path d="M8.15964 18.769C7.85806 17.8979 7.68352 16.9645 7.68352 16.0001C7.68352 15.0356 7.85806 14.1023 8.14377 13.2312L8.13578 13.0456L3.67083 9.64746L3.52475 9.71556C2.55654 11.6134 2.00098 13.7445 2.00098 16.0001C2.00098 18.2556 2.55654 20.3867 3.52475 22.2845L8.15964 18.769Z" fill="#FBBC05"></path> <path d="M16.2864 7.4133C18.9689 7.4133 20.7784 8.54885 21.8102 9.4978L25.8419 5.64C23.3658 3.38445 20.1435 2 16.2864 2C10.699 2 5.8736 5.1422 3.52441 9.71549L8.14345 13.2311C9.30229 9.85555 12.5086 7.4133 16.2864 7.4133Z" fill="#EB4335"></path> </g></svg>
|
197
|
+
Continue with Google
|
198
|
+
</button>
|
199
|
+
|
200
|
+
<div class="or-divider">Or</div>
|
201
|
+
|
202
|
+
<form id="emailSignupForm">
|
203
|
+
<div class="input-group">
|
204
|
+
<span class="icon email-icon"></span>
|
205
|
+
<input
|
206
|
+
type="email"
|
207
|
+
id="signupEmail"
|
208
|
+
placeholder="Email"
|
209
|
+
required
|
210
|
+
/>
|
211
|
+
</div>
|
212
|
+
<div class="input-group">
|
213
|
+
<span class="icon password-icon"></span>
|
214
|
+
<input
|
215
|
+
type="password"
|
216
|
+
id="signupPassword"
|
217
|
+
placeholder="Password"
|
218
|
+
required
|
219
|
+
/>
|
220
|
+
<span
|
221
|
+
class="password-toggle icon eye-icon"
|
222
|
+
id="toggleSignupPassword"
|
223
|
+
></span>
|
224
|
+
</div>
|
225
|
+
<button type="submit" class="login-btn">Create account</button>
|
226
|
+
</form>
|
227
|
+
|
228
|
+
<p style="font-size: 14px; color: #777; text-align: center">
|
229
|
+
By creating an account, you agree to our
|
230
|
+
<a href="#">Privacy Policy</a> and our
|
231
|
+
<a href="#">Terms & Conditions.</a>
|
232
|
+
</p>
|
233
|
+
</div>
|
234
|
+
</div>
|
235
|
+
|
236
|
+
|
237
|
+
|
238
|
+
</div><div class="user-avatar" id="userAvatar" style="display: none"></div>
|
239
|
+
|
240
|
+
|
241
|
+
</div>
|
242
|
+
</div>
|
243
|
+
</div>
|
244
|
+
{%- endif -%}
|
36
245
|
</div>
|
37
246
|
|
38
247
|
<div id="hamburger" data-open="false" class="hamburger">
|
@@ -3,18 +3,41 @@ site.data.[page.folderName][lang][file] %} {%- assign dataAtt =
|
|
3
3
|
"data-folderName='$folderName' data-lang='$lang' data-fileName='$fileName'
|
4
4
|
data-tool='$tool'" -%} {%- assign $folderName = '$folderName' -%} {%- if
|
5
5
|
site.removeJquery != true -%}
|
6
|
-
<script
|
7
|
-
|
6
|
+
<script
|
7
|
+
defer
|
8
|
+
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
|
9
|
+
{%-
|
10
|
+
if
|
11
|
+
site.crossorigin
|
12
|
+
-%}
|
13
|
+
{{
|
14
|
+
}}
|
15
|
+
crossorigin
|
16
|
+
{%-
|
17
|
+
endif
|
18
|
+
-%}
|
19
|
+
></script>
|
8
20
|
{%- endif -%} {%- if site.search -%} {%- if page.layout == "appscms-home" or
|
9
21
|
page.layout == "contenttool-home" -%}
|
10
|
-
<script
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
{%- endif -%}
|
22
|
+
<script
|
23
|
+
defer
|
24
|
+
src="/assets/js/appscms-search.js"
|
25
|
+
crossorigin="anonymous"
|
26
|
+
></script>
|
27
|
+
{%- endif -%} {%- if page.layout == "home-1" -%}
|
28
|
+
<script
|
29
|
+
defer
|
30
|
+
src="/assets/js/appscms-search-home1.js"
|
31
|
+
crossorigin="anonymous"
|
32
|
+
></script>
|
33
|
+
{%- endif -%} {%- endif -%}
|
16
34
|
|
17
|
-
<script
|
35
|
+
<script
|
36
|
+
data-lang="{{page.lang}}"
|
37
|
+
defer
|
38
|
+
src="/assets/js/appscms-theme.js"
|
39
|
+
crossorigin="anonymous"
|
40
|
+
></script>
|
18
41
|
<script defer src="/assets/js/appscms-infographics.js"></script>
|
19
42
|
|
20
43
|
{%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
|
@@ -23,32 +46,87 @@ page.layout == "contenttool-home" -%}
|
|
23
46
|
<script defer src="/assets/js/usageTrackingEvents.js"></script>
|
24
47
|
<script defer src="/assets/js/sharePage.js"></script>
|
25
48
|
{%- endif -%} {%- if site.removeBootstrapJs != true -%}
|
26
|
-
<script
|
27
|
-
|
49
|
+
<script
|
50
|
+
defer="defer"
|
51
|
+
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
|
52
|
+
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
|
53
|
+
crossorigin="anonymous"
|
54
|
+
></script>
|
28
55
|
{%- endif -%} {{site.data.customcdns.customcdns.jsfiles}} {%- if
|
29
56
|
scriptData.jsfilepaths -%} {%- for path in scriptData.jsfilepaths -%} {%- assign
|
30
57
|
asset_dir = path -%} {%- if site.versioning and asset_dir != "" -%} {%- if
|
31
58
|
asset_dir contains "https" and asset_dir contains "https://" -%}
|
32
|
-
<script
|
33
|
-
|
34
|
-
|
59
|
+
<script
|
60
|
+
defer
|
61
|
+
src="{{path}}"
|
62
|
+
data-folderName="{{page.folderName}}"
|
63
|
+
data-lang="{{page.lang}}"
|
64
|
+
data-fileName="{{page.fileName}}"
|
65
|
+
data-tool="{{page.tool}}"
|
66
|
+
data-permalink="{{page.permalink}}"
|
67
|
+
{%-
|
68
|
+
if
|
69
|
+
site.crossorigin
|
70
|
+
-%}
|
71
|
+
{{
|
72
|
+
}}
|
73
|
+
crossorigin
|
74
|
+
{%-
|
75
|
+
endif
|
76
|
+
-%}
|
77
|
+
></script>
|
35
78
|
{%- else -%}
|
36
|
-
<script
|
37
|
-
|
38
|
-
|
39
|
-
|
79
|
+
<script
|
80
|
+
defer
|
81
|
+
src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
|
82
|
+
data-folderName="{{page.folderName}}"
|
83
|
+
data-lang="{{page.lang}}"
|
84
|
+
data-fileName="{{page.fileName}}"
|
85
|
+
data-tool="{{page.tool}}"
|
86
|
+
data-permalink="{{page.permalink}}"
|
87
|
+
{%-
|
88
|
+
if
|
89
|
+
site.crossorigin
|
90
|
+
-%}
|
91
|
+
{{
|
92
|
+
}}
|
93
|
+
crossorigin
|
94
|
+
{%-
|
95
|
+
endif
|
96
|
+
-%}
|
97
|
+
></script>
|
40
98
|
{%- endif -%} {%- else -%}
|
41
|
-
<script
|
42
|
-
|
43
|
-
|
99
|
+
<script
|
100
|
+
defer
|
101
|
+
src="{{path}}"
|
102
|
+
data-folderName="{{page.folderName}}"
|
103
|
+
data-lang="{{page.lang}}"
|
104
|
+
data-fileName="{{page.fileName}}"
|
105
|
+
data-tool="{{page.tool}}"
|
106
|
+
data-permalink="{{page.permalink}}"
|
107
|
+
{%-
|
108
|
+
if
|
109
|
+
site.crossorigin
|
110
|
+
-%}
|
111
|
+
{{
|
112
|
+
}}
|
113
|
+
crossorigin
|
114
|
+
{%-
|
115
|
+
endif
|
116
|
+
-%}
|
117
|
+
></script>
|
44
118
|
{%- endif -%} {%- endfor -%} {%- endif -%} {%- if scriptData.jscdns -%} {%- for
|
45
119
|
item in scriptData.jscdns -%} {{item | replace:"$folderName", page.folderName |
|
46
120
|
replace: "$fileName", page.fileName | replace: "$lang", page.lang | replace:
|
47
121
|
"$tool", page.tool }} {%- endfor -%} {%- endif -%} {%- assign font = "Inter" -%}
|
48
122
|
{%- if site.removeFontAwesome != true -%}
|
49
|
-
<link
|
123
|
+
<link
|
124
|
+
rel="stylesheet"
|
125
|
+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
|
50
126
|
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
|
51
|
-
crossorigin="anonymous"
|
127
|
+
crossorigin="anonymous"
|
128
|
+
referrerpolicy="no-referrer"
|
129
|
+
/>
|
52
130
|
{%- endif -%} {%- include google-analytics.html -%} {%- if site.bookmark -%} {%-
|
53
131
|
if page.layout == "appscms-feature" -%}
|
54
132
|
<script>
|
@@ -70,4 +148,9 @@ if page.layout == "appscms-feature" -%}
|
|
70
148
|
toaster.style.display = "none";
|
71
149
|
}, 10000);
|
72
150
|
</script>
|
73
|
-
{%- endif -%} {%- endif -%}
|
151
|
+
{%- endif -%} {%- endif -%} {%- if site.authentication -%}
|
152
|
+
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js"></script>
|
153
|
+
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth-compat.js"></script>
|
154
|
+
<script src="/assets/js/appscms-auth.js"></script>
|
155
|
+
<script src="/assets/js/appscms-login.js"></script>
|
156
|
+
{%- endif -%}
|
data/assets/.DS_Store
CHANGED
Binary file
|
@@ -2946,3 +2946,514 @@ select:focus {
|
|
2946
2946
|
width: 25px;
|
2947
2947
|
margin-right: 5px;
|
2948
2948
|
}
|
2949
|
+
/* Login System */
|
2950
|
+
.login-modal-button {
|
2951
|
+
border: none;
|
2952
|
+
background-color: #fff;
|
2953
|
+
font-size: 14px;
|
2954
|
+
padding: 0px 0px 0px 25px;
|
2955
|
+
}
|
2956
|
+
<style > .side-modal-overlay {
|
2957
|
+
position: fixed;
|
2958
|
+
top: 0;
|
2959
|
+
left: 0;
|
2960
|
+
width: 100%;
|
2961
|
+
height: 100%;
|
2962
|
+
background-color: rgba(0, 0, 0, 0.5);
|
2963
|
+
display: none;
|
2964
|
+
z-index: 100;
|
2965
|
+
}
|
2966
|
+
|
2967
|
+
.side-modal {
|
2968
|
+
position: fixed;
|
2969
|
+
z-index: 10000;
|
2970
|
+
top: 0;
|
2971
|
+
right: -90%; /* Start off-screen */
|
2972
|
+
width: 90%;
|
2973
|
+
height: 100%;
|
2974
|
+
background-color: white;
|
2975
|
+
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
|
2976
|
+
transition: right 0.3s ease-in-out;
|
2977
|
+
overflow-y: auto;
|
2978
|
+
}
|
2979
|
+
|
2980
|
+
.modal-header {
|
2981
|
+
display: flex;
|
2982
|
+
justify-content: space-between;
|
2983
|
+
align-items: center;
|
2984
|
+
padding: 20px;
|
2985
|
+
border-bottom: 1px solid #eee;
|
2986
|
+
}
|
2987
|
+
|
2988
|
+
.modal-title {
|
2989
|
+
font-size: 24px;
|
2990
|
+
font-weight: bold;
|
2991
|
+
color: #333;
|
2992
|
+
}
|
2993
|
+
|
2994
|
+
.close-modal-btn {
|
2995
|
+
background: none;
|
2996
|
+
border: none;
|
2997
|
+
font-size: 24px;
|
2998
|
+
cursor: pointer;
|
2999
|
+
color: #666;
|
3000
|
+
}
|
3001
|
+
|
3002
|
+
.modal-content {
|
3003
|
+
padding: 20px;
|
3004
|
+
}
|
3005
|
+
|
3006
|
+
.modal-body {
|
3007
|
+
margin-bottom: 20px;
|
3008
|
+
}
|
3009
|
+
|
3010
|
+
.modal-footer {
|
3011
|
+
padding: 15px 20px;
|
3012
|
+
border-top: 1px solid #eee;
|
3013
|
+
text-align: right;
|
3014
|
+
}
|
3015
|
+
|
3016
|
+
.auth-container {
|
3017
|
+
background-color: white;
|
3018
|
+
border-radius: 8px;
|
3019
|
+
padding: 30px;
|
3020
|
+
width: 400px;
|
3021
|
+
max-width: 90%;
|
3022
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
3023
|
+
}
|
3024
|
+
|
3025
|
+
h1 {
|
3026
|
+
text-align: center;
|
3027
|
+
font-size: 28px;
|
3028
|
+
margin-bottom: 10px;
|
3029
|
+
}
|
3030
|
+
|
3031
|
+
h2 {
|
3032
|
+
text-align: center;
|
3033
|
+
font-size: 16px;
|
3034
|
+
font-weight: normal;
|
3035
|
+
color: #555;
|
3036
|
+
margin-bottom: 30px;
|
3037
|
+
}
|
3038
|
+
|
3039
|
+
a {
|
3040
|
+
color: #1b2de7;
|
3041
|
+
text-decoration: none;
|
3042
|
+
}
|
3043
|
+
|
3044
|
+
a:hover {
|
3045
|
+
text-decoration: underline;
|
3046
|
+
}
|
3047
|
+
|
3048
|
+
.social-btn {
|
3049
|
+
display: flex;
|
3050
|
+
align-items: center;
|
3051
|
+
width: 100%;
|
3052
|
+
padding: 12px;
|
3053
|
+
border: none;
|
3054
|
+
border-radius: 4px;
|
3055
|
+
font-size: 16px;
|
3056
|
+
margin-bottom: 10px;
|
3057
|
+
cursor: pointer;
|
3058
|
+
color: white;
|
3059
|
+
text-align: center;
|
3060
|
+
}
|
3061
|
+
|
3062
|
+
.google-btn {
|
3063
|
+
background-color: #4884ed;
|
3064
|
+
}
|
3065
|
+
.google-btn svg {
|
3066
|
+
background-color: #fff;
|
3067
|
+
border-radius: 30px;
|
3068
|
+
padding: 3px;
|
3069
|
+
}
|
3070
|
+
|
3071
|
+
.facebook-btn {
|
3072
|
+
background-color: #3c5997;
|
3073
|
+
}
|
3074
|
+
|
3075
|
+
.or-divider {
|
3076
|
+
display: flex;
|
3077
|
+
align-items: center;
|
3078
|
+
text-align: center;
|
3079
|
+
margin: 20px 0;
|
3080
|
+
color: #777;
|
3081
|
+
}
|
3082
|
+
|
3083
|
+
.or-divider::before,
|
3084
|
+
.or-divider::after {
|
3085
|
+
content: "";
|
3086
|
+
flex: 1;
|
3087
|
+
border-bottom: 1px solid #ddd;
|
3088
|
+
}
|
3089
|
+
|
3090
|
+
.or-divider::before {
|
3091
|
+
margin-right: 10px;
|
3092
|
+
}
|
3093
|
+
|
3094
|
+
.or-divider::after {
|
3095
|
+
margin-left: 10px;
|
3096
|
+
}
|
3097
|
+
|
3098
|
+
.input-group {
|
3099
|
+
position: relative;
|
3100
|
+
margin-bottom: 15px;
|
3101
|
+
}
|
3102
|
+
|
3103
|
+
.input-group input {
|
3104
|
+
width: 100%;
|
3105
|
+
padding: 12px 40px 12px 40px;
|
3106
|
+
border: 1px solid #ddd;
|
3107
|
+
border-radius: 4px;
|
3108
|
+
font-size: 16px;
|
3109
|
+
box-sizing: border-box;
|
3110
|
+
}
|
3111
|
+
|
3112
|
+
.input-group i {
|
3113
|
+
position: absolute;
|
3114
|
+
left: 12px;
|
3115
|
+
top: 50%;
|
3116
|
+
transform: translateY(-50%);
|
3117
|
+
color: #777;
|
3118
|
+
}
|
3119
|
+
|
3120
|
+
.password-toggle {
|
3121
|
+
position: absolute;
|
3122
|
+
right: 12px;
|
3123
|
+
top: 50%;
|
3124
|
+
transform: translateY(-50%);
|
3125
|
+
color: #777;
|
3126
|
+
cursor: pointer;
|
3127
|
+
}
|
3128
|
+
|
3129
|
+
.login-btn {
|
3130
|
+
width: 100%;
|
3131
|
+
padding: 12px;
|
3132
|
+
background-color: #1b2de7;
|
3133
|
+
color: white;
|
3134
|
+
border: none;
|
3135
|
+
border-radius: 4px;
|
3136
|
+
font-size: 16px;
|
3137
|
+
cursor: pointer;
|
3138
|
+
margin-bottom: 15px;
|
3139
|
+
}
|
3140
|
+
|
3141
|
+
.forgot-password {
|
3142
|
+
text-align: center;
|
3143
|
+
margin-top: 15px;
|
3144
|
+
}
|
3145
|
+
|
3146
|
+
.user-profile {
|
3147
|
+
display: none;
|
3148
|
+
text-align: center;
|
3149
|
+
}
|
3150
|
+
|
3151
|
+
.avatar {
|
3152
|
+
width: 100px;
|
3153
|
+
height: 100px;
|
3154
|
+
background-color: #ff9800;
|
3155
|
+
border-radius: 50%;
|
3156
|
+
display: flex;
|
3157
|
+
justify-content: center;
|
3158
|
+
align-items: center;
|
3159
|
+
margin: 0 auto 20px;
|
3160
|
+
color: white;
|
3161
|
+
font-size: 28px;
|
3162
|
+
font-weight: bold;
|
3163
|
+
}
|
3164
|
+
|
3165
|
+
.menu-item {
|
3166
|
+
display: flex;
|
3167
|
+
align-items: center;
|
3168
|
+
padding: 15px;
|
3169
|
+
border-bottom: 1px solid #eee;
|
3170
|
+
}
|
3171
|
+
|
3172
|
+
.menu-item:last-child {
|
3173
|
+
border-bottom: none;
|
3174
|
+
}
|
3175
|
+
|
3176
|
+
.menu-item i {
|
3177
|
+
margin-right: 10px;
|
3178
|
+
color: #555;
|
3179
|
+
}
|
3180
|
+
|
3181
|
+
.menu-item span {
|
3182
|
+
flex: 1;
|
3183
|
+
}
|
3184
|
+
|
3185
|
+
.menu-item .arrow {
|
3186
|
+
color: #999;
|
3187
|
+
}
|
3188
|
+
|
3189
|
+
/* Icons */
|
3190
|
+
.icon {
|
3191
|
+
width: 24px;
|
3192
|
+
height: 24px;
|
3193
|
+
display: inline-block;
|
3194
|
+
margin-right: 10px;
|
3195
|
+
}
|
3196
|
+
|
3197
|
+
.google-icon {
|
3198
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><path fill="#4285F4" d="M21.533 12.187c0-.82-.067-1.417-.21-2.037h-9.357v3.698h5.492c-.11.92-.709 2.303-2.038 3.233l-.018.124 2.958 2.292.205.02c1.882-1.738 2.968-4.296 2.968-7.33"></path><path fill="#34A853" d="M11.966 21.931c2.69 0 4.95-.886 6.6-2.414l-3.146-2.436c-.841.587-1.97.997-3.454.997-2.636 0-4.872-1.739-5.67-4.141l-.117.01-3.076 2.38-.04.112a9.96 9.96 0 0 0 8.903 5.492"></path><path fill="#FBBC05" d="M6.296 13.937a6.1 6.1 0 0 1-.332-1.971c0-.687.122-1.351.321-1.971l-.005-.132-3.115-2.42-.102.05A10 10 0 0 0 2 11.965a10 10 0 0 0 1.063 4.473z"></path><path fill="#EB4335" d="M11.966 5.853c1.87 0 3.133.809 3.853 1.484l2.813-2.746C16.904 2.985 14.656 2 11.966 2a9.96 9.96 0 0 0-8.903 5.492l3.222 2.503c.809-2.403 3.045-4.142 5.68-4.142"></path></g></svg>');
|
3199
|
+
}
|
3200
|
+
|
3201
|
+
.facebook-icon {
|
3202
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="white" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-7H9v-2h2V8.5C11 7.12 12.12 6 13.5 6H16v2h-2c-.55 0-1 .45-1 1v1h3v2h-3v7z"/></svg>');
|
3203
|
+
}
|
3204
|
+
|
3205
|
+
.email-icon {
|
3206
|
+
position: absolute;
|
3207
|
+
top: 10px;
|
3208
|
+
left: 10px;
|
3209
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23777" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
|
3210
|
+
}
|
3211
|
+
|
3212
|
+
.password-icon {
|
3213
|
+
position: absolute;
|
3214
|
+
top: 10px;
|
3215
|
+
left: 10px;
|
3216
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23777" d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>');
|
3217
|
+
}
|
3218
|
+
|
3219
|
+
.eye-icon {
|
3220
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23777" d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
|
3221
|
+
}
|
3222
|
+
|
3223
|
+
/* User avatar in corner */
|
3224
|
+
.user-avatar {
|
3225
|
+
position: absolute;
|
3226
|
+
top: 20px;
|
3227
|
+
right: 20px;
|
3228
|
+
width: 40px;
|
3229
|
+
height: 40px;
|
3230
|
+
border-radius: 50%;
|
3231
|
+
background-color: #1b2de7;
|
3232
|
+
color: white;
|
3233
|
+
display: flex;
|
3234
|
+
justify-content: center;
|
3235
|
+
align-items: center;
|
3236
|
+
font-weight: bold;
|
3237
|
+
cursor: pointer;
|
3238
|
+
}
|
3239
|
+
|
3240
|
+
.google-btn svg {
|
3241
|
+
width: 24px;
|
3242
|
+
height: 24px;
|
3243
|
+
display: inline-block;
|
3244
|
+
margin-right: 10px;
|
3245
|
+
}
|
3246
|
+
|
3247
|
+
/* Forgot password form */
|
3248
|
+
#forgotPasswordForm {
|
3249
|
+
display: none;
|
3250
|
+
}
|
3251
|
+
|
3252
|
+
.back-btn {
|
3253
|
+
display: flex;
|
3254
|
+
align-items: center;
|
3255
|
+
margin-bottom: 20px;
|
3256
|
+
cursor: pointer;
|
3257
|
+
color: #1b2de7;
|
3258
|
+
font-size: 14px;
|
3259
|
+
}
|
3260
|
+
|
3261
|
+
.back-btn:hover {
|
3262
|
+
text-decoration: underline;
|
3263
|
+
}
|
3264
|
+
|
3265
|
+
.back-icon {
|
3266
|
+
margin-right: 8px;
|
3267
|
+
}
|
3268
|
+
|
3269
|
+
.reset-success {
|
3270
|
+
text-align: center;
|
3271
|
+
background-color: #e8f4ff;
|
3272
|
+
padding: 15px;
|
3273
|
+
border-radius: 4px;
|
3274
|
+
margin-top: 15px;
|
3275
|
+
display: none;
|
3276
|
+
}
|
3277
|
+
|
3278
|
+
.success-icon {
|
3279
|
+
color: #1b2de7;
|
3280
|
+
font-size: 24px;
|
3281
|
+
margin-bottom: 10px;
|
3282
|
+
}
|
3283
|
+
.twitter-btn {
|
3284
|
+
background-color: #000000;
|
3285
|
+
}
|
3286
|
+
|
3287
|
+
.twitter-btn svg {
|
3288
|
+
width: 24px;
|
3289
|
+
height: 24px;
|
3290
|
+
display: inline-block;
|
3291
|
+
margin-right: 10px;
|
3292
|
+
}
|
3293
|
+
|
3294
|
+
.user-modal-header {
|
3295
|
+
position: fixed;
|
3296
|
+
top: 0;
|
3297
|
+
left: 0;
|
3298
|
+
right: 0;
|
3299
|
+
height: 70px;
|
3300
|
+
background-color: white;
|
3301
|
+
display: flex;
|
3302
|
+
align-items: center;
|
3303
|
+
justify-content: flex-end;
|
3304
|
+
padding: 0 20px;
|
3305
|
+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
|
3306
|
+
}
|
3307
|
+
|
3308
|
+
.free-trial {
|
3309
|
+
display: flex;
|
3310
|
+
align-items: center;
|
3311
|
+
padding: 8px 16px;
|
3312
|
+
border: 1px solid #ddd;
|
3313
|
+
border-radius: 4px;
|
3314
|
+
margin-right: 20px;
|
3315
|
+
background-color: white;
|
3316
|
+
}
|
3317
|
+
|
3318
|
+
.crown-icon {
|
3319
|
+
color: #f9c74f;
|
3320
|
+
font-size: 24px;
|
3321
|
+
margin-right: 10px;
|
3322
|
+
}
|
3323
|
+
.user-profile-header {
|
3324
|
+
padding: 0px 0px 0px 20px;
|
3325
|
+
display: none;
|
3326
|
+
}
|
3327
|
+
.profile-button {
|
3328
|
+
width: 40px;
|
3329
|
+
height: 40px;
|
3330
|
+
|
3331
|
+
border-radius: 50%;
|
3332
|
+
background-color: var(--primary-color);
|
3333
|
+
color: white;
|
3334
|
+
display: flex;
|
3335
|
+
justify-content: center;
|
3336
|
+
align-items: center;
|
3337
|
+
cursor: pointer;
|
3338
|
+
font-weight: bold;
|
3339
|
+
position: relative;
|
3340
|
+
}
|
3341
|
+
|
3342
|
+
.dropdown-icon {
|
3343
|
+
position: absolute;
|
3344
|
+
bottom: -5px;
|
3345
|
+
right: -5px;
|
3346
|
+
font-size: 10px;
|
3347
|
+
background-color: white;
|
3348
|
+
border-radius: 50%;
|
3349
|
+
width: 14px;
|
3350
|
+
height: 14px;
|
3351
|
+
display: flex;
|
3352
|
+
justify-content: center;
|
3353
|
+
align-items: center;
|
3354
|
+
color: black;
|
3355
|
+
}
|
3356
|
+
|
3357
|
+
.user-modal {
|
3358
|
+
position: absolute;
|
3359
|
+
top: 55px;
|
3360
|
+
right: 0px;
|
3361
|
+
width: 300px;
|
3362
|
+
background-color: white;
|
3363
|
+
border-radius: 8px;
|
3364
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
3365
|
+
display: none;
|
3366
|
+
overflow: hidden;
|
3367
|
+
}
|
3368
|
+
|
3369
|
+
.user-modal-header {
|
3370
|
+
padding: 20px;
|
3371
|
+
display: flex;
|
3372
|
+
align-items: center;
|
3373
|
+
}
|
3374
|
+
|
3375
|
+
.profile-user-avatar {
|
3376
|
+
width: 60px;
|
3377
|
+
height: 60px;
|
3378
|
+
border-radius: 50%;
|
3379
|
+
background-color: var(--primary-color);
|
3380
|
+
color: white;
|
3381
|
+
display: flex;
|
3382
|
+
justify-content: center;
|
3383
|
+
align-items: center;
|
3384
|
+
font-weight: bold;
|
3385
|
+
font-size: 24px;
|
3386
|
+
margin-right: 20px;
|
3387
|
+
}
|
3388
|
+
|
3389
|
+
.user-info h2 {
|
3390
|
+
font-size: 18px;
|
3391
|
+
margin-bottom: 5px;
|
3392
|
+
}
|
3393
|
+
|
3394
|
+
.user-info p {
|
3395
|
+
font-size: 14px;
|
3396
|
+
color: #777;
|
3397
|
+
overflow: hidden;
|
3398
|
+
text-overflow: ellipsis;
|
3399
|
+
}
|
3400
|
+
|
3401
|
+
.modal-item {
|
3402
|
+
display: flex;
|
3403
|
+
align-items: center;
|
3404
|
+
padding: 20px;
|
3405
|
+
border-top: 1px solid #eee;
|
3406
|
+
transition: background-color 0.2s;
|
3407
|
+
cursor: pointer;
|
3408
|
+
}
|
3409
|
+
|
3410
|
+
.modal-item:hover {
|
3411
|
+
background-color: #f7f7f7;
|
3412
|
+
}
|
3413
|
+
|
3414
|
+
.item-icon {
|
3415
|
+
margin-right: 20px;
|
3416
|
+
font-size: 20px;
|
3417
|
+
min-width: 24px;
|
3418
|
+
text-align: center;
|
3419
|
+
}
|
3420
|
+
|
3421
|
+
.item-text {
|
3422
|
+
flex-grow: 1;
|
3423
|
+
}
|
3424
|
+
.item-text a {
|
3425
|
+
color: #000000;
|
3426
|
+
text-decoration: none;
|
3427
|
+
}
|
3428
|
+
.item-arrow svg {
|
3429
|
+
height: 13px;
|
3430
|
+
width: 13px;
|
3431
|
+
}
|
3432
|
+
|
3433
|
+
.upload-button {
|
3434
|
+
position: fixed;
|
3435
|
+
bottom: 20px;
|
3436
|
+
left: 20px;
|
3437
|
+
width: 50px;
|
3438
|
+
height: 50px;
|
3439
|
+
border-radius: 8px;
|
3440
|
+
background-color: #2962ff;
|
3441
|
+
color: white;
|
3442
|
+
display: flex;
|
3443
|
+
flex-direction: column;
|
3444
|
+
justify-content: center;
|
3445
|
+
align-items: center;
|
3446
|
+
cursor: pointer;
|
3447
|
+
}
|
3448
|
+
|
3449
|
+
.upload-icon {
|
3450
|
+
font-size: 24px;
|
3451
|
+
margin-bottom: 2px;
|
3452
|
+
}
|
3453
|
+
|
3454
|
+
.upload-button span {
|
3455
|
+
font-size: 10px;
|
3456
|
+
}
|
3457
|
+
.auth-container a {
|
3458
|
+
justify-content: center;
|
3459
|
+
}
|
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.0.
|
4
|
+
version: 5.0.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- vivek-appscms
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2025-03-
|
11
|
+
date: 2025-03-28 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|