appscms-tools-theme 5.2.2 → 5.2.3
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/feature/en/3_shop_posters.json +456 -1
- data/_data/home/en/ens.json +4 -4
- data/_data/templates.json +17459 -0
- data/_data/vintage/en/test.json +142 -0
- data/_includes/.DS_Store +0 -0
- data/_includes/appscms/footer/ai-image-tools-footer.html +14 -0
- data/_includes/appscms/head/head.html +61 -36
- data/_includes/appscms/headings/ai-image-tools-headings.html +24 -0
- data/_includes/appscms/navbars/ai-image-tools-navbar.html +446 -0
- data/_includes/appscms/scripts/script.html +17 -3
- data/_layouts/ai-image-generator.html +307 -0
- data/_layouts/ai-image-home.html +160 -0
- data/_layouts/ai-image-pricing.html +366 -0
- data/assets/css/ai-image-generator.css +547 -0
- data/assets/css/ai-image-home.css +760 -0
- data/assets/css/appscms-variables.css +1 -1
- data/assets/js/appscms-login.js +1 -1
- data/assets/js/get-credits.js +91 -0
- metadata +13 -2
|
@@ -0,0 +1,446 @@
|
|
|
1
|
+
{% assign lang = page.lang | default: "en" %}
|
|
2
|
+
{% assign siteData = site.data.header[lang].data %}
|
|
3
|
+
{% assign featureData = page.fileName %}
|
|
4
|
+
{% assign folder = page.folderName%}
|
|
5
|
+
{% assign Data= site.data[folder][lang][file] %}
|
|
6
|
+
|
|
7
|
+
<style>
|
|
8
|
+
.navbar-toggler-icon {
|
|
9
|
+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
|
|
13
|
+
<nav class="navbar navbar-expand-lg px-4 py-3 my-5"
|
|
14
|
+
style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 50px; color: #fff !important;">
|
|
15
|
+
<div class="container-fluid">
|
|
16
|
+
<a class="navbar-brand" href="/">
|
|
17
|
+
<strong>
|
|
18
|
+
<img width="40px" src="{{site.logo | default: '/logo.png'}}" alt="">
|
|
19
|
+
{{site.name | default: "Nano Banana"}}
|
|
20
|
+
</strong></a>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
24
|
+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
25
|
+
<span class="navbar-toggler-icon"></span>
|
|
26
|
+
</button>
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
<div class="collapse navbar-collapse" style="justify-content: right;" id="navbarSupportedContent">
|
|
30
|
+
<ul class="navbar-nav mb-2 mb-lg-0">
|
|
31
|
+
<li class="nav-item">
|
|
32
|
+
<a class="nav-link" href="/pricing">Pricing</a>
|
|
33
|
+
</li>
|
|
34
|
+
<li class="nav-item">
|
|
35
|
+
<button class="login-modal-button open-modal-btn login-btn"
|
|
36
|
+
style="width: 100px; padding: 8px 10px; display: block; border-radius: 50px;" type="button"
|
|
37
|
+
data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
<svg width="20px" class="w-3.5 h-3.5 text-[#09090b]" fill="none" stroke="currentColor"
|
|
41
|
+
viewBox="0 0 24 24">
|
|
42
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"
|
|
43
|
+
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
|
|
44
|
+
</svg>
|
|
45
|
+
|
|
46
|
+
Login
|
|
47
|
+
|
|
48
|
+
</button>
|
|
49
|
+
</li>
|
|
50
|
+
<div class="user-profile-header">
|
|
51
|
+
<div class="profile-button" id="profileButton"></div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="user-modal" id="userModal">
|
|
54
|
+
<div class="modal-item">
|
|
55
|
+
<div class="profile-user-avatar"></div>
|
|
56
|
+
<div class="user-info">
|
|
57
|
+
<div class="logged-in-username"></div>
|
|
58
|
+
<p class="logged-in-user-email"></p>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
<a href="#" class="modal-item">
|
|
64
|
+
<div class="item-icon">
|
|
65
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
66
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
67
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
68
|
+
<g id="SVGRepo_iconCarrier">
|
|
69
|
+
<circle cx="12" cy="12" r="10" stroke="#facc15e6" stroke-width="1.5"></circle>
|
|
70
|
+
<path d="M12 6V18" stroke="#facc15e6" stroke-width="1.5" stroke-linecap="round">
|
|
71
|
+
</path>
|
|
72
|
+
<path
|
|
73
|
+
d="M15 9.5C15 8.11929 13.6569 7 12 7C10.3431 7 9 8.11929 9 9.5C9 10.8807 10.3431 12 12 12C13.6569 12 15 13.1193 15 14.5C15 15.8807 13.6569 17 12 17C10.3431 17 9 15.8807 9 14.5"
|
|
74
|
+
stroke="#facc15e6" stroke-width="1.5" stroke-linecap="round"></path>
|
|
75
|
+
</g>
|
|
76
|
+
</svg>
|
|
77
|
+
</div>
|
|
78
|
+
<div class="item-text" id="showCredits">Credits</div>
|
|
79
|
+
|
|
80
|
+
</a>
|
|
81
|
+
<a href="/profile" class="modal-item">
|
|
82
|
+
<div class="item-icon">
|
|
83
|
+
<svg height="20" width="20" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1"
|
|
84
|
+
xmlns="http://www.w3.org/2000/svg" fill="#000000">
|
|
85
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
86
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
87
|
+
<g id="SVGRepo_iconCarrier">
|
|
88
|
+
<defs>
|
|
89
|
+
<style>
|
|
90
|
+
.cls-1 {
|
|
91
|
+
fill: none;
|
|
92
|
+
stroke: #020202;
|
|
93
|
+
stroke-miterlimit: 10;
|
|
94
|
+
stroke-width: 1.91px;
|
|
95
|
+
}
|
|
96
|
+
</style>
|
|
97
|
+
</defs>
|
|
98
|
+
<circle class="cls-1" cx="12" cy="7.25" r="5.73"></circle>
|
|
99
|
+
<path class="cls-1"
|
|
100
|
+
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">
|
|
101
|
+
</path>
|
|
102
|
+
</g>
|
|
103
|
+
</svg>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="item-text">Account</div>
|
|
106
|
+
<div class="item-arrow">
|
|
107
|
+
<svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
108
|
+
xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
|
|
109
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
110
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
111
|
+
<g id="SVGRepo_iconCarrier">
|
|
112
|
+
<title>arrow_right [#336]</title>
|
|
113
|
+
<desc>Created with Sketch.</desc>
|
|
114
|
+
<defs></defs>
|
|
115
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
116
|
+
<g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)"
|
|
117
|
+
fill="#000000">
|
|
118
|
+
<g id="icons" transform="translate(56.000000, 160.000000)">
|
|
119
|
+
<path
|
|
120
|
+
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"
|
|
121
|
+
id="arrow_right-[#336]"></path>
|
|
122
|
+
</g>
|
|
123
|
+
</g>
|
|
124
|
+
</g>
|
|
125
|
+
</g>
|
|
126
|
+
</svg>
|
|
127
|
+
</div>
|
|
128
|
+
</a>
|
|
129
|
+
<a href="/pricing" class="modal-item">
|
|
130
|
+
<div class="item-icon">
|
|
131
|
+
<svg version="1.1" id="Capa_1" width="24px" height="24px" xmlns="http://www.w3.org/2000/svg"
|
|
132
|
+
x="0px" y="0px" viewBox="0 0 398.923 398.923"
|
|
133
|
+
enable-background="new 0 0 398.923 398.923">
|
|
134
|
+
<g>
|
|
135
|
+
<path d="M398.425,131.075c-0.826-2.52-2.621-4.609-4.986-5.806l-8.923-4.516c-2.366-1.197-5.112-1.407-7.632-0.58
|
|
136
|
+
c-2.52,0.826-4.609,2.62-5.806,4.986l-11.255,22.239c-6.629-22.075-17.601-42.652-32.415-60.567
|
|
137
|
+
c-21.099-25.516-48.973-44.391-80.607-54.585c-17.4-5.608-35.377-8.451-53.43-8.451c-27.576,0-54.155,6.456-78.999,19.19
|
|
138
|
+
c-41.265,21.15-71.823,57.103-86.047,101.237c-1.694,5.256,1.194,10.891,6.451,12.585l9.518,3.067
|
|
139
|
+
c5.259,1.696,10.892-1.194,12.585-6.451c11.766-36.506,37.044-66.247,71.178-83.741c20.563-10.539,42.542-15.883,65.327-15.883
|
|
140
|
+
c14.927,0,29.805,2.355,44.217,7c47.243,15.225,82.96,53.828,95.083,101.102l-28.955-14.653
|
|
141
|
+
c-4.926-2.496-10.943-0.521-13.438,4.407l-4.516,8.923c-1.198,2.367-1.406,5.112-0.58,7.632c0.826,2.52,2.62,4.609,4.987,5.806
|
|
142
|
+
l62.565,31.661c1.447,0.733,2.988,1.08,4.507,1.08c3.65,0,7.169-2.006,8.93-5.486l31.662-62.564
|
|
143
|
+
C399.043,136.34,399.251,133.595,398.425,131.075z"></path>
|
|
144
|
+
<path d="M364.148,242.116l-9.518-3.067c-5.257-1.695-10.891,1.194-12.585,6.451c-11.766,36.506-37.043,66.247-71.177,83.741
|
|
145
|
+
c-20.563,10.539-42.543,15.882-65.329,15.882c-14.928,0-29.804-2.354-44.215-6.999c-47.243-15.225-82.959-53.828-95.083-101.102
|
|
146
|
+
l28.955,14.653c4.927,2.496,10.943,0.521,13.438-4.407l4.516-8.923c1.198-2.367,1.406-5.112,0.58-7.632
|
|
147
|
+
c-0.827-2.52-2.62-4.609-4.987-5.807l-62.565-31.66c-4.925-2.495-10.943-0.521-13.438,4.407L1.078,260.216
|
|
148
|
+
c-1.198,2.367-1.406,5.112-0.58,7.632c0.826,2.52,2.62,4.609,4.986,5.806l8.923,4.516c4.928,2.495,10.944,0.521,13.438-4.407
|
|
149
|
+
L39.1,251.524c6.629,22.076,17.601,42.652,32.415,60.567c21.099,25.516,48.972,44.391,80.606,54.585
|
|
150
|
+
c17.4,5.608,35.376,8.451,53.429,8.451c27.188,0,54.506-6.636,79-19.19c41.265-21.15,71.823-57.103,86.047-101.237
|
|
151
|
+
c0.814-2.524,0.591-5.268-0.619-7.628C368.77,244.712,366.672,242.93,364.148,242.116z"></path>
|
|
152
|
+
<path d="M200.753,238.729c-9.333,0-19.42-4.033-25.101-10.035l-4.468-4.721c-1.137-1.201-3.036-1.256-4.241-0.117l-16.706,15.81
|
|
153
|
+
c-0.577,0.548-0.914,1.302-0.937,2.097c-0.021,0.795,0.273,1.566,0.82,2.145l4.469,4.722c7.706,8.141,18.909,14.354,31.031,17.265
|
|
154
|
+
v16.568c0,1.656,1.343,3,3,3h23c1.657,0,3-1.344,3-3V266.48c21.662-4.13,34.999-18.093,34.999-36.887
|
|
155
|
+
c0.245-29.6-25.542-37.409-42.605-42.577c-20.501-6.209-23.598-9.316-23.598-16.775c0-7.931,13.087-10.047,20.82-10.047
|
|
156
|
+
c7.346,0,16.425,2.421,21.588,5.756l5.46,3.527c1.393,0.898,3.249,0.498,4.147-0.893l12.479-19.318
|
|
157
|
+
c0.9-1.393,0.5-3.249-0.892-4.148l-5.459-3.527c-7.256-4.688-16.952-8.128-26.941-9.602v-15.527c0-1.656-1.343-3-3-3h-23
|
|
158
|
+
c-1.657,0-3,1.344-3,3v17.115c-19.313,5.345-31.203,19.221-31.203,36.664c0,31.145,27.662,39.523,44.191,44.53
|
|
159
|
+
c19.329,5.854,22.064,8.39,22.011,14.702C220.621,236.78,208.132,238.729,200.753,238.729z"></path>
|
|
160
|
+
</g>
|
|
161
|
+
</svg>
|
|
162
|
+
</div>
|
|
163
|
+
<div class="item-text">Pricing Plans</div>
|
|
164
|
+
<div class="item-arrow">
|
|
165
|
+
<svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
166
|
+
xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
|
|
167
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
168
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
169
|
+
<g id="SVGRepo_iconCarrier">
|
|
170
|
+
<title>arrow_right [#336]</title>
|
|
171
|
+
<desc>Created with Sketch.</desc>
|
|
172
|
+
<defs></defs>
|
|
173
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
174
|
+
<g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)"
|
|
175
|
+
fill="#000000">
|
|
176
|
+
<g id="icons" transform="translate(56.000000, 160.000000)">
|
|
177
|
+
<path
|
|
178
|
+
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"
|
|
179
|
+
id="arrow_right-[#336]"></path>
|
|
180
|
+
</g>
|
|
181
|
+
</g>
|
|
182
|
+
</g>
|
|
183
|
+
</g>
|
|
184
|
+
</svg>
|
|
185
|
+
</div>
|
|
186
|
+
</a>
|
|
187
|
+
|
|
188
|
+
<div class="modal-item" id="logoutBtn">
|
|
189
|
+
<div class="item-icon">
|
|
190
|
+
<svg height="20" width="20" viewBox="0 0 24 24" fill="none"
|
|
191
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
192
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
193
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
194
|
+
<g id="SVGRepo_iconCarrier">
|
|
195
|
+
<path d="M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4" stroke="#1C274C"
|
|
196
|
+
stroke-width="1.5" stroke-linecap="round"></path>
|
|
197
|
+
<path d="M10 12H20M20 12L17 9M20 12L17 15" stroke="#1C274C" stroke-width="1.5"
|
|
198
|
+
stroke-linecap="round" stroke-linejoin="round"></path>
|
|
199
|
+
</g>
|
|
200
|
+
</svg>
|
|
201
|
+
</div>
|
|
202
|
+
<div class="item-text">Log out</div>
|
|
203
|
+
<div class="item-arrow">
|
|
204
|
+
<svg viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
|
|
205
|
+
xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
|
|
206
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
207
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
|
|
208
|
+
<g id="SVGRepo_iconCarrier">
|
|
209
|
+
<title>arrow_right [#336]</title>
|
|
210
|
+
<desc>Created with Sketch.</desc>
|
|
211
|
+
<defs></defs>
|
|
212
|
+
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
213
|
+
<g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)"
|
|
214
|
+
fill="#000000">
|
|
215
|
+
<g id="icons" transform="translate(56.000000, 160.000000)">
|
|
216
|
+
<path
|
|
217
|
+
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"
|
|
218
|
+
id="arrow_right-[#336]"></path>
|
|
219
|
+
</g>
|
|
220
|
+
</g>
|
|
221
|
+
</g>
|
|
222
|
+
</g>
|
|
223
|
+
</svg>
|
|
224
|
+
</div>
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
<div class="side-modal-overlay" id="modalOverlay"></div>
|
|
228
|
+
<div class="side-modal" id="sideModal">
|
|
229
|
+
<div class="modal-header">
|
|
230
|
+
<div>
|
|
231
|
+
{%- if siteData.navbarBrandLogoSvg -%}
|
|
232
|
+
<a href="/" aria-label="home-page">
|
|
233
|
+
{{siteData.navbarBrandLogoSvg}}
|
|
234
|
+
</a>
|
|
235
|
+
{%- elsif siteData.navbarBrandText -%}
|
|
236
|
+
<span> {{siteData.navbarBrandText}}</span>
|
|
237
|
+
{%- else -%}
|
|
238
|
+
<span></span>
|
|
239
|
+
{%- endif -%}
|
|
240
|
+
</div>
|
|
241
|
+
<button class="close-modal-btn">×</button>
|
|
242
|
+
</div>
|
|
243
|
+
|
|
244
|
+
<div class="side-modal-content">
|
|
245
|
+
<div class="modal-body d-flex justify-content-center">
|
|
246
|
+
<div class="user-avatar" id="userAvatar" style="display: none">
|
|
247
|
+
GI
|
|
248
|
+
</div>
|
|
249
|
+
<div class="auth-container" id="authContainer">
|
|
250
|
+
<!-- Login Form -->
|
|
251
|
+
<div id="loginForm">
|
|
252
|
+
<h2 class="log-info">Log in</h2>
|
|
253
|
+
<p class="log-subinfo">
|
|
254
|
+
Don't have an account?
|
|
255
|
+
<a href="#" id="showSignup">Create account</a>
|
|
256
|
+
</p>
|
|
257
|
+
|
|
258
|
+
<div class="auth-forms">
|
|
259
|
+
<button class="social-btn google-btn" id="googleLogin">
|
|
260
|
+
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
261
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
262
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round"
|
|
263
|
+
stroke-linejoin="round"></g>
|
|
264
|
+
<g id="SVGRepo_iconCarrier">
|
|
265
|
+
<path
|
|
266
|
+
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"
|
|
267
|
+
fill="#4285F4"></path>
|
|
268
|
+
<path
|
|
269
|
+
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"
|
|
270
|
+
fill="#34A853"></path>
|
|
271
|
+
<path
|
|
272
|
+
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"
|
|
273
|
+
fill="#FBBC05"></path>
|
|
274
|
+
<path
|
|
275
|
+
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"
|
|
276
|
+
fill="#EB4335"></path>
|
|
277
|
+
</g>
|
|
278
|
+
</svg>
|
|
279
|
+
Continue with Google
|
|
280
|
+
</button>
|
|
281
|
+
|
|
282
|
+
<button class="social-btn facebook-btn d-none" id="facebookLogin">
|
|
283
|
+
<span class="icon facebook-icon"></span>
|
|
284
|
+
Continue with Facebook
|
|
285
|
+
</button>
|
|
286
|
+
|
|
287
|
+
<button class="social-btn twitter-btn d-none" id="twitterLogin">
|
|
288
|
+
<svg viewBox="0 0 24 24" width="24" height="24" style="margin-right: 10px">
|
|
289
|
+
<path fill="white"
|
|
290
|
+
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" />
|
|
291
|
+
</svg>
|
|
292
|
+
Continue with X
|
|
293
|
+
</button>
|
|
294
|
+
|
|
295
|
+
<div class="or-divider">Or</div>
|
|
296
|
+
|
|
297
|
+
<form id="emailLoginForm" novalidate>
|
|
298
|
+
<div class="input-group">
|
|
299
|
+
<span class="icon email-icon"></span>
|
|
300
|
+
<input type="email" id="loginEmail" placeholder="Email" required />
|
|
301
|
+
<div class="field-error" id="loginEmailError"></div>
|
|
302
|
+
</div>
|
|
303
|
+
<div class="input-group">
|
|
304
|
+
<span class="icon password-icon"></span>
|
|
305
|
+
<input type="password" id="loginPassword" placeholder="Password"
|
|
306
|
+
required />
|
|
307
|
+
<span class="password-toggle icon eye-icon"
|
|
308
|
+
id="toggleLoginPassword"></span>
|
|
309
|
+
<div class="field-error" id="loginPasswordError"></div>
|
|
310
|
+
</div>
|
|
311
|
+
<button type="submit" class="login-btn" id="loginSubmitBtn">
|
|
312
|
+
<span class="btn-text">Log in</span>
|
|
313
|
+
</button>
|
|
314
|
+
</form>
|
|
315
|
+
|
|
316
|
+
<div class="forgot-password">
|
|
317
|
+
<a href="#" id="forgotPassword">Forgot your password?</a>
|
|
318
|
+
</div>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
|
|
322
|
+
<!-- Forgot Password Form -->
|
|
323
|
+
<div id="forgotPasswordForm" style="display: none">
|
|
324
|
+
<div class="back-btn" id="backToLogin">
|
|
325
|
+
<span class="back-icon">←</span>
|
|
326
|
+
Back to login
|
|
327
|
+
</div>
|
|
328
|
+
|
|
329
|
+
<h2>Reset password</h2>
|
|
330
|
+
<p>
|
|
331
|
+
Enter your email address and we'll send you a link to reset your
|
|
332
|
+
password
|
|
333
|
+
</p>
|
|
334
|
+
|
|
335
|
+
<form id="resetPasswordForm" novalidate>
|
|
336
|
+
<div class="input-group">
|
|
337
|
+
<span class="icon email-icon"></span>
|
|
338
|
+
<input type="email" id="resetEmail" placeholder="Email" required />
|
|
339
|
+
<div class="field-error" id="resetEmailError"></div>
|
|
340
|
+
</div>
|
|
341
|
+
<button type="submit" class="login-btn" id="resetSubmitBtn">
|
|
342
|
+
<span class="btn-text">Send reset link</span>
|
|
343
|
+
</button>
|
|
344
|
+
</form>
|
|
345
|
+
|
|
346
|
+
<div class="reset-success" id="resetSuccess" style="display: none">
|
|
347
|
+
<div class="success-icon">✓</div>
|
|
348
|
+
<h3>Reset link sent</h3>
|
|
349
|
+
<p>Check your email for instructions to reset your password</p>
|
|
350
|
+
</div>
|
|
351
|
+
</div>
|
|
352
|
+
|
|
353
|
+
<!-- Sign Up Form -->
|
|
354
|
+
<div id="signupForm" style="display: none">
|
|
355
|
+
<h1>Create your account</h1>
|
|
356
|
+
<p>
|
|
357
|
+
Already have an account? <a href="#" id="showLogin">Log in</a>
|
|
358
|
+
</p>
|
|
359
|
+
|
|
360
|
+
<div class="auth-forms">
|
|
361
|
+
<button class="social-btn google-btn" id="googleSignup">
|
|
362
|
+
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
363
|
+
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
364
|
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round"
|
|
365
|
+
stroke-linejoin="round"></g>
|
|
366
|
+
<g id="SVGRepo_iconCarrier">
|
|
367
|
+
<path
|
|
368
|
+
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"
|
|
369
|
+
fill="#4285F4"></path>
|
|
370
|
+
<path
|
|
371
|
+
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"
|
|
372
|
+
fill="#34A853"></path>
|
|
373
|
+
<path
|
|
374
|
+
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"
|
|
375
|
+
fill="#FBBC05"></path>
|
|
376
|
+
<path
|
|
377
|
+
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"
|
|
378
|
+
fill="#EB4335"></path>
|
|
379
|
+
</g>
|
|
380
|
+
</svg>
|
|
381
|
+
Continue with Google
|
|
382
|
+
</button>
|
|
383
|
+
|
|
384
|
+
<div class="or-divider">Or</div>
|
|
385
|
+
|
|
386
|
+
<form id="emailSignupForm" novalidate>
|
|
387
|
+
<div class="input-group">
|
|
388
|
+
<span class="icon email-icon"></span>
|
|
389
|
+
<input type="email" id="signupEmail" placeholder="Email" required />
|
|
390
|
+
<div class="field-error" id="signupEmailError"></div>
|
|
391
|
+
</div>
|
|
392
|
+
<div class="input-group">
|
|
393
|
+
<span class="icon password-icon"></span>
|
|
394
|
+
<input type="password" id="signupPassword" placeholder="Password"
|
|
395
|
+
required />
|
|
396
|
+
<span class="password-toggle icon fas fa-eye"
|
|
397
|
+
id="toggleSignupPassword"></span>
|
|
398
|
+
<div class="field-error" id="signupPasswordError"></div>
|
|
399
|
+
|
|
400
|
+
<!-- Password Strength Indicator -->
|
|
401
|
+
<div class="password-strength" id="passwordStrength"
|
|
402
|
+
style="display: none">
|
|
403
|
+
<div style="margin-bottom: 4px; font-size: 12px">
|
|
404
|
+
<span>Password strength: </span>
|
|
405
|
+
<span id="strengthLevel"></span>
|
|
406
|
+
</div>
|
|
407
|
+
<div class="strength-bar" style="
|
|
408
|
+
height: 4px;
|
|
409
|
+
background: #e0e0e0;
|
|
410
|
+
border-radius: 2px;
|
|
411
|
+
overflow: hidden;
|
|
412
|
+
">
|
|
413
|
+
<div class="strength-fill" id="strengthFill" style="
|
|
414
|
+
height: 100%;
|
|
415
|
+
width: 0%;
|
|
416
|
+
transition: width 0.3s ease, background 0.3s ease;
|
|
417
|
+
"></div>
|
|
418
|
+
</div>
|
|
419
|
+
</div>
|
|
420
|
+
</div>
|
|
421
|
+
<button type="submit" class="login-btn" id="signupSubmitBtn">
|
|
422
|
+
<span class="btn-text">Create account</span>
|
|
423
|
+
</button>
|
|
424
|
+
</form>
|
|
425
|
+
</div>
|
|
426
|
+
</div>
|
|
427
|
+
</div>
|
|
428
|
+
<div class="user-avatar" id="userAvatar" style="display: none"></div>
|
|
429
|
+
</div>
|
|
430
|
+
</div>
|
|
431
|
+
</div>
|
|
432
|
+
</ul>
|
|
433
|
+
</div>
|
|
434
|
+
</div>
|
|
435
|
+
</nav>
|
|
436
|
+
|
|
437
|
+
<script>
|
|
438
|
+
document.addEventListener("DOMContentLoaded", function () {
|
|
439
|
+
const toggler = document.querySelector(".navbar-toggler");
|
|
440
|
+
const menu = document.getElementById("navbarSupportedContent");
|
|
441
|
+
|
|
442
|
+
toggler.addEventListener("click", function () {
|
|
443
|
+
menu.classList.toggle("show");
|
|
444
|
+
});
|
|
445
|
+
});
|
|
446
|
+
</script>
|
|
@@ -30,7 +30,8 @@ page.layout == "contenttool-home" -%}
|
|
|
30
30
|
src="/assets/js/appscms-search-home1.js"
|
|
31
31
|
crossorigin="anonymous"
|
|
32
32
|
></script>
|
|
33
|
-
{%- endif -%} {%- endif -%}
|
|
33
|
+
{%- endif -%} {%- endif -%}
|
|
34
|
+
{%- if page.layout != "content-tool-ai" and page.layout != "ai-image-home" and page.layout != "ai-image-generator" -%}
|
|
34
35
|
<script
|
|
35
36
|
data-lang="{{page.lang}}"
|
|
36
37
|
defer
|
|
@@ -39,7 +40,10 @@ page.layout == "contenttool-home" -%}
|
|
|
39
40
|
></script>
|
|
40
41
|
{%- endif -%}
|
|
41
42
|
|
|
42
|
-
|
|
43
|
+
|
|
44
|
+
{%- if page.layout != "ai-image-home" and page.layout != "ai-image-generator" -%}
|
|
45
|
+
<script defer src="/assets/js/appscms-infographics.js"></script>
|
|
46
|
+
{%- endif -%}
|
|
43
47
|
|
|
44
48
|
{%- if site.userTrackingCount -%} {%- include customScripts.html -%} {%- endif
|
|
45
49
|
-%} {%- if site.userTrackingCount and page.layout == "feature" -%}
|
|
@@ -149,10 +153,20 @@ if page.layout == "appscms-feature" -%}
|
|
|
149
153
|
toaster.style.display = "none";
|
|
150
154
|
}, 10000);
|
|
151
155
|
</script>
|
|
152
|
-
{%- endif -%} {%- endif -%}
|
|
156
|
+
{%- endif -%} {%- endif -%}
|
|
157
|
+
|
|
158
|
+
{%- if site.authentication -%}
|
|
153
159
|
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app-compat.js"></script>
|
|
154
160
|
<script src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth-compat.js"></script>
|
|
155
161
|
<script src="/assets/js/appscms-login.js"></script>
|
|
156
162
|
<script src="/assets/js/userUsageCount.js"></script>
|
|
163
|
+
{%- endif -%}
|
|
157
164
|
|
|
165
|
+
{%- if page.layout == "ai-image-home" or page.layout == "ai-image-generator" or page.layout == "ai-image-pricing" -%}
|
|
166
|
+
<script defer src="/assets/js/get-credits.js"></script>
|
|
158
167
|
{%- endif -%}
|
|
168
|
+
|
|
169
|
+
|
|
170
|
+
{%- if page.layout == "ai-image-generator" -%}
|
|
171
|
+
<script src="/js/ai-image.generator.js"></script>
|
|
172
|
+
{%- endif -%}
|