easyorders 0.1.16 → 0.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,154 +1,154 @@
1
- <section
2
- class="eo-home-section editorial-feature editorial-feature--{{ section_data.surface | default: 'light' }} editorial-feature--img-{{ section_data.image_position | default: 'left' }}"
3
- {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
4
- style="--ed-accent: {{ section_data.accent_color | default: '#8B7355' }};{% if section_data.section_background != blank %}--ed-section-bg: {{ section_data.section_background }};{% endif %}"
5
- >
6
- <div class="editorial-feature__grid">
7
- <div class="editorial-feature__media ab-anim-el">
8
- {% if section_data.image != blank %}
9
- <img
10
- class="editorial-feature__img"
11
- src="{{ section_data.image }}"
12
- alt="{{ section_data.title | default: 'Feature' }}"
13
- loading="lazy"
14
- width="900"
15
- height="1100"
16
- />
17
- {% else %}
18
- <div class="editorial-feature__placeholder" role="img" aria-label=""></div>
19
- {% endif %}
20
- </div>
21
- <div class="editorial-feature__copy">
22
- {% if section_data.eyebrow != blank %}
23
- <p class="editorial-feature__eyebrow ab-anim-el">{{ section_data.eyebrow }}</p>
24
- {% endif %}
25
- {% if section_data.title != blank %}
26
- <h2 class="editorial-feature__title ab-anim-el">{{ section_data.title }}</h2>
27
- {% endif %}
28
- {% if section_data.body != blank %}
29
- <p class="editorial-feature__body ab-anim-el">{{ section_data.body }}</p>
30
- {% endif %}
31
- {% if section_data.cta_label != blank %}
32
- <a
33
- class="editorial-feature__link ab-anim-el"
34
- href="#"
35
- {% if section_data.cta_page_id != blank %}
36
- data-eo-hs-cta="1"
37
- data-eo-hs-cta-entity="pages"
38
- data-eo-hs-cta-id="{{ section_data.cta_page_id }}"
39
- {% endif %}
40
- >
41
- {{ section_data.cta_label }}
42
- <span class="editorial-feature__link-arrow" aria-hidden="true">→</span>
43
- </a>
44
- {% endif %}
45
- </div>
46
- </div>
47
- </section>
48
-
49
- <style>
50
- .editorial-feature {
51
- padding: clamp(2.5rem, 5vw, 4.5rem) 1.25rem;
52
- }
53
- .editorial-feature--light {
54
- background: var(--ed-section-bg, #f6f3ee);
55
- color: #1c1a17;margin-block: 15px;
56
- }
57
- .editorial-feature--dark {
58
- background: var(--ed-section-bg, #121015);
59
- color: #f4eee6;
60
- }
61
- .editorial-feature__grid {
62
- max-width: 1120px;
63
- margin: 0 auto;
64
- display: grid;
65
- gap: clamp(1.75rem, 4vw, 3rem);
66
- align-items: center;
67
- }
68
- @media (min-width: 900px) {
69
- .editorial-feature__grid {
70
- grid-template-columns: 1.05fr 1fr;
71
- }
72
- .editorial-feature--img-right .editorial-feature__media {
73
- order: 2;
74
- }
75
- .editorial-feature--img-right .editorial-feature__copy {
76
- order: 1;
77
- }
78
- }
79
- .editorial-feature__media {
80
- position: relative;
81
- }
82
- .editorial-feature__img {
83
- width: 100%;
84
- display: block;
85
- border-radius: 4px;
86
- object-fit: cover;
87
- aspect-ratio: 4 / 5;
88
- box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
89
- }
90
- .editorial-feature--dark .editorial-feature__img {
91
- box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
92
- }
93
- .editorial-feature__placeholder {
94
- width: 100%;
95
- aspect-ratio: 4 / 5;
96
- border-radius: 4px;
97
- background: linear-gradient(145deg, rgba(139, 115, 85, 0.35), rgba(28, 26, 23, 0.08));
98
- }
99
- .editorial-feature--dark .editorial-feature__placeholder {
100
- background: linear-gradient(145deg, rgba(201, 169, 98, 0.25), rgba(0, 0, 0, 0.4));
101
- }
102
- .editorial-feature__copy {
103
- display: flex;
104
- flex-direction: column;
105
- gap: 1rem;
106
- padding: 0.25rem 0;
107
- }
108
- .editorial-feature__eyebrow {
109
- margin: 0;
110
- font-size: 0.72rem;
111
- letter-spacing: 0.28em;
112
- text-transform: uppercase;
113
- font-weight: 600;
114
- color: var(--ed-accent, #8b7355);
115
- }
116
- .editorial-feature__title {
117
- margin: 0;
118
- font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
119
- font-weight: 500;
120
- font-size: clamp(1.85rem, 4vw, 2.65rem);
121
- line-height: 1.15;
122
- }
123
- .editorial-feature__body {
124
- margin: 0;
125
- font-size: 1.02rem;
126
- line-height: 1.75;
127
- opacity: 0.88;
128
- max-width: 34rem;
129
- }
130
- .editorial-feature__link {
131
- margin-top: 0.25rem;
132
- display: inline-flex;
133
- align-items: center;
134
- gap: 0.5rem;
135
- font-size: 0.82rem;
136
- font-weight: 600;
137
- letter-spacing: 0.18em;
138
- text-transform: uppercase;
139
- text-decoration: none;
140
- color: var(--ed-accent, #8b7355);
141
- border-bottom: 1px solid currentColor;
142
- padding-bottom: 2px;
143
- width: fit-content;
144
- transition: gap 0.2s ease, opacity 0.2s ease;
145
- }
146
- .editorial-feature__link:hover {
147
- gap: 0.65rem;
148
- opacity: 0.85;
149
- }
150
- .editorial-feature__link-arrow {
151
- font-size: 1rem;
152
- line-height: 1;
153
- }
154
- </style>
1
+ <section
2
+ class="eo-home-section editorial-feature editorial-feature--{{ section_data.surface | default: 'light' }} editorial-feature--img-{{ section_data.image_position | default: 'left' }}"
3
+ {% if section_data.enable_animation != false %}data-section-anim="{{ section_data.animation_style | default: 'fade-up' }}"{% endif %}
4
+ style="--ed-accent: {{ section_data.accent_color | default: '#8B7355' }};{% if section_data.section_background != blank %}--ed-section-bg: {{ section_data.section_background }};{% endif %}"
5
+ >
6
+ <div class="editorial-feature__grid">
7
+ <div class="editorial-feature__media ab-anim-el">
8
+ {% if section_data.image != blank %}
9
+ <img
10
+ class="editorial-feature__img"
11
+ src="{{ section_data.image }}"
12
+ alt="{{ section_data.title | default: 'Feature' }}"
13
+ loading="lazy"
14
+ width="900"
15
+ height="1100"
16
+ />
17
+ {% else %}
18
+ <div class="editorial-feature__placeholder" role="img" aria-label=""></div>
19
+ {% endif %}
20
+ </div>
21
+ <div class="editorial-feature__copy">
22
+ {% if section_data.eyebrow != blank %}
23
+ <p class="editorial-feature__eyebrow ab-anim-el">{{ section_data.eyebrow }}</p>
24
+ {% endif %}
25
+ {% if section_data.title != blank %}
26
+ <h2 class="editorial-feature__title ab-anim-el">{{ section_data.title }}</h2>
27
+ {% endif %}
28
+ {% if section_data.body != blank %}
29
+ <p class="editorial-feature__body ab-anim-el">{{ section_data.body }}</p>
30
+ {% endif %}
31
+ {% if section_data.cta_label != blank %}
32
+ <a
33
+ class="editorial-feature__link ab-anim-el"
34
+ href="#"
35
+ {% if section_data.cta_page_id != blank %}
36
+ data-eo-hs-cta="1"
37
+ data-eo-hs-cta-entity="pages"
38
+ data-eo-hs-cta-id="{{ section_data.cta_page_id }}"
39
+ {% endif %}
40
+ >
41
+ {{ section_data.cta_label }}
42
+ <span class="editorial-feature__link-arrow" aria-hidden="true">→</span>
43
+ </a>
44
+ {% endif %}
45
+ </div>
46
+ </div>
47
+ </section>
48
+
49
+ <style>
50
+ .editorial-feature {
51
+ padding: clamp(2.5rem, 5vw, 4.5rem) 1.25rem;
52
+ }
53
+ .editorial-feature--light {
54
+ background: var(--ed-section-bg, #f6f3ee);
55
+ color: #1c1a17;margin-block: 15px;
56
+ }
57
+ .editorial-feature--dark {
58
+ background: var(--ed-section-bg, #121015);
59
+ color: #f4eee6;
60
+ }
61
+ .editorial-feature__grid {
62
+ max-width: 1120px;
63
+ margin: 0 auto;
64
+ display: grid;
65
+ gap: clamp(1.75rem, 4vw, 3rem);
66
+ align-items: center;
67
+ }
68
+ @media (min-width: 900px) {
69
+ .editorial-feature__grid {
70
+ grid-template-columns: 1.05fr 1fr;
71
+ }
72
+ .editorial-feature--img-right .editorial-feature__media {
73
+ order: 2;
74
+ }
75
+ .editorial-feature--img-right .editorial-feature__copy {
76
+ order: 1;
77
+ }
78
+ }
79
+ .editorial-feature__media {
80
+ position: relative;
81
+ }
82
+ .editorial-feature__img {
83
+ width: 100%;
84
+ display: block;
85
+ border-radius: 4px;
86
+ object-fit: cover;
87
+ aspect-ratio: 4 / 5;
88
+ box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
89
+ }
90
+ .editorial-feature--dark .editorial-feature__img {
91
+ box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
92
+ }
93
+ .editorial-feature__placeholder {
94
+ width: 100%;
95
+ aspect-ratio: 4 / 5;
96
+ border-radius: 4px;
97
+ background: linear-gradient(145deg, rgba(139, 115, 85, 0.35), rgba(28, 26, 23, 0.08));
98
+ }
99
+ .editorial-feature--dark .editorial-feature__placeholder {
100
+ background: linear-gradient(145deg, rgba(201, 169, 98, 0.25), rgba(0, 0, 0, 0.4));
101
+ }
102
+ .editorial-feature__copy {
103
+ display: flex;
104
+ flex-direction: column;
105
+ gap: 1rem;
106
+ padding: 0.25rem 0;
107
+ }
108
+ .editorial-feature__eyebrow {
109
+ margin: 0;
110
+ font-size: 0.72rem;
111
+ letter-spacing: 0.28em;
112
+ text-transform: uppercase;
113
+ font-weight: 600;
114
+ color: var(--ed-accent, #8b7355);
115
+ }
116
+ .editorial-feature__title {
117
+ margin: 0;
118
+ font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
119
+ font-weight: 500;
120
+ font-size: clamp(1.85rem, 4vw, 2.65rem);
121
+ line-height: 1.15;
122
+ }
123
+ .editorial-feature__body {
124
+ margin: 0;
125
+ font-size: 1.02rem;
126
+ line-height: 1.75;
127
+ opacity: 0.88;
128
+ max-width: 34rem;
129
+ }
130
+ .editorial-feature__link {
131
+ margin-top: 0.25rem;
132
+ display: inline-flex;
133
+ align-items: center;
134
+ gap: 0.5rem;
135
+ font-size: 0.82rem;
136
+ font-weight: 600;
137
+ letter-spacing: 0.18em;
138
+ text-transform: uppercase;
139
+ text-decoration: none;
140
+ color: var(--ed-accent, #8b7355);
141
+ border-bottom: 1px solid currentColor;
142
+ padding-bottom: 2px;
143
+ width: fit-content;
144
+ transition: gap 0.2s ease, opacity 0.2s ease;
145
+ }
146
+ .editorial-feature__link:hover {
147
+ gap: 0.65rem;
148
+ opacity: 0.85;
149
+ }
150
+ .editorial-feature__link-arrow {
151
+ font-size: 1rem;
152
+ line-height: 1;
153
+ }
154
+ </style>
@@ -1,86 +1,86 @@
1
- {
2
- "icon": "https://files.easy-orders.net/1778106683214369311.png",
3
- "label": "Newsletter",
4
- "section_schema": [
5
- {
6
- "name": "headline",
7
- "type": "string",
8
- "default": "Notes from the studio",
9
- "description": "Heading"
10
- },
11
- {
12
- "name": "body",
13
- "type": "string",
14
- "default": "Private previews, styling tips, and early access to drops—sent sparingly, never noisy.",
15
- "description": "Supporting text"
16
- },
17
- {
18
- "name": "placeholder",
19
- "type": "string",
20
- "default": "Email address",
21
- "description": "Input placeholder"
22
- },
23
- {
24
- "name": "button_label",
25
- "type": "string",
26
- "default": "Join the list",
27
- "description": "Submit button label"
28
- },
29
- {
30
- "name": "footnote",
31
- "type": "string",
32
- "default": "By subscribing you agree to receive marketing emails. Unsubscribe anytime.",
33
- "description": "Fine print under the form"
34
- },
35
- {
36
- "name": "show_footnote",
37
- "type": "boolean",
38
- "default": true,
39
- "description": "Show the fine print"
40
- },
41
- {
42
- "name": "bg_color",
43
- "type": "color",
44
- "default": "#1A1814",
45
- "description": "Section background"
46
- },
47
- {
48
- "name": "text_color",
49
- "type": "color",
50
- "default": "#F4EEE6",
51
- "description": "Section text color"
52
- },
53
- {
54
- "name": "button_color",
55
- "type": "color",
56
- "default": "#C9A962",
57
- "description": "Button background"
58
- },
59
- {
60
- "name": "button_text_color",
61
- "type": "color",
62
- "default": "#141218",
63
- "description": "color of the button text"
64
- },
65
- {
66
- "name": "enable_animation",
67
- "type": "boolean",
68
- "default": true,
69
- "description": "Enable section animation"
70
- },
71
- {
72
- "name": "animation_style",
73
- "type": "select",
74
- "default": "fade-up",
75
- "description": "Animation style",
76
- "options": [
77
- { "label": "Fade Up", "value": "fade-up" },
78
- { "label": "Zoom In", "value": "zoom-in" },
79
- { "label": "Blur Reveal", "value": "blur-reveal" },
80
- { "label": "Slide Cascade", "value": "slide-cascade" },
81
- { "label": "Fade Right", "value": "fade-right" },
82
- { "label": "Flip Up", "value": "flip-up" }
83
- ]
84
- }
85
- ]
86
- }
1
+ {
2
+ "icon": "https://files.easy-orders.net/1778106683214369311.png",
3
+ "label": "Newsletter",
4
+ "section_schema": [
5
+ {
6
+ "name": "headline",
7
+ "type": "string",
8
+ "default": "Notes from the studio",
9
+ "description": "Heading"
10
+ },
11
+ {
12
+ "name": "body",
13
+ "type": "string",
14
+ "default": "Private previews, styling tips, and early access to drops—sent sparingly, never noisy.",
15
+ "description": "Supporting text"
16
+ },
17
+ {
18
+ "name": "placeholder",
19
+ "type": "string",
20
+ "default": "Email address",
21
+ "description": "Input placeholder"
22
+ },
23
+ {
24
+ "name": "button_label",
25
+ "type": "string",
26
+ "default": "Join the list",
27
+ "description": "Submit button label"
28
+ },
29
+ {
30
+ "name": "footnote",
31
+ "type": "string",
32
+ "default": "By subscribing you agree to receive marketing emails. Unsubscribe anytime.",
33
+ "description": "Fine print under the form"
34
+ },
35
+ {
36
+ "name": "show_footnote",
37
+ "type": "boolean",
38
+ "default": true,
39
+ "description": "Show the fine print"
40
+ },
41
+ {
42
+ "name": "bg_color",
43
+ "type": "color",
44
+ "default": "#1A1814",
45
+ "description": "Section background"
46
+ },
47
+ {
48
+ "name": "text_color",
49
+ "type": "color",
50
+ "default": "#F4EEE6",
51
+ "description": "Section text color"
52
+ },
53
+ {
54
+ "name": "button_color",
55
+ "type": "color",
56
+ "default": "#C9A962",
57
+ "description": "Button background"
58
+ },
59
+ {
60
+ "name": "button_text_color",
61
+ "type": "color",
62
+ "default": "#141218",
63
+ "description": "color of the button text"
64
+ },
65
+ {
66
+ "name": "enable_animation",
67
+ "type": "boolean",
68
+ "default": true,
69
+ "description": "Enable section animation"
70
+ },
71
+ {
72
+ "name": "animation_style",
73
+ "type": "select",
74
+ "default": "fade-up",
75
+ "description": "Animation style",
76
+ "options": [
77
+ { "label": "Fade Up", "value": "fade-up" },
78
+ { "label": "Zoom In", "value": "zoom-in" },
79
+ { "label": "Blur Reveal", "value": "blur-reveal" },
80
+ { "label": "Slide Cascade", "value": "slide-cascade" },
81
+ { "label": "Fade Right", "value": "fade-right" },
82
+ { "label": "Flip Up", "value": "flip-up" }
83
+ ]
84
+ }
85
+ ]
86
+ }