ultimate-jekyll-manager 0.0.96 → 0.0.98

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.
Files changed (71) hide show
  1. package/.playwright-mcp/page-2025-10-22T19-11-27-666Z.png +0 -0
  2. package/.playwright-mcp/page-2025-10-22T19-11-57-357Z.png +0 -0
  3. package/CLAUDE.md +42 -0
  4. package/README.md +66 -0
  5. package/_backup/checkout copy 2.html +392 -0
  6. package/_backup/checkout copy 3.html +376 -0
  7. package/_backup/checkout copy 4.html +365 -0
  8. package/_backup/checkout copy.html +331 -0
  9. package/_backup/checkout-semi.html +331 -0
  10. package/_backup/cover-old.html +55 -0
  11. package/dist/assets/css/core/bindings.scss +7 -2
  12. package/dist/assets/css/core/utilities.scss +9 -1
  13. package/dist/assets/css/pages/payment/checkout/index.scss +52 -7
  14. package/dist/assets/js/core/complete.js +56 -0
  15. package/dist/assets/js/core/initialize.js +11 -0
  16. package/dist/assets/js/pages/app/index.js +82 -43
  17. package/dist/assets/js/pages/download/index.js +0 -6
  18. package/dist/assets/js/pages/payment/checkout/index.js +58 -52
  19. package/dist/assets/js/pages/payment/checkout/modules/discount-bindings.js +51 -0
  20. package/dist/assets/js/pages/payment/checkout/modules/pricing.js +55 -30
  21. package/dist/assets/js/pages/payment/checkout/modules/state.js +68 -14
  22. package/dist/assets/js/pages/payment/checkout/modules/ui-bindings.js +160 -0
  23. package/dist/assets/js/pages/payment/checkout/modules/ui.js +27 -42
  24. package/dist/assets/js/pages/payment/confirmation/index.js +58 -53
  25. package/dist/assets/js/pages/payment/confirmation/modules/bindings.js +28 -0
  26. package/dist/assets/js/pages/payment/confirmation/modules/state.js +19 -0
  27. package/dist/assets/js/ultimate-jekyll-manager.js +6 -2
  28. package/dist/assets/themes/classy/css/base/_spacing.scss +27 -0
  29. package/dist/defaults/dist/{redirects/authentication/helpers/well-known-change-password.html → .well-known/change-password.html} +4 -1
  30. package/dist/defaults/dist/.well-known/security.txt +15 -0
  31. package/dist/defaults/dist/_includes/core/body.html +31 -0
  32. package/dist/defaults/dist/_includes/core/foot.html +35 -0
  33. package/dist/defaults/dist/_layouts/blueprint/app.html +1 -1
  34. package/dist/defaults/dist/_layouts/blueprint/payment/checkout.html +6 -1
  35. package/dist/defaults/dist/_layouts/blueprint/payment/confirmation.html +6 -1
  36. package/dist/defaults/dist/_layouts/core/root.html +1 -0
  37. package/dist/defaults/dist/_layouts/modules/utilities/redirect.html +42 -31
  38. package/dist/defaults/dist/_layouts/themes/classy/backend/core/base.html +0 -35
  39. package/dist/defaults/dist/_layouts/themes/classy/frontend/core/base.html +0 -34
  40. package/dist/defaults/dist/_layouts/themes/classy/frontend/core/cover.html +6 -9
  41. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/404.html +35 -44
  42. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/account/index.html +1 -1
  43. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/app.html +83 -0
  44. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/oauth2.html +42 -44
  45. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/reset.html +57 -59
  46. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signin.html +67 -69
  47. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/signup.html +76 -78
  48. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/download.html +1 -4
  49. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/payment/checkout.html +291 -240
  50. package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/payment/confirmation.html +43 -47
  51. package/dist/defaults/dist/humans.txt +25 -0
  52. package/dist/defaults/dist/opensearch.xml +26 -0
  53. package/dist/defaults/dist/pages/test/account/dashboard.html +3 -0
  54. package/dist/defaults/dist/pages/test/index.md +2 -2
  55. package/dist/defaults/dist/pages/test/libraries/ads.html +3 -0
  56. package/dist/defaults/dist/pages/test/libraries/bootstrap-components.html +11 -2
  57. package/dist/defaults/dist/pages/test/libraries/cover.html +47 -0
  58. package/dist/defaults/dist/pages/test/libraries/error.html +3 -0
  59. package/dist/defaults/dist/pages/test/libraries/lazy-loading.html +3 -0
  60. package/dist/defaults/dist/pages/test/redirect/external.md +3 -0
  61. package/dist/defaults/dist/pages/test/redirect/internal.md +3 -0
  62. package/dist/defaults/dist/pages/test/translation/index.md +2 -2
  63. package/dist/defaults/dist/redirects/authentication/helpers/change-password.html +1 -1
  64. package/dist/defaults/dist/redirects/authentication/helpers/forgot.html +1 -1
  65. package/dist/defaults/dist/redirects/authentication/helpers/recover.html +1 -1
  66. package/dist/defaults/dist/redirects/authentication/helpers/reset-password.html +1 -1
  67. package/dist/defaults/dist/sitemap.html +112 -28
  68. package/dist/defaults/dist/sitemap.xml +6 -1
  69. package/firebase-debug.log +388 -0
  70. package/package.json +1 -1
  71. package/dist/assets/js/core/init.js +0 -36
