ably-ui 8.7.0.dev.5f7f2f9 → 8.7.0.dev.6c8bb4b

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: 933b85d53b889482074530ae33d3e4691edd3ce68cc82a1af3c7bca98123405f
4
- data.tar.gz: 7585da7b3efce210a05eccba44b193f961ae493fdbfe1ea49d69837f88f09f95
3
+ metadata.gz: 609aea472817b8a723c62e95db4a241efad964ae8a555436bd293d515a2cb462
4
+ data.tar.gz: 36fcb8f965863c3b71bbad466767e41dc914f11ec5d9e2258eec4ec826ae9037
5
5
  SHA512:
6
- metadata.gz: 9e8152932358609903530f98339bd49375c449fecbc16e891e9c62b1f680640e9cbc9bda1cc90a171412d3b667d7decb6ad0e9f011b2e88ec81fe4d7fd64f68e
7
- data.tar.gz: ee1e3c96c23056795cc25c891b3c94b2a32f37d714cbecfaddc15551fdd726842cafe7ba02cc256a5b10fddc9d130e80774e005270900d0a1afdfdec9500d70a
6
+ metadata.gz: d6c41f34a07d6d10420597b28dc049802aa11efdf2ef1611a46bf9ca9777dae79579a95b735274cd18a12c54d9129109a2932018b7a9db9d0655e5691974d241
7
+ data.tar.gz: 7b5e3e58539a714421b8afe9d83a93ba8c7470abeed7ea0a3dd460b58363da41ae6bb95fd79c73fc33c20678bfbf13ef53fea8ffb28e6039b9eeaa4b00c9dea9
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (8.7.0.dev.dff3090)
4
+ ably-ui (8.7.0.dev.0ce5893)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
@@ -42,16 +42,12 @@ module AblyUi
42
42
  asset_path 'ably_ui/core/images/icon-tech-aws.svg'
43
43
  end
44
44
 
45
- def highest_performer
46
- asset_path 'ably_ui/core/images/high-performer-2022.png'
45
+ def rocket_list
46
+ asset_path 'ably_ui/core/images/rocket-list-2021.png'
47
47
  end
48
48
 
49
- def highest_user_adoption
50
- asset_path 'ably_ui/core/images/highest-user-adoption-2022.png'
51
- end
52
-
53
- def users_love_us
54
- asset_path 'ably_ui/core/images/users-love-us-2022.png'
49
+ def flexible_companies
50
+ asset_path 'ably_ui/core/images/flexible-companies.png'
55
51
  end
56
52
  end
57
53
 
@@ -10,25 +10,5 @@
10
10
  .ui-footer-link {
11
11
  @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
12
12
  }
13
-
14
- .ui-footer-compliance-text {
15
- font-size: 12px;
16
- }
17
-
18
- .ui-footer-tick-icon {
19
- min-width: 1.5rem;
20
- }
21
-
22
- @media (max-width: 1040px) {
23
- .ui-footer-bottom-links {
24
- @apply pb-40;
25
- }
26
- }
27
-
28
- @media screen {
29
- .ui-footer-glassdoor {
30
- display: none;
31
- }
32
- }
33
13
  }
34
14
 
@@ -1,16 +1,18 @@
1
1
  <footer class="bg-light-grey font-sans antialiased" data-id="footer">
2
- <div class="max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6">
2
+ <div class="max-w-screen-xl mx-auto py-32 sm:py-40 lg:py-64 ui-grid-gap ui-grid-px grid grid-cols-6">
3
3
  <div class="col-span-full md:col-span-2">
4
4
  <div class="flex flex-row p-menu-row-snug">
5
5
  <%= image_tag(ably_stack_path, alt: "Ably homepage", class: "mr-24 -mt-16") %>
6
6
  <h2 class="text-overline2 col-span-full font-medium uppercase tracking-widen-0.1">The Ably Platform</h2>
7
7
  </div>
8
- <div class="grid grid-cols-4 md:col-span-2">
8
+
9
+ <div class="grid grid-cols-4">
9
10
  <p class="text-p3 py-16 font-medium p-menu-row-snug col-span-3">
