ably-ui 8.7.0.dev.35640ff → 8.7.0.dev.76421ba

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -6
  3. data/lib/ably_ui/core/footer/component.css +0 -10
  4. data/lib/ably_ui/core/footer/footer.html.erb +26 -26
  5. data/lib/ably_ui/version.rb +1 -1
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 180d7908fdd8b026c53e2d78868de7cfe7e707320a4a22473c0ffba4636a4153
4
- data.tar.gz: 3c130781bf707b6272a290da52bff920d29b2f2bf201a476cd33f469f1232cab
3
+ metadata.gz: d4a6e0dec04fa1e58ef9ca902ccd52a09a4f6a773ff45ca9895bc4ad519db910
4
+ data.tar.gz: 9d231ec71391a1f5ae1a3e4a0c55c58657617b15d3afbf4568e2d8b6f6c1688f
5
5
  SHA512:
6
- metadata.gz: 63b8718d7efb0ec9beb25d0caa481a1bf3dcba8735ed2c9cf9870c703b24e98315d8e348dcc1d475be1c4cb62c36ef1399770d2ea13c69abb752999b040bfcaa
7
- data.tar.gz: 6a44ffd9c4fc08a4b79ae3e502669dde8fe8496a7cec28d68d664f9f42400530081e6989bf0ac992b38de97219f625edea378f652ce716ec75532894a7ae5b80
6
+ metadata.gz: 6af9c4020144e157ce06ff7d812d05295997670acfaa6ee789504c30528584f283b59ee8ffa14f8f418ebf3179139942fec6aad293632919da534b7ad897b84c
7
+ data.tar.gz: e0e0f52b15418e2b7dd88fcfbf8afcdf6b9cd1f55cec84b8dfad7f5c96d6a9de55d36b25fc947df3eae7001ba48bd577777e76a4b43df2510e656b318d71a591
data/README.md CHANGED
@@ -272,15 +272,10 @@ Then change back `path` to source `source` in the `Gemfile`. If you need to upda
272
272
 
273
273
  Make sure you commit & push your work and remove the [development-specific config](#using-the-development-build-of-ably-ui-in-the-preview-app) before doing this.
274
274
 
275
- You will need to authenticate with [npmjs](https://docs.npmjs.com/creating-and-viewing-access-tokens) and [Ruby Gems](https://guides.rubygems.org/api-key-scopes/) to publish.
275
+ You will need to authenticate with [Ruby Gems](https://guides.rubygems.org/api-key-scopes/) to publish.
276
276
 
277
277
  After the above, you should have:
278
278
 
279
- - NPM_TOKEN set in your environment
280
- - `.npmrc` file to read NPM_TOKEN from your environment like this:
281
- ```
282
- //registry.npmjs.org/:_authToken=${NPM_TOKEN}
283
- ```
284
279
  - a `~/.gem/credentials` file that has your Rubygems API key:
285
280
  ```
286
281
  ---
data/lib/ably_ui/core/footer/component.css CHANGED
@@ -15,16 +15,6 @@
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
-
28
18
  @media screen {
29
19
  .ui-footer-glassdoor {
30
20
  display: none;
data/lib/ably_ui/core/footer/footer.html.erb CHANGED
@@ -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 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6">
3
- <div class="col-span-full md:col-span-2">
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
+ <div class="col-span-full lg: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="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">
8
+ <div class="grid grid-cols-4 lg:col-span-2">
9
+ <p class="text-p3 py-16 font-medium p-menu-row-snug col-span-3">
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 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 xs:grid-cols-2 gap-x-8 md:gap-x-24 xl:gap-x-32 md: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 md:col-span-1">
31
+ <div class="col-span-full xs:col-span-3 lg: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 md:col-span-1">
69
+ <div class="col-span-full xs:col-span-3 lg:col-span-1">
70
70
  <h2 class="ui-footer-col-title">Developers</h2>
71
71
  <ul>
72
72
  <li class="p-menu-row-snug">
@@ -93,7 +93,7 @@
93
93
  </li>
94
94
  </ul>
95
95
  </div>
96
- <div class="col-span-full xs:col-span-3 md:col-span-1">
96
+ <div class="col-span-full xs:col-span-3 lg: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 md:col-span-1">
119
+ <div class="col-span-full xs:col-span-3 lg: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 my-0"/>
147
+ <hr class="border-t border-mid-grey" />
148
148
  </div>
149
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">
150
+ <div class="max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
151
+ <div class="">
152
+ <div class="flex flex-col lg:flex-row flex-auto ml-8 sm:col-span-1 lg:col-span-2">
153
153
  <div class="">
154
- <div class="flex pb-24">
154
+ <div class="flex items-center 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 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">
175
+ <div class="flex sm:pt-24 lg:pt-0 sm:border-t sm:border-l-0 lg:border-t-0 lg:border-l sm:border-mid-grey sm:w-3/4 lg:w-full lg: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"
@@ -209,47 +209,47 @@
209
209
  </div>
210
210
  </div>
211
211
  </div>
212
- <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center">
212
+ <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto">
213
213
  <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 w-96 h-96") %>
214
214
  <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 w-96 h-96") %>
215
215
  <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 w-96 h-96") %>
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 my-0"/>
219
+ <hr class="border-t border-mid-grey" />
220
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">
221
+ <div class="max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px ">
222
+ <div class="flex flex-col flex-auto pb-40 ml-8 col-span-full md:col-span-1">
223
+ <div class="inline-flex">
224
224
  <%= link_to 'Cookies', abs_url("/privacy"), class: "pr-24 ui-footer-link" %>
225
225
  <%= link_to 'Legals', abs_url("/legals"), class: "pr-24 ui-footer-link" %>
226
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 sm:pl-0 ">
230
+ <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 md:pl-0 ">
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 ui-footer-tick-icon")) %>
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")) %>
233
233
  <div>
234
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">SOC 2 Type 2</p>
234
+ <p class="ui-footer-compliance-text font-medium">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 md:col-start-2">
238
+ <div class="flex mr-24 sm:col-start-2">
239
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
240
  <div>
241
241
  <p class="ui-footer-compliance-text font-medium">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 md:col-start-3">
245
+ <div class="flex mr-24 sm:col-start-3">
246
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
247
  <div>
248
248
  <p class="ui-footer-compliance-text font-medium">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 md:col-start-4">
252
+ <div class="flex mr-24 sm:col-start-4">
253
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
254
  <div>
255
255
  <p class="ui-footer-compliance-text font-medium">256-bit AES</p>
data/lib/ably_ui/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.35640ff'
2
+ VERSION = '8.7.0.dev.76421ba'
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.35640ff
4
+ version: 8.7.0.dev.76421ba
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-04 00:00:00.000000000 Z
13
+ date: 2023-01-10 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component