@@ -5,60 +5,58 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
5
5
  ### PAGE CONFIG ###
6
6
  ---
7
7
 
8
- <div class="d-flex justify-content-center align-items-center flex-column">
9
- <div class="col-12 col-md-8 col-lg-6 col-xl-5">
10
- <div class="card border-0 shadow-lg">
11
- <div class="card-body p-5">
12
- <!-- Logo -->
13
- <div class="text-center mb-3">
14
- <div class="avatar avatar-xl">
15
- <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
16
- </div>
8
+ <section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
9
+ <div class="card border-0 shadow-lg">
10
+ <div class="card-body p-3 p-md-5">
11
+ <!-- Logo -->
12
+ <div class="text-center mb-3">
13
+ <div class="avatar avatar-xl">
14
+ <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
17
15
  </div>
16
+ </div>
18
17
 
19
- <!-- Loading State -->
20
- <div id="oauth2-loading" class="text-center">
21
- <h1 class="h3 mb-2">Authorizing <span id="oauth2-provider">Provider</span>...</h1>
22
- <p class="text-muted">Please wait while we complete the connection.</p>
23
- <div class="spinner-border text-primary mb-0" role="status">
24
- <span class="visually-hidden">Loading...</span>
25
- </div>
18
+ <!-- Loading State -->
19
+ <div id="oauth2-loading" class="text-center">
20
+ <h1 class="h3 mb-2">Authorizing <span id="oauth2-provider">Provider</span>...</h1>
21
+ <p class="text-muted">Please wait while we complete the connection.</p>
22
+ <div class="spinner-border text-primary mb-0" role="status">
23
+ <span class="visually-hidden">Loading...</span>
26
24
  </div>
25
+ </div>
27
26
 
28
- <!-- Result State -->
29
- <div id="oauth2-result" class="d-none">
30
- <!-- Success -->
31
- <div id="result-success" class="d-none text-center">
32
- <h1 class="h3 mb-2">Success!</h1>
33
- <p class="text-muted mb-4">Your account has been connected. Redirecting you now...</p>
34
- </div>
27
+ <!-- Result State -->
28
+ <div id="oauth2-result" class="d-none">
29
+ <!-- Success -->
30
+ <div id="result-success" class="d-none text-center">
31
+ <h1 class="h3 mb-2">Success!</h1>
32
+ <p class="text-muted mb-4">Your account has been connected. Redirecting you now...</p>
33
+ </div>
35
34
 