10
11
  Easily power any realtime experience in your application via a simple API that handles everything realtime.
11
12
  </p>
12
13
  </div>
13
- <ul class="grid xs:grid-cols-2 gap-x-8 sm:gap-x-24 xl:gap-x-32 sm:grid-cols-1">
14
+
15
+ <ul class="grid gap-x-8 sm:gap-x-16 md:gap-x-24 xl:gap-x-32 sm:grid-cols-2 md:grid-cols-1">
14
16
  <li class="p-menu-row-snug">
15
17
  <%= link_to 'Pub/sub messaging', abs_url("/pub-sub-messaging"), class: "ui-footer-menu-row-link" %>
16
18
  </li>
@@ -28,7 +30,8 @@
28
30
  </li>
29
31
  </ul>
30
32
  </div>
31
- <div class="col-span-full xs:col-span-3 md:col-span-1">
33
+
34
+ <div class="col-span-full sm:col-span-3 md:col-span-1">
32
35
  <h2 class="ui-footer-col-title">Ably is for</h2>
33
36
  <ul>
34
37
  <li class="p-menu-row-snug">
@@ -66,7 +69,8 @@
66
69
  </li>
67
70
  </ul>
68
71
  </div>
69
- <div class="col-span-full xs:col-span-3 md:col-span-1">
72
+
73
+ <div class="col-span-full sm:col-span-3 md:col-span-1">
70
74
  <h2 class="ui-footer-col-title">Developers</h2>
71
75
  <ul>
72
76
  <li class="p-menu-row-snug">
@@ -93,7 +97,8 @@
93
97
  </li>
94
98
  </ul>
95
99
  </div>
96
- <div class="col-span-full xs:col-span-3 md:col-span-1">
100
+
101
+ <div class="col-span-full sm:col-span-3 md:col-span-1">
97
102
  <h2 class="ui-footer-col-title">WHY ABLY</h2>
98
103
  <ul>
99
104
  <li class="p-menu-row-snug">
@@ -116,7 +121,8 @@
116
121
  </li>
117
122
  </ul>
118
123
  </div>
119
- <div class="col-span-full xs:col-span-3 md:col-span-1">
124
+
125
+ <div class="col-span-full sm:col-span-3 md:col-span-1">
120
126
  <h2 class="ui-footer-col-title">ABOUT</h2>
121
127
  <ul>
122
128
  <li class="p-menu-row-snug">
@@ -135,7 +141,7 @@
135
141
  <%= link_to 'Open protocol policy', abs_url("/open-policy"), class: "ui-footer-menu-row-link" %>
136
142
  </li>
137
143
  <li class="p-menu-row-snug">
138
- <%= link_to 'Press & Media', abs_url("/press-center"), class: "ui-footer-menu-row-link" %>
144
+ <%= link_to 'Press & Media', abs_url("/press-center"), class: "ui-footer-menu-row-link" %>
139
145
  </li>
140
146
  <li class="p-menu-row-snug">
141
147
  <%= link_to 'Contact us', abs_url("/contact"), class: "ui-footer-menu-row-link" %>
@@ -143,119 +149,51 @@
143
149
  </ul>
144
150
  </div>
145
151
  </div>
152
+
146
153
  <div class="max-w-screen-xl ui-grid-px mx-auto">
147
- <hr class="border-t border-mid-grey my-0"/>
154
+ <hr class="border-t border-mid-grey" />
148
155
  </div>
149
- <%# Twitter + Glassdoor SM * above + Glassdoor XS + Badges %>
150
- <div class="max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
151
- <div class="md:flex md:items-center">
152
- <div class="flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2">
153
- <div class="">
154
- <div class="flex pb-24">
155
- <a class="h-24 pr-24 text-cool-black hover:text-icon-twitter" href="https://twitter.com/ablyrealtime" title="Ably on Twitter">
156
- <%= render(AblyUi::Core::Icon.new(name: "twitter", size: "1.5rem")) %>
157
- </a>
158
- <a
159
- class="h-24 pr-24 text-cool-black hover:text-icon-linkedin"
160
- href="https://www.linkedin.com/company/ably-realtime"
161
- title="Ably on LinkedIn"
162
- >
163
- <%= render(AblyUi::Core::Icon.new(name: "linkedin", size: "1.5rem")) %>
164
- </a>
165
- <a class="h-24 pr-24 text-cool-black hover:text-icon-github" href="https://github.com/ably/" title="Ably on Github">
166
- <%= render(AblyUi::Core::Icon.new(name: "github", size: "1.5rem")) %>
167
- </a>
168
- <a class="h-24 pr-24 text-cool-black hover:text-icon-discord" href="https://discord.gg/jwBPhEZ9g5" title="Ably on Discord">
169
- <%= render(AblyUi::Core::Icon.new(name: "discord", size: "1.5rem")) %>
170
- </a>
171
- </div>
172
- </div>
173
- <%# GLASSDOOR on SM and Above %>
174
- <div class="xs:hidden sm:block ui-footer-glassdoor">
175
- <div class="flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24">
176
- <a
177
- href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
178
- class="h-24 text-cool-black hover:text-icon-glassdoor"
179
- title="Ably reviews on glassdoor"
180
- >
181
- <%= render(AblyUi::Core::Icon.new(name: "glassdoor", size: "1.5rem")) %>
182
- </a>
183
- <div class="pl-16 text-menu3 font-light">
184
- <strong class="block font-medium">We&apos;re hiring!</strong>
185
- <a href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm" class="ui-footer-link">
186
- Learn more at Glassdoor
187
- </a>
188
- </div>
189
- </div>
190
- </div>
191
- </div>
192
- <%# GlassDoor on XS ONLY %>
193
- <div class="xs:block sm:hidden">
194
- <div class="border-t border-mid-grey w-full"></div>
195
- <div class="flex py-24">
196
- <a
197
- class="h-24 pr-24 text-cool-black hover:text-icon-glassdoor"
198
- href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
199
- title="Ably reviews on glassdoor"
200
- >
201
- <%= render(AblyUi::Core::Icon.new(name: "glassdoor", size: "1.5rem")) %>
202
- </a>
203
- <div class="text-menu3 font-light">
204
- <strong class="block font-medium">We&apos;re hiring!</strong>
205
- <a href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm" class="ui-footer-link">
206
- Learn more at Glassdoor
207
- </a>
208
- </div>
209
- </div>
210
- </div>
211
- </div>
212
- <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center">
213
- <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 w-96 h-96") %>
214
- <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 w-96 h-96") %>
215
- <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 w-96 h-96") %>
216
- </div>
217
- </div>
218
- <div class="max-w-screen-xl ui-grid-px mx-auto">
219
- <hr class="border-t border-mid-grey my-0"/>
220
- </div>
221
- <div class="max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px ">
222
- <div class="flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links">
223
- <div class="flex">
224
- <%= link_to 'Cookies', abs_url("/privacy"), class: "pr-24 ui-footer-link" %>
225
- <%= link_to 'Legals', abs_url("/legals"), class: "pr-24 ui-footer-link" %>
226
- <%= link_to 'Data Protection', abs_url("/data-protection"), class: "pr-24 ui-footer-link" %>
156
+
157
+ <div class="max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 grid ui-grid-gap ui-grid-px grid-cols-2">
158
+ <div class="flex flex-col flex-auto pb-40 ml-8 col-span-full md:col-span-1">
159
+ <div class="inline-flex">
160
+ <%= link_to 'Cookies', abs_url("/privacy"), class: "ui-footer-link pr-24" %>
161
+ <%= link_to 'Legals', abs_url("/legals"), class: "ui-footer-link pr-24" %>
162
+ <%= link_to 'Data Protection', abs_url("/data-protection"), class: "ui-footer-link pr-24" %>
227
163
  <%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
228
164
  </div>
229
- </div>
230
- <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-0 ">
231
- <div class="flex mr-24">
232
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
233
- <div>
234
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">SOC 2 Type 2</p>
235
- <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
236
- </div>
237
- </div>
238
- <div class="flex mr-24 md:col-start-2">
239
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
240
- <div>
241
- <p class="ui-footer-compliance-text font-medium">HIPAA</p>
242
- <p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
243
- </div>
244
- </div>
245
- <div class="flex mr-24 md:col-start-3">
246
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
247
- <div>
248
- <p class="ui-footer-compliance-text font-medium">EU GDPR</p>
249
- <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
250
- </div>
251
- </div>
252
- <div class="flex mr-24 md:col-start-4">
253
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
254
- <div>
255
- <p class="ui-footer-compliance-text font-medium">256-bit AES</p>
256
- <p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
165
+
166
+ <div class="pt-32 flex items-center">
167
+ <a class="h-24 pr-24 text-cool-black hover:text-icon-twitter" href="https://twitter.com/ablyrealtime">
168
+ <%= render(AblyUi::Core::Icon.new(name: "twitter", size: "1.5rem")) %>
169
+ </a>
170
+ <a class="h-24 pr-24 text-cool-black hover:text-icon-linkedin" href="https://www.linkedin.com/company/ably-realtime">
171
+ <%= render(AblyUi::Core::Icon.new(name: "linkedin", size: "1.5rem")) %>
172
+ </a>
173
+ <a class="h-24 pr-24 text-cool-black hover:text-icon-github" href="https://github.com/ably/">
174
+ <%= render(AblyUi::Core::Icon.new(name: "github", size: "1.5rem")) %>
175
+ </a>
176
+ <a class="h-24 pr-24 text-cool-black hover:text-icon-discord" href="https://discord.gg/jwBPhEZ9g5">
177
+ <%= render(AblyUi::Core::Icon.new(name: "discord", size: "1.5rem")) %>
178
+ </a>
179
+ <div class="border-l border-mid-grey h-40"></div>
180
+ <a
181
+ class="flex flex-row pl-24 text-cool-black hover:text-icon-glassdoor"
182
+ href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
183
+ >
184
+ <%= render(AblyUi::Core::Icon.new(name: "glassdoor", size: "1.5rem")) %>
185
+ </a>
186
+ <div class="pl-16 text-menu3 font-light">
187
+ <strong class="block font-medium">We&apos;re hiring!</strong>
188
+ <a href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm" class="ui-footer-link">Learn more</a>
189
+ at Glassdoor
257
190
  </div>
258
191
  </div>
259
192
  </div>
193
+
194
+ <div class="md:text-right col-span-full md:col-span-1 ml-8 inline-flex md:ml-auto">
195
+ <%= image_tag(rocket_list, alt: "Rocket List 2021", class: "mr-24 w-96 h-96") %>
196
+ <%= image_tag(flexible_companies, alt: "Flexible Companies 2021", class: "w-96 h-96") %>
197
+ </div>
260
198
  </div>
261
199
  </footer>
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.5f7f2f9'
2
+ VERSION = '8.7.0.dev.6c8bb4b'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 8.7.0.dev.5f7f2f9
4
+ version: 8.7.0.dev.6c8bb4b
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2023-01-03 00:00:00.000000000 Z
13
+ date: 2022-12-02 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -129,13 +129,10 @@ files:
129
129
  - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
130
130
  - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
131
131
  - lib/ably_ui/core/images/flexible-companies.png
132
- - lib/ably_ui/core/images/high-performer-2022.png
133
- - lib/ably_ui/core/images/highest-user-adoption-2022.png
134
132
  - lib/ably_ui/core/images/icon-tech-aws.svg
135
133
  - lib/ably_ui/core/images/rocket-list-2021.png
136
134
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
137
135
  - lib/ably_ui/core/images/technical-support-01-800x533.jpg
138
- - lib/ably_ui/core/images/users-love-us-2022.png
139
136
  - lib/ably_ui/core/loader/component.js
140
137
  - lib/ably_ui/core/loader/loader.html.erb
141
138
  - lib/ably_ui/core/loader/loader.rb