ably-ui 8.7.0.dev.7706f12 → 8.7.0.dev.8345c6d
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 +1 -8
- data/lib/ably_ui/core/core.rb +4 -8
- data/lib/ably_ui/core/footer/component.css +0 -20
- data/lib/ably_ui/core/footer/footer.html.erb +54 -116
- data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +8 -8
- data/lib/ably_ui/version.rb +1 -1
- metadata +2 -5
- 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
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6f1efd013efb17d47a47e8a565c24e8693c0fa2ea86a8729fb1445651bb199ad
|
|
4
|
+
data.tar.gz: cef302f7b46cc4df60cea40719f205cef676a65e4ad03219b600503ec91cff7a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: aa94d59e3054b141fa703c858c0d7ae03942d9774bdeea08f4e9858233daa7e305395ddf82aafc547678b9c7aff1df1487a6b2fa7ffa4918c4a7ff837670caa6
|
|
7
|
+
data.tar.gz: d90c2f060bf0262578f1e6b804815d9bf83e76c6f2e71538443745cb33e30c9305b45f7fe1e132ccbd3e225d02fd9cdd91311e7e871732f1cbeb6be1a0442d08
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -239,14 +239,7 @@ yarn link @ably/ui
|
|
|
239
239
|
|
|
240
240
|
For `ruby`:
|
|
241
241
|
|
|
242
|
-
In `preview/Gemfile` replace
|
|
243
|
-
|
|
244
|
-
```bash
|
|
245
|
-
# in preview
|
|
246
|
-
gem 'ably-ui', path: '../', require: 'ably_ui'
|
|
247
|
-
```
|
|
248
|
-
|
|
249
|
-
and run:
|
|
242
|
+
In `preview/Gemfile` replace `source: "https://rubygems.pkg.github.com/ably"` with `path: '../'` and run:
|
|
250
243
|
|
|
251
244
|
```bash
|
|
252
245
|
# in preview
|
data/lib/ably_ui/core/core.rb
CHANGED
|
@@ -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
|
|
46
|
-
asset_path 'ably_ui/core/images/
|
|
45
|
+
def rocket_list
|
|
46
|
+
asset_path 'ably_ui/core/images/rocket-list-2021.png'
|
|
47
47
|
end
|
|
48
48
|
|
|
49
|
-
def
|
|
50
|
-
asset_path 'ably_ui/core/images/
|
|
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
|
|
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
|
-
|
|
9
|
-
|
|
8
|
+
|
|
9
|
+
<div class="grid grid-cols-4">
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
154
|
+
<hr class="border-t border-mid-grey" />
|
|
148
155
|
</div>
|
|
149
|
-
|
|
150
|
-
<div class="max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px
|
|
151
|
-
<div class="
|
|
152
|
-
<div class="
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
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>
|
|
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'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
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
</
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
<
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
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'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>
|
|
@@ -16,20 +16,20 @@
|
|
|
16
16
|
<% end %>
|
|
17
17
|
</li>
|
|
18
18
|
<li>
|
|
19
|
-
<%= link_to abs_url("/
|
|
20
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-
|
|
19
|
+
<%= link_to abs_url("/integrations"), class: "ui-meganav-media-with-image group" do %>
|
|
20
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-display-integrations-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">Integrations</p>
|
|
23
|
+
<p class="ui-meganav-media-copy">Find out more about Ably integrations. </p>
|
|
24
24
|
</div>
|
|
25
25
|
<% end %>
|
|
26
26
|
</li>
|
|
27
27
|
<li>
|
|
28
|
-
<%= link_to abs_url("/
|
|
29
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-
|
|
28
|
+
<%= link_to abs_url("/docs/quick-start-guide"), class: "ui-meganav-media-with-image group" do %>
|
|
29
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-display-quickstart-guides-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">Quickstart guides</p>
|
|
32
|
+
<p class="ui-meganav-media-copy">Documentation to help you get started quickly.</p>
|
|
33
33
|
</div>
|
|
34
34
|
<% end %>
|
|
35
35
|
</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.8345c6d
|
|
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: 2022-11-30 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
|
|
Binary file
|
|
Binary file
|
|
Binary file
|