36
- <!-- Error -->
37
- <div id="result-error" class="d-none mb-3">
38
- <div class="text-center mb-3">
39
- <h1 class="h3 mb-2">Connection Failed</h1>
40
- </div>
41
- <div class="alert alert-danger mb-3" role="alert">
42
- <p id="error-message" class="mb-0">An error occurred while connecting your account.</p>
43
- </div>
44
- <div class="text-center mb-0">
45
- <a id="return-button" href="/account#connections" class="btn btn-primary">
46
- {% uj_icon "arrow-left", "me-2" %}<span class="button-text">Return to Account</span>
47
- </a>
48
- </div>
35
+ <!-- Error -->
36
+ <div id="result-error" class="d-none mb-3">
37
+ <div class="text-center mb-3">
38
+ <h1 class="h3 mb-2">Connection Failed</h1>
39
+ </div>
40
+ <div class="alert alert-danger mb-3" role="alert">
41
+ <p id="error-message" class="mb-0">An error occurred while connecting your account.</p>
42
+ </div>
43
+ <div class="text-center mb-0">
44
+ <a id="return-button" href="/account#connections" class="btn btn-primary">
45
+ {% uj_icon "arrow-left", "me-2" %}<span class="button-text">Return to Account</span>
46
+ </a>
49
47
  </div>
50
48
  </div>
49
+ </div>
51
50
 
52
- <!-- Footer Links -->
53
- <div class="mt-3 pt-4 border-top text-center">
54
- <p class="text-muted small mb-2">Need help?</p>
55
- <a href="/contact" class="btn btn-outline-adaptive btn-sm">
56
- {% uj_icon "headset", "me-1" %}<span class="button-text">Contact Support</span>
57
- </a>
58
- </div>
51
+ <!-- Footer Links -->
52
+ <div class="mt-3 pt-4 border-top text-center">
53
+ <p class="text-muted small mb-2">Need help?</p>
54
+ <a href="/contact" class="btn btn-outline-adaptive btn-sm">
55
+ {% uj_icon "headset", "me-1" %}<span class="button-text">Contact Support</span>
56
+ </a>
59
57
  </div>
60
58
  </div>
61
59
  </div>
62
- </div>
60
+ </section>
63
61
 
64
62
  {{ content | uj_content_format }}
@@ -5,75 +5,73 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
5
5
  ### PAGE CONFIG ###
6
6
  ---
7
7
 
8
- <div class="d-flex justify-content-center align-items-center flex-column">
9
- <div class="col-12 col-md-8 col-lg-6 col-xl-5">
10
- <div class="card border-0 shadow-lg">
11
- <div class="card-body p-5">
12
- <!-- Logo -->
13
- <div class="text-center mb-3">
14
- <div class="avatar avatar-xl">
15
- <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
16
- </div>
8
+ <section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
9
+ <div class="card border-0 shadow-lg">
10
+ <div class="card-body p-3 p-md-5">
11
+ <!-- Logo -->
12
+ <div class="text-center mb-3">
13
+ <div class="avatar avatar-xl">
14
+ <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
17
15
  </div>
16
+ </div>
18
17
 
19
- <!-- Header -->
20
- <div class="text-center mb-4">
21
- <h1 class="h3 mb-2">Reset Your Password</h1>
22
- <p class="text-muted">Enter your email address and we'll send you a link to reset your password.</p>
23
- </div>
24
-
25
- <!-- Reset Form -->
26
- <form id="reset-form" autocomplete="on" novalidate>
27
- <div class="mb-4 text-start">
28
- <label for="email" class="form-label fw-semibold">
29
- Email <span class="text-danger">*</span>
30
- </label>
31
- <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
32
- </div>
33
-
34
- <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>
35
- {% uj_icon "paper-plane", "me-2" %}
36
- <span class="button-text">Send Reset Link</span>
37
- </button>
38
- </form>
18
+ <!-- Header -->
19
+ <div class="text-center mb-4">
20
+ <h1 class="h3 mb-2">Reset Your Password</h1>
21
+ <p class="text-muted">Enter your email address and we'll send you a link to reset your password.</p>
22
+ </div>
39
23
 
