ably-ui 8.7.0.dev.0f339e0 → 8.7.0.dev.1bf71b2
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 +8 -4
- data/lib/ably_ui/core/footer/component.css +21 -1
- data/lib/ably_ui/core/footer/footer.html.erb +118 -56
- data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
- data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
- data/lib/ably_ui/core/images/users-love-us-2022.png +0 -0
- data/lib/ably_ui/version.rb +1 -1
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 502a3bb537b509ff42e0fd67530bd02f28a46d743e8ea6ffe5b097106cb19424
|
|
4
|
+
data.tar.gz: cd0e8e2265b653eb71a38d5f18825cdb9cd2882fcd2ca61ee31c46bc4bfb4b26
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0cd70168035d573d94402976d863582d39c21669112759bbe7499d51b665864c2bc26bf16a27d63e491afa1bf3e065a26ce8898e5a2ba084149d13bde7353522
|
|
7
|
+
data.tar.gz: bc0157702de50a7d11244dbf2cb0e510779d69c9062b58c55c26646bf05230d30f46ad7d5320ebb0443bd138e844e376f5c25e9ef9549a2dd259d51e46d858f9
|
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
|
@@ -42,12 +42,16 @@ module AblyUi
|
|
|
42
42
|
asset_path 'ably_ui/core/images/icon-tech-aws.svg'
|
|
43
43
|
end
|
|
44
44
|
|
|
45
|
-
def
|
|
46
|
-
asset_path 'ably_ui/core/images/
|
|
45
|
+
def highest_performer
|
|
46
|
+
asset_path 'ably_ui/core/images/high-performer-2022.png'
|
|
47
47
|
end
|
|
48
48
|
|
|
49
|
-
def
|
|
50
|
-
asset_path 'ably_ui/core/images/
|
|
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'
|
|
51
55
|
end
|
|
52
56
|
end
|
|
53
57
|
|
|
@@ -8,7 +8,27 @@
|
|
|
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
|
+
}
|
|
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
|
+
}
|
|
12
32
|
}
|
|
13
33
|
}
|
|
14
34
|
|
|
@@ -1,18 +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
|
|
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
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
|
-
|
|
9
|
-
|
|
10
|
-
<p class="text-p3 py-16 font-medium p-menu-row-snug col-span-3">
|
|
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">
|
|
11
10
|
Easily power any realtime experience in your application via a simple API that handles everything realtime.
|
|
12
11
|
</p>
|
|
13
12
|
</div>
|
|
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">
|
|
13
|
+
<ul class="grid grid-cols-1">
|
|
16
14
|
<li class="p-menu-row-snug">
|
|
17
15
|
<%= link_to 'Pub/sub messaging', abs_url("/pub-sub-messaging"), class: "ui-footer-menu-row-link" %>
|
|
18
16
|
</li>
|
|
@@ -30,8 +28,7 @@
|
|
|
30
28
|
</li>
|
|
31
29
|
</ul>
|
|
32
30
|
</div>
|
|
33
|
-
|
|
34
|
-
<div class="col-span-full sm:col-span-3 md:col-span-1">
|
|
31
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
|
35
32
|
<h2 class="ui-footer-col-title">Ably is for</h2>
|
|
36
33
|
<ul>
|
|
37
34
|
<li class="p-menu-row-snug">
|
|
@@ -69,8 +66,7 @@
|
|
|
69
66
|
</li>
|
|
70
67
|
</ul>
|
|
71
68
|
</div>
|
|
72
|
-
|
|
73
|
-
<div class="col-span-full sm:col-span-3 md:col-span-1">
|
|
69
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
|
74
70
|
<h2 class="ui-footer-col-title">Developers</h2>
|
|
75
71
|
<ul>
|
|
76
72
|
<li class="p-menu-row-snug">
|
|
@@ -91,14 +87,13 @@
|
|
|
91
87
|
<li class="p-menu-row-snug">
|
|
92
88
|
<%= link_to 'SDKs', abs_url("/download"), class: "ui-footer-menu-row-link" %>
|
|
93
89
|
</li>
|
|
94
|
-
<li class="p-menu-row-snug flex items-center">
|
|
90
|
+
<li class="p-menu-row-snug flex items-center -mt-4">
|
|
95
91
|
<a class="pr-8 ui-footer-menu-row-link" href="https://status.ably.com/">System status</a>
|
|
96
|
-
<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>
|
|
97
93
|
</li>
|
|
98
94
|
</ul>
|
|
99
95
|
</div>
|
|
100
|
-
|
|
101
|
-
<div class="col-span-full sm:col-span-3 md:col-span-1">
|
|
96
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
|
102
97
|
<h2 class="ui-footer-col-title">WHY ABLY</h2>
|
|
103
98
|
<ul>
|
|
104
99
|
<li class="p-menu-row-snug">
|
|
@@ -121,8 +116,7 @@
|
|
|
121
116
|
</li>
|
|
122
117
|
</ul>
|
|
123
118
|
</div>
|
|
124
|
-
|
|
125
|
-
<div class="col-span-full sm:col-span-3 md:col-span-1">
|
|
119
|
+
<div class="col-span-full xs:col-span-3 md:col-span-1">
|
|
126
120
|
<h2 class="ui-footer-col-title">ABOUT</h2>
|
|
127
121
|
<ul>
|
|
128
122
|
<li class="p-menu-row-snug">
|
|
@@ -141,7 +135,7 @@
|
|
|
141
135
|
<%= link_to 'Open protocol policy', abs_url("/open-policy"), class: "ui-footer-menu-row-link" %>
|
|
142
136
|
</li>
|
|
143
137
|
<li class="p-menu-row-snug">
|
|
144
|
-
|
|
138
|
+
<%= link_to 'Press & Media', abs_url("/press-center"), class: "ui-footer-menu-row-link" %>
|
|
145
139
|
</li>
|
|
146
140
|
<li class="p-menu-row-snug">
|
|
147
141
|
<%= link_to 'Contact us', abs_url("/contact"), class: "ui-footer-menu-row-link" %>
|
|
@@ -149,51 +143,119 @@
|
|
|
149
143
|
</ul>
|
|
150
144
|
</div>
|
|
151
145
|
</div>
|
|
152
|
-
|
|
153
146
|
<div class="max-w-screen-xl ui-grid-px mx-auto">
|
|
154
|
-
<hr class="border-t border-mid-grey"
|
|
147
|
+
<hr class="border-t border-mid-grey my-0"/>
|
|
155
148
|
</div>
|
|
156
|
-
|
|
157
|
-
<div class="max-w-screen-xl mx-auto py-
|
|
158
|
-
<div class="flex
|
|
159
|
-
<div class="
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
149
|
+
<%# Twitter + Glassdoor SM * above + Glassdoor XS + Badges %>
|
|
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
|
+
<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'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>
|
|
164
191
|
</div>
|
|
165
|
-
|
|
166
|
-
<div class="
|
|
167
|
-
<
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
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'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
|
|
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-16 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'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>
|
|
190
209
|
</div>
|
|
191
210
|
</div>
|
|
192
211
|
</div>
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
<%= image_tag(
|
|
196
|
-
<%= image_tag(
|
|
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
|
+
</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" %>
|
|
227
|
+
<%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
|
|
228
|
+
</div>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end">
|
|
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 ui-footer-tick-icon")) %>
|
|
240
|
+
<div>
|
|
241
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">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 ui-footer-tick-icon")) %>
|
|
247
|
+
<div>
|
|
248
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">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 ui-footer-tick-icon")) %>
|
|
254
|
+
<div>
|
|
255
|
+
<p class="ui-footer-compliance-text font-medium whitespace-nowrap">256-bit AES</p>
|
|
256
|
+
<p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
197
259
|
</div>
|
|
198
260
|
</div>
|
|
199
261
|
</footer>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
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.1bf71b2
|
|
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-09 00:00:00.000000000 Z
|
|
14
14
|
dependencies:
|
|
15
15
|
- !ruby/object:Gem::Dependency
|
|
16
16
|
name: view_component
|
|
@@ -129,10 +129,13 @@ 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
|
|
132
134
|
- lib/ably_ui/core/images/icon-tech-aws.svg
|
|
133
135
|
- lib/ably_ui/core/images/rocket-list-2021.png
|
|
134
136
|
- lib/ably_ui/core/images/scale-motif-open-empathetic.svg
|
|
135
137
|
- lib/ably_ui/core/images/technical-support-01-800x533.jpg
|
|
138
|
+
- lib/ably_ui/core/images/users-love-us-2022.png
|
|
136
139
|
- lib/ably_ui/core/loader/component.js
|
|
137
140
|
- lib/ably_ui/core/loader/loader.html.erb
|
|
138
141
|
- lib/ably_ui/core/loader/loader.rb
|