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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 87e05ddacfab05385a374eab95f6ca043a21d9796e6d430eee15fbec8e89bea9
4
- data.tar.gz: e4f80151724c38fafb105fbe6ed7196fe018622e5a3c05493bc7008b3463a9aa
3
+ metadata.gz: f1b4f12826efb55172578a1331c503a3af688b37db0b8e399b2edc8bd9a2e328
4
+ data.tar.gz: 377e42a8cd55fdeca0db6bef251aea04f255169d15115a8b20389e9a5df3fe3f
5
5
  SHA512:
6
- metadata.gz: '0944d89948aedf3bbb04f8c207c125f084384f26a21dfa5bb53a768bae3964999c645d09e86ac0f957731e60e7b8a16ec99852173fe81d6cd433cf15b6918da9'
7
- data.tar.gz: 6d377d9f11f7053596b923a39f9edb69de5c738723644edf763964f3f9eee300322030ab004a5ea3e057d4b73f485f034ce4380b6aa3f965576d4fb4e50358e7
6
+ metadata.gz: 6152433b575562261469599384689910b5ceb8eefd2bdbd998688bc36a7ad5704f45629af65b5fa214a17bc81c62d9771f48e50720c1769ddc0311a01ebbf147
7
+ data.tar.gz: ddf1ba70bc934f9f5b4e305c886930a6e993c928ffb3c223cc62c27b56d2e5c8e9acba0a3ce1af063b2586e865e4b264a29fb1d78febd2d73fea1d46afa13c77
data/_data/.DS_Store CHANGED
Binary file
@@ -1,80 +1,249 @@
1
1
  {
2
2
  "Language": "English",
3
3
  "htmlLangAtt": "en",
4
- "H1": "Online color palette extractor",
5
- "img": "/png/assets/img/palette.png",
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
- "H2": "Extract a color palette from a PNG file",
12
- "TITLE": "PNG palette extractor- Get a list of all colors used in png file",
13
- "META": "This tool helps to find the color on the image quickly. Using this PNG palette extractor online tool you can easily extract dominant colors from any image and get a list of all colors matching the image theme. ",
14
- "width": "",
15
- "LABEL": "",
16
- "BREADCRUMB_LABEL": "",
17
- "color": "#ad81ee",
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
- "HOW_TO_CONTENT": {
57
- "logoImageUrl": "/assets/images/idea.svg",
58
- "heading": "",
59
- "steps": []
60
- },
61
- "FAQ": [
62
- {
63
- "question": "",
64
- "answer": ""
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
- "jsfilepaths": [
68
- "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js",
69
- "https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js",
70
- "https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/color-thief.umd.js",
71
- "/assets/js/googledrive.js",
72
- "/png/assets/js/app.js"
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
- "csscdns": [
76
- "<link rel=\"stylesheet\" href=\"/png/assets/css/utils.css\" />",
77
- "<link rel=\"stylesheet\" href=\"/png/assets/css/app.css\" />",
78
- "<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css\"/>"
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
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">&times;</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 defer src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" {%- if site.crossorigin -%} {{ }}
7
- crossorigin {%- endif -%}></script>
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 defer src="/assets/js/appscms-search.js" crossorigin="anonymous"></script>
11
- {%- endif -%}
12
- {%- if page.layout == "home-1" -%}
13
- <script defer src="/assets/js/appscms-search-home1.js" crossorigin="anonymous"></script>
14
- {%- endif -%}
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 data-lang="{{page.lang}}" defer src="/assets/js/appscms-theme.js" crossorigin="anonymous"></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 defer="defer" src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
27
- integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
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 defer src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
33
- data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if
34
- site.crossorigin -%} {{ }} crossorigin {%- endif -%}></script>
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 defer src="{% ministamp { source_path: '{{ asset_dir }}', destination_path: '{{ asset_dir }}' } %}"
37
- data-folderName="{{page.folderName}}" data-lang="{{page.lang}}" data-fileName="{{page.fileName}}"
38
- data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if site.crossorigin -%} {{ }} crossorigin {%- endif
39
- -%}></script>
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 defer src="{{path}}" data-folderName="{{page.folderName}}" data-lang="{{page.lang}}"
42
- data-fileName="{{page.fileName}}" data-tool="{{page.tool}}" data-permalink="{{page.permalink}}" {%- if
43
- site.crossorigin -%} {{ }} crossorigin {%- endif -%}></script>
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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
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" referrerpolicy="no-referrer" />
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.7
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-20 00:00:00.000000000 Z
11
+ date: 2025-03-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll