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

Sign up to get free protection for your applications and to get access to all the features.
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