40
- <!-- Back to Sign In -->
41
- <div class="text-center">
42
- <p class="text-muted mb-0">
43
- Remember your password?
44
- <a href="/signin" class="text-decoration-none fw-semibold">
45
- Sign in
46
- </a>
47
- </p>
24
+ <!-- Reset Form -->
25
+ <form id="reset-form" autocomplete="on" novalidate>
26
+ <div class="mb-4 text-start">
27
+ <label for="email" class="form-label fw-semibold">
28
+ Email <span class="text-danger">*</span>
29
+ </label>
30
+ <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
48
31
  </div>
49
32
 
50
- <!-- Help Section -->
51
- <div class="mt-4 pt-4 border-top text-center">
52
- <p class="text-muted small mb-2">Need help?</p>
53
- <a href="/contact" class="btn btn-outline-adaptive btn-sm">
54
- {% uj_icon "headset", "me-1" %}
55
- Contact Support
33
+ <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>
34
+ {% uj_icon "paper-plane", "me-2" %}
35
+ <span class="button-text">Send Reset Link</span>
36
+ </button>
37
+ </form>
38
+
39
+ <!-- Back to Sign In -->
40
+ <div class="text-center">
41
+ <p class="text-muted mb-0">
42
+ Remember your password?
43
+ <a href="/signin" class="text-decoration-none fw-semibold">
44
+ Sign in
56
45
  </a>
57
- </div>
46
+ </p>
47
+ </div>
58
48
 
59
- <!-- Additional Info -->
60
- {% comment %}
61
- <div class="text-center mt-4">
62
- <div class="bg-body rounded-3 p-4">
63
- <div class="d-flex align-items-center justify-content-center mb-3">
64
- {% uj_icon "shield-check", "text-success fs-3 me-2" %}
65
- <h3 class="h6 fw-bold mb-0">Secure & Private</h3>
66
- </div>
67
- <p class="text-muted small mb-0">
68
- We'll only send a password reset link to your registered email address.
69
- The link expires in 1 hour for your security.
70
- </p>
49
+ <!-- Help Section -->
50
+ <div class="mt-4 pt-4 border-top text-center">
51
+ <p class="text-muted small mb-2">Need help?</p>
52
+ <a href="/contact" class="btn btn-outline-adaptive btn-sm">
53
+ {% uj_icon "headset", "me-1" %}
54
+ Contact Support
55
+ </a>
56
+ </div>
57
+
58
+ <!-- Additional Info -->
59
+ {% comment %}
60
+ <div class="text-center mt-4">
61
+ <div class="bg-body rounded-3 p-4">
62
+ <div class="d-flex align-items-center justify-content-center mb-3">
63
+ {% uj_icon "shield-check", "text-success fs-3 me-2" %}
64
+ <h3 class="h6 fw-bold mb-0">Secure & Private</h3>
71
65
  </div>
66
+ <p class="text-muted small mb-0">
67
+ We'll only send a password reset link to your registered email address.
68
+ The link expires in 1 hour for your security.
69
+ </p>
72
70
  </div>
73
- {% endcomment %}
74
- </div>
71
+ </div>
72
+ {% endcomment %}
75
73
  </div>
76
74
  </div>
77
- </div>
75
+ </section>
78
76
 
79
77
  {{ content | uj_content_format }}
@@ -20,87 +20,85 @@ social_signin:
20
20
  logo: "https://cdn.itwcreativeworks.com/assets/general/images/brands/color/google.svg"
21
21
  ---
22
22
 
23
- <div class="d-flex justify-content-center align-items-center flex-column">
24
- <div class="col-12 col-md-8 col-lg-6 col-xl-5">
25
- <div class="card border-0 shadow-lg">
26
- <div class="card-body p-3 p-md-5">
27
- <!-- Logo -->
28
- <div class="text-center mb-3">
29
- <div class="avatar avatar-xl">
30
- <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
31
- </div>
32
- </div>
33
-
34
- <!-- Header -->
35
- <div class="text-center mb-4">
36
- <h1 class="h3 mb-2">Welcome Back!</h1>
37
- <p class="text-muted">Sign in to your {{ site.brand.name }} account</p>
23
+ <section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
24
+ <div class="card border-0 shadow-lg">
25
+ <div class="card-body p-3 p-md-5">
26
+ <!-- Logo -->
27
+ <div class="text-center mb-3">
28
+ <div class="avatar avatar-xl">
29
+ <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
38
30
  </div>
31
+ </div>
39
32
 
40
- <!-- Sign In Form -->
41
- <form id="signin-form" autocomplete="on" novalidate>
42
- <!-- Hidden default submit button for Enter key -->
43
- <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
33
+ <!-- Header -->
34
+ <div class="text-center mb-4">
35
+ <h1 class="h3 mb-2">Welcome Back!</h1>
36
+ <p class="text-muted">Sign in to your {{ site.brand.name }} account</p>
37
+ </div>
44
38
 
45
- <!-- Social Login (Optional) -->
46
- <div class="mb-4">
47
- {% for provider in page.resolved.social_signin %}
48
- <button type="submit" class="btn btn-adaptive _btn-lg w-100 mb-3 d-flex align-items-center justify-content-center" data-provider="{{ provider.id }}" disabled>
49
- <span class="avatar avatar-xs me-2">
50
- <img src="{{ provider.logo }}?cb={{ site.uj.cache_breaker }}" class="object-fit-contain" alt="{{ provider.name }} Logo"/>
51
- </span>
52
- <span class="button-text">Continue with {{ provider.name }}</span>
53
- </button>
54
- {% endfor %}
55
- </div>
39
+ <!-- Sign In Form -->
40
+ <form id="signin-form" autocomplete="on" novalidate>
41
+ <!-- Hidden default submit button for Enter key -->
42
+ <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
56
43
 
57
- <!-- Divider -->
58
- <div class="position-relative mb-4">
59
- <hr class="text-muted">
60
- <span class="position-absolute top-50 start-50 translate-middle px-3 text-muted small bg-body-secondary">OR</span>
61
- </div>
44
+ <!-- Social Login (Optional) -->
45
+ <div class="mb-4">
46
+ {% for provider in page.resolved.social_signin %}
47
+ <button type="submit" class="btn btn-adaptive _btn-lg w-100 mb-3 d-flex align-items-center justify-content-center" data-provider="{{ provider.id }}" disabled>
48
+ <span class="avatar avatar-xs me-2">
49
+ <img src="{{ provider.logo }}?cb={{ site.uj.cache_breaker }}" class="object-fit-contain" alt="{{ provider.name }} Logo"/>
50
+ </span>
51
+ <span class="button-text">Continue with {{ provider.name }}</span>
52
+ </button>
53
+ {% endfor %}
54
+ </div>
62
55
 
63
- <div class="mb-3 text-start">
64
- <label for="email" class="form-label fw-semibold">
65
- Email <span class="text-danger">*</span>
66
- </label>
67
- <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
68
- </div>
56
+ <!-- Divider -->
57
+ <div class="position-relative mb-4">
58
+ <hr class="text-muted">
59
+ <span class="position-absolute top-50 start-50 translate-middle px-3 text-muted small bg-body-secondary">OR</span>
60
+ </div>
69
61
 
70
- <div class="mb-3 text-start">
71
- <label for="password" class="form-label fw-semibold">
72
- Password <span class="text-danger">*</span>
73
- </label>
74
- <div class="input-group">
75
- <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" required>
76
- <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
77
- <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
78
- <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>
79
- </button>
80
- </div>
62
+ <div class="mb-3 text-start">
63
+ <label for="email" class="form-label fw-semibold">
64
+ Email <span class="text-danger">*</span>
65
+ </label>
66
+ <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
67
+ </div>
81
68
 
82
- <a href="/reset" class="text-decoration-none small mt-1">Forgot password?</a>
69
+ <div class="mb-3 text-start">
70
+ <label for="password" class="form-label fw-semibold">
71
+ Password <span class="text-danger">*</span>
72
+ </label>
73
+ <div class="input-group">
74
+ <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Enter your password" autocomplete="current-password" required>
75
+ <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
76
+ <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
77
+ <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>
78
+ </button>
83
79
  </div>
84
80
 
85
- <button type="submit" class="btn btn-success _btn-lg w-100 mb-3" data-provider="email" disabled>
86
- {% uj_icon "arrow-right-to-bracket", "me-2" %}
87
- <span class="button-text">Sign In</span>
88
- </button>
89
- </form>
90
-
91
- <!-- Links -->
92
- <div class="text-center">
93
- <!-- <p class="text-muted mb-2">
94
- <a href="/reset" class="text-decoration-none small">Forgot password?</a>
95
- </p> -->
96
- <p class="text-muted mb-0">
97
- Don't have an account yet?
98
- <a href="/signup" class="text-decoration-none fw-semibold">Sign up</a>
99
- </p>
81
+ <a href="/reset" class="text-decoration-none small mt-1">Forgot password?</a>
100
82
  </div>
83
+
84
+ <button type="submit" class="btn btn-success _btn-lg w-100 mb-3" data-provider="email" disabled>
85
+ {% uj_icon "arrow-right-to-bracket", "me-2" %}
86
+ <span class="button-text">Sign In</span>
87
+ </button>
88
+ </form>
89
+
90
+ <!-- Links -->
91
+ <div class="text-center">
92
+ <!-- <p class="text-muted mb-2">
93
+ <a href="/reset" class="text-decoration-none small">Forgot password?</a>
94
+ </p> -->
95
+ <p class="text-muted mb-0">
96
+ Don't have an account yet?
97
+ <a href="/signup" class="text-decoration-none fw-semibold">Sign up</a>
98
+ </p>
101
99
  </div>
102
100
  </div>
103
101
  </div>
104
- </div>
102
+ </section>
105
103
 
106
104
  {{ content | uj_content_format }}
@@ -20,99 +20,97 @@ social_signup:
20
20
  logo: "https://cdn.itwcreativeworks.com/assets/general/images/brands/color/google.svg"
21
21
  ---
22
22
 
23
- <div class="d-flex justify-content-center align-items-center flex-column">
24
- <div class="col-12 col-md-8 col-lg-6 col-xl-5">
25
- <div class="card border-0 shadow-lg">
26
- <div class="card-body p-3 p-md-5">
27
- <!-- Logo -->
28
- <div class="text-center mb-3">
29
- <div class="avatar avatar-xl">
30
- <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
31
- </div>
23
+ <section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
24
+ <div class="card border-0 shadow-lg">
25
+ <div class="card-body p-3 p-md-5">
26
+ <!-- Logo -->
27
+ <div class="text-center mb-3">
28
+ <div class="avatar avatar-xl">
29
+ <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }} Logo"/>
32
30
  </div>
31
+ </div>
33
32
 
34
- <!-- Header -->
35
- <div class="text-center mb-4">
36
- <h1 class="h3 mb-2">Create Your Account</h1>
37
- <p class="text-muted">Get started with {{ site.brand.name }} in seconds</p>
38
- </div>
33
+ <!-- Header -->
34
+ <div class="text-center mb-4">
35
+ <h1 class="h3 mb-2">Create Your Account</h1>
36
+ <p class="text-muted">Get started with {{ site.brand.name }} in seconds</p>
37
+ </div>
39
38
 
40
- <!-- Sign Up Form -->
41
- <form id="signup-form" autocomplete="on" novalidate>
42
- <!-- Hidden default submit button for Enter key -->
43
- <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
39
+ <!-- Sign Up Form -->
40
+ <form id="signup-form" autocomplete="on" novalidate>
41
+ <!-- Hidden default submit button for Enter key -->
42
+ <button type="submit" class="d-none" data-provider="email" aria-hidden="true" tabindex="-1"></button>
44
43
 
45
- <!-- Social Signup (Optional) -->
46
- <div class="mb-4">
47
- {% for provider in page.resolved.social_signup %}
48
- <button type="submit" class="btn btn-adaptive _btn-lg w-100 mb-3 d-flex align-items-center justify-content-center" data-provider="{{ provider.id }}" disabled>
49
- <span class="avatar avatar-xs me-2">
50
- <img src="{{ provider.logo }}?cb={{ site.uj.cache_breaker }}" class="object-fit-contain" alt="{{ provider.name }} Logo"/>
51
- </span>
52
- <span class="button-text">Sign up with {{ provider.name }}</span>
53
- </button>
54
- {% endfor %}
55
- </div>
44
+ <!-- Social Signup (Optional) -->
45
+ <div class="mb-4">
46
+ {% for provider in page.resolved.social_signup %}
47
+ <button type="submit" class="btn btn-adaptive _btn-lg w-100 mb-3 d-flex align-items-center justify-content-center" data-provider="{{ provider.id }}" disabled>
48
+ <span class="avatar avatar-xs me-2">
49
+ <img src="{{ provider.logo }}?cb={{ site.uj.cache_breaker }}" class="object-fit-contain" alt="{{ provider.name }} Logo"/>
50
+ </span>
51
+ <span class="button-text">Sign up with {{ provider.name }}</span>
52
+ </button>
53
+ {% endfor %}
54
+ </div>
56
55
 
57
- <!-- Divider -->
58
- <div class="position-relative mb-4">
59
- <hr class="text-muted">
60
- <span class="position-absolute top-50 start-50 translate-middle px-3 text-muted small bg-body-secondary">OR</span>
56
+ <!-- Divider -->
57
+ <div class="position-relative mb-4">
58
+ <hr class="text-muted">
59
+ <span class="position-absolute top-50 start-50 translate-middle px-3 text-muted small bg-body-secondary">OR</span>
60
+ </div>
61
+ <!-- <div class="row g-3 mb-3 text-start">
62
+ <div class="col-md-6">
63
+ <label for="firstName" class="form-label fw-semibold">First Name</label>
64
+ <input type="text" class="form-control form-control-md" id="firstName" name="firstName" placeholder="John" autocomplete="given-name" required>
61
65
  </div>
62
- <!-- <div class="row g-3 mb-3 text-start">
63
- <div class="col-md-6">
64
- <label for="firstName" class="form-label fw-semibold">First Name</label>
65
- <input type="text" class="form-control form-control-md" id="firstName" name="firstName" placeholder="John" autocomplete="given-name" required>
66
- </div>
67
- <div class="col-md-6">
68
- <label for="lastName" class="form-label fw-semibold">Last Name</label>
69
- <input type="text" class="form-control form-control-md" id="lastName" name="lastName" placeholder="Doe" autocomplete="family-name" required>
70
- </div>
71
- </div> -->
72
-
73
- <div class="mb-3 text-start">
74
- <label for="email" class="form-label fw-semibold">
75
- Email <span class="text-danger">*</span>
76
- </label>
77
- <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
66
+ <div class="col-md-6">
67
+ <label for="lastName" class="form-label fw-semibold">Last Name</label>
68
+ <input type="text" class="form-control form-control-md" id="lastName" name="lastName" placeholder="Doe" autocomplete="family-name" required>
78
69
  </div>
70
+ </div> -->
79
71
 
80
- <div class="mb-3 text-start">
81
- <label for="password" class="form-label fw-semibold">
82
- Password <span class="text-danger">*</span>
83
- </label>
84
- <div class="input-group">
85
- <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password" required>
86
- <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
87
- <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
88
- <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>
89
- </button>
90
- </div>
91
- <!-- <div class="form-text">Must be at least 8 characters with letters and numbers</div> -->
92
- </div>
72
+ <div class="mb-3 text-start">
73
+ <label for="email" class="form-label fw-semibold">
74
+ Email <span class="text-danger">*</span>
75
+ </label>
76
+ <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
77
+ </div>
93
78
 
94
- <div class="mb-3 text-center">
95
- <p class="text-muted small">
96
- By signing up, you agree to {{ site.brand.name }}'s <a href="/terms" class="text-decoration-none" target="_blank">Terms of Service</a> and <a href="/privacy" class="text-decoration-none" target="_blank">Privacy Policy</a>.
97
- </p>
79
+ <div class="mb-3 text-start">
80
+ <label for="password" class="form-label fw-semibold">
81
+ Password <span class="text-danger">*</span>
82
+ </label>
83
+ <div class="input-group">
84
+ <input type="password" class="form-control form-control-md" id="password" name="password" placeholder="Create a strong password" autocomplete="new-password" required>
85
+ <button class="btn border uj-password-toggle px-3" type="button" aria-label="Toggle password visibility">
86
+ <span class="uj-password-show">{% uj_icon "eye", "fa-fw" %}</span>
87
+ <span class="uj-password-hide d-none">{% uj_icon "eye-slash", "fa-fw" %}</span>
88
+ </button>
98
89
  </div>
90
+ <!-- <div class="form-text">Must be at least 8 characters with letters and numbers</div> -->
91
+ </div>
99
92
 
100
- <button type="submit" class="btn btn-success _btn-lg w-100 mb-3" data-provider="email" disabled>
101
- {% uj_icon "user-plus", "me-2" %}
102
- <span class="button-text">Create Account</span>
103
- </button>
104
- </form>
105
-
106
- <!-- Sign In Link -->
107
- <div class="text-center">
108
- <p class="text-muted mb-0">
109
- Already have an account?
110
- <a href="/signin" class="text-decoration-none fw-semibold">Sign in</a>
93
+ <div class="mb-3 text-center">
94
+ <p class="text-muted small">
95
+ By signing up, you agree to {{ site.brand.name }}'s <a href="/terms" class="text-decoration-none" target="_blank">Terms of Service</a> and <a href="/privacy" class="text-decoration-none" target="_blank">Privacy Policy</a>.
111
96
  </p>
112
97
  </div>
98
+
99
+ <button type="submit" class="btn btn-success _btn-lg w-100 mb-3" data-provider="email" disabled>
100
+ {% uj_icon "user-plus", "me-2" %}
101
+ <span class="button-text">Create Account</span>
102
+ </button>
103
+ </form>
104
+
105
+ <!-- Sign In Link -->
106
+ <div class="text-center">
107
+ <p class="text-muted mb-0">
108
+ Already have an account?
109
+ <a href="/signin" class="text-decoration-none fw-semibold">Sign in</a>
110
+ </p>
113
111
  </div>
114
112
  </div>
115
113
  </div>
116
- </div>
114
+ </section>
117
115
 
118
116
  {{ content | uj_content_format }}
@@ -232,7 +232,6 @@ cta:
232
232
  role="tab"
233
233
  aria-controls="{{ platform.id }}-pane"
234
234
  aria-selected="false"
235
- disabled
236
235
  >
237
236
  {% uj_icon platform.icon, "fa-3xl me-2" %}
238
237
  {{ platform.name }}
@@ -269,7 +268,7 @@ cta:
269
268
  <p class="text-muted fs-5 mb-4">{{ page.resolved.downloads.loading.description }}</p>
270
269
 
271
270
  <div class="d-flex flex-column gap-3">
272
- <button type="button" class="btn btn-primary btn-lg d-flex align-items-center justify-content-center" disabled>
271
+ <button type="button" class="btn btn-primary btn-lg d-flex align-items-center justify-content-center">
273
272
  {% uj_icon "download", "fa-3xl me-2" %}
274
273
  {{ page.resolved.downloads.loading.button_text }}
275
274
  </button>
@@ -344,7 +343,6 @@ cta:
344
343
  <button
345
344
  type="button"
346
345
  class="btn btn-primary btn-lg d-flex align-items-center justify-content-center"
347
- disabled
348
346
  >
349
347
  {% uj_icon type.icon, "fa-3xl me-2" %}
350
348
  {{ type.name }}
@@ -358,7 +356,6 @@ cta:
358
356
  <button
359
357
  type="button"
360
358
  class="btn btn-primary btn-lg d-flex align-items-center justify-content-center"
361
- disabled
362
359
  >
363
360
  {% uj_icon type.icon, "fa-3xl me-2" %}
364
361
  {{ type.name }}