ably-ui 8.7.0.dev.3ad2a24 → 8.7.0.dev.3fee7c0
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/Gemfile.lock +1 -1
- data/README.md +7 -3
- data/lib/ably_ui/core/core.rb +0 -1
- data/lib/ably_ui/core/footer/component.css +11 -1
- data/lib/ably_ui/core/footer/footer.html.erb +41 -41
- data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
- data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +16 -16
- data/lib/ably_ui/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 37201a80d166c9594ecf7daaf237f87b2c95c6e7ed1f7798c43f6a3381ee5b8d
|
4
|
+
data.tar.gz: d0c4d3f53fe9f92d8421409378b25d2b173e96886f2f13a3b2ecbe488becbae1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d1bc0d6cbf657a44471947745c181dcd42e24a39af76f5345ea1fb0ea71ce39af0f66504fed8a601053ecfdcfb152621e75eef17b4132596e3661bb04d19564b
|
7
|
+
data.tar.gz: 151f36c7ba2689d2fb41713e58147daf3a44dc744670ee9a3172f4d7bfbe3caa347c391ee1c9bebca7583a1f83451d6a0fa051619ece6a41288cb5746904c188
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
@@ -294,10 +294,14 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
|
|
294
294
|
scripts/pre-release.sh
|
295
295
|
```
|
296
296
|
|
297
|
-
This
|
297
|
+
This script is a combination of two scripts:
|
298
298
|
|
299
|
-
|
300
|
-
|
299
|
+
1. Pre-Release:
|
300
|
+
|
301
|
+
- update your local dependencies for ably-ui and run a production build
|
302
|
+
- release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
|
303
|
+
|
304
|
+
2. Update Pre-Release Version:
|
301
305
|
|
302
306
|
- update the preview app
|
303
307
|
- commit all the above and push to origin
|
data/lib/ably_ui/core/core.rb
CHANGED
@@ -8,13 +8,23 @@
|
|
8
8
|
}
|
9
9
|
|
10
10
|
.ui-footer-link {
|
11
|
-
@apply text-gui-default hover:text-gui-hover
|
11
|
+
@apply text-gui-default hover:text-gui-hover text-menu3 font-light;
|
12
12
|
}
|
13
13
|
|
14
14
|
.ui-footer-compliance-text {
|
15
15
|
font-size: 12px;
|
16
16
|
}
|
17
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
|
+
|
18
28
|
@media screen {
|
19
29
|
.ui-footer-glassdoor {
|
20
30
|
display: none;
|
@@ -1,16 +1,16 @@
|
|
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
|
3
|
-
<div class="col-span-full
|
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">
|
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="
|
9
|
-
<p class="text-p3 py-16 font-medium p-menu-row-snug
|
8
|
+
<div class="md:col-span-4 md:w-3/4 xs:w-3/5 w-full">
|
9
|
+
<p class="text-p3 py-16 font-medium p-menu-row-snug">
|
10
10
|
Easily power any realtime experience in your application via a simple API that handles everything realtime.
|
11
11
|
</p>
|
12
12
|
</div>
|
13
|
-
<ul class="grid
|
13
|
+
<ul class="grid grid-cols-1">
|
14
14
|
<li class="p-menu-row-snug">
|
15
15
|
<%= link_to 'Pub/sub messaging', abs_url("/pub-sub-messaging"), class: "ui-footer-menu-row-link" %>
|
16
16
|
</li>
|
@@ -28,7 +28,7 @@
|
|
28
28
|
</li>
|
29
29
|
</ul>
|
30
30
|
</div>
|
31
|
-
<div class="col-span-full xs:col-span-3
|
31
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
32
32
|
<h2 class="ui-footer-col-title">Ably is for</h2>
|
33
33
|
<ul>
|
34
34
|
<li class="p-menu-row-snug">
|
@@ -66,7 +66,7 @@
|
|
66
66
|
</li>
|
67
67
|
</ul>
|
68
68
|
</div>
|
69
|
-
<div class="col-span-full xs:col-span-3
|
69
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
70
70
|
<h2 class="ui-footer-col-title">Developers</h2>
|
71
71
|
<ul>
|
72
72
|
<li class="p-menu-row-snug">
|
@@ -87,13 +87,13 @@
|
|
87
87
|
<li class="p-menu-row-snug">
|
88
88
|
<%= link_to 'SDKs', abs_url("/download"), class: "ui-footer-menu-row-link" %>
|
89
89
|
</li>
|
90
|
-
<li class="p-menu-row-snug flex items-center">
|
90
|
+
<li class="p-menu-row-snug flex items-center -mt-4">
|
91
91
|
<a class="pr-8 ui-footer-menu-row-link" href="https://status.ably.com/">System status</a>
|
92
|
-
<iframe class="w-
|
92
|
+
<iframe class="w-20 h-20 mb-2" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
|
93
93
|
</li>
|
94
94
|
</ul>
|
95
95
|
</div>
|
96
|
-
<div class="col-span-full xs:col-span-3
|
96
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
97
97
|
<h2 class="ui-footer-col-title">WHY ABLY</h2>
|
98
98
|
<ul>
|
99
99
|
<li class="p-menu-row-snug">
|
@@ -116,7 +116,7 @@
|
|
116
116
|
</li>
|
117
117
|
</ul>
|
118
118
|
</div>
|
119
|
-
<div class="col-span-full xs:col-span-3
|
119
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
120
120
|
<h2 class="ui-footer-col-title">ABOUT</h2>
|
121
121
|
<ul>
|
122
122
|
<li class="p-menu-row-snug">
|
@@ -144,14 +144,14 @@
|
|
144
144
|
</div>
|
145
145
|
</div>
|
146
146
|
<div class="max-w-screen-xl ui-grid-px mx-auto">
|
147
|
-
<hr class="border-t border-mid-grey"
|
147
|
+
<hr class="border-t border-mid-grey my-0"/>
|
148
148
|
</div>
|
149
149
|
<%# Twitter + Glassdoor SM * above + Glassdoor XS + Badges %>
|
150
|
-
<div class="max-w-screen-xl mx-auto py-
|
151
|
-
<div class="">
|
152
|
-
<div class="flex flex-col
|
150
|
+
<div class="max-w-screen-xl mx-auto py-16 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
153
|
<div class="">
|
154
|
-
<div class="flex
|
154
|
+
<div class="flex pb-24">
|
155
155
|
<a class="h-24 pr-24 text-cool-black hover:text-icon-twitter" href="https://twitter.com/ablyrealtime" title="Ably on Twitter">
|
156
156
|
<%= render(AblyUi::Core::Icon.new(name: "twitter", size: "1.5rem")) %>
|
157
157
|
</a>
|
@@ -172,7 +172,7 @@
|
|
172
172
|
</div>
|
173
173
|
<%# GLASSDOOR on SM and Above %>
|
174
174
|
<div class="xs:hidden sm:block ui-footer-glassdoor">
|
175
|
-
<div class="flex sm:pt-24
|
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
176
|
<a
|
177
177
|
href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
|
178
178
|
class="h-24 text-cool-black hover:text-icon-glassdoor"
|
@@ -194,7 +194,7 @@
|
|
194
194
|
<div class="border-t border-mid-grey w-full"></div>
|
195
195
|
<div class="flex py-24">
|
196
196
|
<a
|
197
|
-
class="h-24 pr-
|
197
|
+
class="h-24 pr-16 text-cool-black hover:text-icon-glassdoor"
|
198
198
|
href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
|
199
199
|
title="Ably reviews on glassdoor"
|
200
200
|
>
|
@@ -209,50 +209,50 @@
|
|
209
209
|
</div>
|
210
210
|
</div>
|
211
211
|
</div>
|
212
|
-
<div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto">
|
213
|
-
<%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "
|
214
|
-
<%= image_tag(users_love_us, alt: "Users Love Us", class: "
|
215
|
-
<%= image_tag(highest_performer, alt: "High Performer 2022", class: "
|
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 h-80") %>
|
214
|
+
<%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 h-80") %>
|
215
|
+
<%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 h-80") %>
|
216
216
|
</div>
|
217
217
|
</div>
|
218
218
|
<div class="max-w-screen-xl ui-grid-px mx-auto">
|
219
|
-
<hr class="border-t border-mid-grey"
|
219
|
+
<hr class="border-t border-mid-grey my-0"/>
|
220
220
|
</div>
|
221
|
-
<div class="max-w-screen-xl mx-auto py-24
|
222
|
-
<div class="flex
|
223
|
-
<div class="
|
224
|
-
<%= link_to 'Cookies', abs_url("/privacy"), class: "ui-footer-link
|
225
|
-
<%= link_to 'Legals', abs_url("/legals"), class: "ui-footer-link
|
226
|
-
<%= link_to 'Data Protection', abs_url("/data-protection"), class: "ui-footer-link
|
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" %>
|
227
227
|
<%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
|
228
228
|
</div>
|
229
229
|
</div>
|
230
|
-
<div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16
|
230
|
+
<div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end">
|
231
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")) %>
|
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
233
|
<div>
|
234
|
-
<p class="ui-footer-compliance-text font-medium">SOC 2 Type 2</p>
|
234
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">SOC 2 Type 2</p>
|
235
235
|
<p class="ui-footer-compliance-text font-light mb-24">Certified</p>
|
236
236
|
</div>
|
237
237
|
</div>
|
238
|
-
<div class="flex mr-24
|
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")) %>
|
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 ui-footer-tick-icon")) %>
|
240
240
|
<div>
|
241
|
-
<p class="ui-footer-compliance-text font-medium">HIPAA</p>
|
241
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">HIPAA</p>
|
242
242
|
<p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
|
243
243
|
</div>
|
244
244
|
</div>
|
245
|
-
<div class="flex mr-24
|
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")) %>
|
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 ui-footer-tick-icon")) %>
|
247
247
|
<div>
|
248
|
-
<p class="ui-footer-compliance-text font-medium">EU GDPR</p>
|
248
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">EU GDPR</p>
|
249
249
|
<p class="ui-footer-compliance-text font-light mb-24">Certified</p>
|
250
250
|
</div>
|
251
251
|
</div>
|
252
|
-
<div class="flex mr-24
|
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")) %>
|
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 ui-footer-tick-icon")) %>
|
254
254
|
<div>
|
255
|
-
<p class="ui-footer-compliance-text font-medium">256-bit AES</p>
|
255
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">256-bit AES</p>
|
256
256
|
<p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
|
257
257
|
</div>
|
258
258
|
</div>
|
@@ -36,12 +36,6 @@
|
|
36
36
|
<p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
|
37
37
|
<% end %>
|
38
38
|
</li>
|
39
|
-
<li>
|
40
|
-
<%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
|
41
|
-
<p class="ui-meganav-media-heading">Live Charts</p>
|
42
|
-
<p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
|
43
|
-
<% end %>
|
44
|
-
</li>
|
45
39
|
<li>
|
46
40
|
<%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
|
47
41
|
<p class="ui-meganav-media-heading">Live Cursors</p>
|
@@ -54,6 +48,12 @@
|
|
54
48
|
<p class="ui-meganav-media-copy">See when a user is typing a message.</p>
|
55
49
|
<% end %>
|
56
50
|
</li>
|
51
|
+
<li>
|
52
|
+
<%= link_to abs_url("/examples/chat-admin-privileges"), class: "ui-meganav-media group" do %>
|
53
|
+
<p class="ui-meganav-media-heading">Chat Admin Privileges</p>
|
54
|
+
<p class="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
|
55
|
+
<% end %>
|
56
|
+
</li>
|
57
57
|
</ul>
|
58
58
|
|
59
59
|
<%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"), text_size: 'text-p3')) do %>Explore all live examples<% end %>
|
@@ -7,38 +7,38 @@
|
|
7
7
|
</h3>
|
8
8
|
<ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
|
9
9
|
<li>
|
10
|
-
<%= link_to abs_url("/solutions/
|
11
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-
|
10
|
+
<%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
|
11
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
|
12
12
|
<div class="flex flex-col justify-center">
|
13
|
-
<p class="ui-meganav-media-heading">
|
14
|
-
<p class="ui-meganav-media-copy">Deliver
|
13
|
+
<p class="ui-meganav-media-heading">Chat</p>
|
14
|
+
<p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
|
15
15
|
</div>
|
16
16
|
<% end %>
|
17
17
|
</li>
|
18
18
|
<li>
|
19
|
-
<%= link_to abs_url("/solutions/
|
20
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-
|
19
|
+
<%= link_to abs_url("/solutions/multiplayer-collaboration"), class: "ui-meganav-media-with-image group" do %>
|
20
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
|
21
21
|
<div class="flex flex-col justify-center">
|
22
|
-
<p class="ui-meganav-media-heading">
|
23
|
-
<p class="ui-meganav-media-copy">
|
22
|
+
<p class="ui-meganav-media-heading">Multiplayer Collaboration</p>
|
23
|
+
<p class="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
|
24
24
|
</div>
|
25
25
|
<% end %>
|
26
26
|
</li>
|
27
27
|
<li>
|
28
|
-
<%= link_to abs_url("/solutions/
|
29
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-
|
28
|
+
<%= link_to abs_url("/solutions/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
|
29
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
|
30
30
|
<div class="flex flex-col justify-center">
|
31
|
-
<p class="ui-meganav-media-heading">
|
32
|
-
<p class="ui-meganav-media-copy">
|
31
|
+
<p class="ui-meganav-media-heading">Data Broadcast</p>
|
32
|
+
<p class="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
|
33
33
|
</div>
|
34
34
|
<% end %>
|
35
35
|
</li>
|
36
36
|
<li>
|
37
|
-
<%= link_to abs_url("/solutions/
|
38
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-
|
37
|
+
<%= link_to abs_url("/solutions/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
|
38
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events", size: "2.5rem")) %>
|
39
39
|
<div class="flex flex-col justify-center">
|
40
|
-
<p class="ui-meganav-media-heading">
|
41
|
-
<p class="ui-meganav-media-copy">
|
40
|
+
<p class="ui-meganav-media-heading">Data Synchronization</p>
|
41
|
+
<p class="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
|
42
42
|
</div>
|
43
43
|
<% end %>
|
44
44
|
</li>
|
data/lib/ably_ui/version.rb
CHANGED
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.
|
4
|
+
version: 8.7.0.dev.3fee7c0
|
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:
|
13
|
+
date: 2023-01-13 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: view_component
|