ably-ui 8.2.1.dev.611f3bd → 8.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/lib/ably_ui/core/core.rb +0 -4
- data/lib/ably_ui/core/images/blog-thumb1.jpg +0 -0
- data/lib/ably_ui/core/images/blog-thumb2.jpg +0 -0
- data/lib/ably_ui/core/images/blog-thumb3.jpg +0 -0
- data/lib/ably_ui/core/meganav/component.css +1 -11
- data/lib/ably_ui/core/meganav/component.js +1 -1
- data/lib/ably_ui/core/meganav/component.json +4 -4
- data/lib/ably_ui/core/meganav/meganav.rb +4 -8
- data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
- data/lib/ably_ui/core/meganav_blog_posts_list/meganav_blog_posts_list.html.erb +4 -4
- data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +80 -101
- data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +91 -95
- data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +83 -112
- data/lib/ably_ui/core/{meganav_content_company → meganav_content_why_ably}/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_why_ably/meganav_content_why_ably.html.erb +70 -0
- data/lib/ably_ui/core/{meganav_content_company/meganav_content_company.rb → meganav_content_why_ably/meganav_content_why_ably.rb} +1 -2
- data/lib/ably_ui/core/meganav_control/component.js +1 -1
- data/lib/ably_ui/core/meganav_control/meganav_control.html.erb +1 -1
- data/lib/ably_ui/core/meganav_control/meganav_control.rb +2 -8
- data/lib/ably_ui/core/meganav_control_mobile_panel_close/meganav_control_mobile_panel_close.html.erb +2 -4
- data/lib/ably_ui/core/meganav_control_mobile_panel_close/meganav_control_mobile_panel_close.rb +1 -4
- data/lib/ably_ui/core/meganav_items_desktop/meganav_items_desktop.html.erb +3 -4
- data/lib/ably_ui/core/meganav_items_desktop/meganav_items_desktop.rb +0 -8
- data/lib/ably_ui/core/meganav_items_mobile/meganav_items_mobile.html.erb +1 -1
- data/lib/ably_ui/core/meganav_items_mobile/meganav_items_mobile.rb +0 -4
- data/lib/ably_ui/core/meganav_items_signed_in/meganav_items_signed_in.html.erb +1 -1
- data/lib/ably_ui/core/sprites.svg +0 -141
- data/lib/ably_ui/core/styles.css +0 -4
- data/lib/ably_ui/version.rb +1 -1
- metadata +15 -15
- data/lib/ably_ui/core/images/icon-tech-aws.svg +0 -4
- data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +0 -81
- data/lib/ably_ui/react/connect_state_wrapper/component.js +0 -1
- data/lib/ably_ui/react/scripts.js +0 -1
@@ -1,104 +1,83 @@
|
|
1
|
-
<
|
2
|
-
<div
|
3
|
-
|
4
|
-
<div class="
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
<li>
|
10
|
-
<%= link_to abs_url("/docs"), class: "ui-meganav-media-with-image group" do %>
|
11
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-docs-col", size: "2.5rem")) %>
|
12
|
-
<div class="flex flex-col justify-center">
|
13
|
-
<p class="ui-meganav-media-heading">Documentation</p>
|
14
|
-
<p class="ui-meganav-media-copy">Technical guides to help you build with Ably.</p>
|
15
|
-
</div>
|
16
|
-
<% end %>
|
17
|
-
</li>
|
18
|
-
<li>
|
19
|
-
<%= link_to abs_url("/docs/key-concepts"), class: "ui-meganav-media-with-image group" do %>
|
20
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-lightbulb-col", size: "2.5rem")) %>
|
21
|
-
<div class="flex flex-col justify-center">
|
22
|
-
<p class="ui-meganav-media-heading">Concepts</p>
|
23
|
-
<p class="ui-meganav-media-copy">Read about core Ably platform concepts.</p>
|
24
|
-
</div>
|
25
|
-
<% end %>
|
26
|
-
</li>
|
27
|
-
<li>
|
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
|
-
<div class="flex flex-col justify-center">
|
31
|
-
<p class="ui-meganav-media-heading">Quickstart guides</p>
|
32
|
-
<p class="ui-meganav-media-copy">Documentation to help you get up and running quickly.</p>
|
33
|
-
</div>
|
34
|
-
<% end %>
|
35
|
-
</li>
|
36
|
-
</ul>
|
1
|
+
<section class="ui-meganav-content ui-grid-gap md:grid-cols-3">
|
2
|
+
<div>
|
3
|
+
<h3 class="ui-meganav-overline md:mb-8">Documentation</h3>
|
4
|
+
<div class="relative mb-16">
|
5
|
+
<%= tag.form class: "relative", action: abs_url("/search"), method: "get" do %>
|
6
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-gui-search", size: "1.5rem", color: "text-cool-black", additional_css: "absolute top-8 left-8 pt-1 mt-1")) %>
|
7
|
+
<input type="search" name="q" class="ui-input pl-48" placeholder="Search docs" />
|
8
|
+
<% end %>
|
37
9
|
</div>
|
10
|
+
<p class="text-p1 font-medium text-cool-black mb-20">
|
11
|
+
Docs, quick start guides, tutorials, and API reference to help you start building with Ably’s platform and APIs.
|
12
|
+
</p>
|
38
13
|
|
39
|
-
|
40
|
-
|
41
|
-
<li>
|
42
|
-
<%= link_to abs_url("/download"), class: "ui-meganav-media-with-image group" do %>
|
43
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-sdks-col", size: "2.5rem")) %>
|
44
|
-
<div class="flex flex-col justify-center">
|
45
|
-
<p class="ui-meganav-media-heading">SDKs</p>
|
46
|
-
<p class="ui-meganav-media-copy">Download an SDK to help you build realtime apps faster.</p>
|
47
|
-
</div>
|
48
|
-
<% end %>
|
49
|
-
</li>
|
50
|
-
<li>
|
51
|
-
<%= link_to abs_url("/tutorials"), class: "ui-meganav-media-with-image group" do %>
|
52
|
-
<%= render(AblyUi::Core::Icon.new(name: "icon-display-tutorials-demos-col", size: "2.5rem")) %>
|
53
|
-
<div class="flex flex-col justify-center">
|
54
|
-
<p class="ui-meganav-media-heading">Tutorials & Demos</p>
|
55
|
-
<p class="ui-meganav-media-copy">Get stuck in with our hands-on resources. </p>
|
56
|
-
</div>
|
57
|
-
<% end %>
|
58
|
-
</li>
|
59
|
-
</ul>
|
60
|
-
</div>
|
14
|
+
<%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/docs"))) do %>Visit Documentation<% end %>
|
15
|
+
</div>
|
61
16
|
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
</
|
17
|
+
<div>
|
18
|
+
<h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-explore">Explore</h3>
|
19
|
+
<ul aria-labelledby="meganav-developers-panel-explore">
|
20
|
+
<li>
|
21
|
+
<%= link_to abs_url("/integrations"), class: "ui-meganav-media group" do %>
|
22
|
+
<p class="ui-meganav-media-heading">Third-party integrations & plugins</p>
|
23
|
+
<p class="ui-meganav-media-copy">Integrate and extend Ably with cloud services like AWS Kinesis.</p>
|
24
|
+
<% end %>
|
25
|
+
</li>
|
26
|
+
<li>
|
27
|
+
<%= link_to abs_url("/protocols"), class: "ui-meganav-media group" do %>
|
28
|
+
<p class="ui-meganav-media-heading">Multi-protocol messaging</p>
|
29
|
+
<p class="ui-meganav-media-copy">We support pub/sub over WebSockets, MQTT, SSE, and more.</p>
|
30
|
+
<% end %>
|
31
|
+
</li>
|
32
|
+
<li>
|
33
|
+
<%= link_to abs_url("/hub"), class: "ui-meganav-media group" do %>
|
34
|
+
<p class="ui-meganav-media-heading">Streaming data sources</p>
|
35
|
+
<p class="ui-meganav-media-copy">Augment your apps with realtime updates like weather or transit.</p>
|
36
|
+
<% end %>
|
37
|
+
</li>
|
38
|
+
<li>
|
39
|
+
<%= link_to abs_url("/periodic-table-of-realtime"), class: "ui-meganav-media group" do %>
|
40
|
+
<p class="ui-meganav-media-heading">The Periodic Table of Realtime</p>
|
41
|
+
<p class="ui-meganav-media-copy">A compendium for all things realtime and event-driven.</p>
|
42
|
+
<% end %>
|
43
|
+
</li>
|
44
|
+
</ul>
|
45
|
+
</div>
|
46
|
+
|
47
|
+
<div>
|
48
|
+
<h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-quick-links">Quick links</h3>
|
49
|
+
<ul aria-labelledby="meganav-developers-panel-quick-links">
|
50
|
+
<li>
|
51
|
+
<%= link_to abs_url("/download"), class: "group ui-meganav-media py-12" do %>
|
52
|
+
<p class="ui-meganav-media-heading">Download an SDK</p>
|
53
|
+
<% end %>
|
54
|
+
</li>
|
55
|
+
|
56
|
+
<li>
|
57
|
+
<a href="https://changelog.ably.com/" class="group ui-meganav-media py-12">
|
58
|
+
<p class="ui-meganav-media-heading">Platform changelog</p>
|
59
|
+
</a>
|
60
|
+
</li>
|
61
|
+
|
62
|
+
<li>
|
63
|
+
<%= link_to abs_url("/support"), class: "group ui-meganav-media py-12" do %>
|
64
|
+
<p class="ui-meganav-media-heading">Support & FAQs</p>
|
65
|
+
<% end %>
|
66
|
+
</li>
|
67
|
+
|
68
|
+
<li>
|
69
|
+
<a href="https://status.ably.com/" class="group ui-meganav-media py-12">
|
70
|
+
<p class="ui-meganav-media-heading">
|
71
|
+
Status<iframe
|
72
|
+
src="https://status.ably.com/embed/icon"
|
73
|
+
allowtransparency="true"
|
74
|
+
frameborder="0"
|
75
|
+
scrolling="no"
|
76
|
+
class="w-24 h-24 ml-4 border-none pointer-events-none align-middle"
|
77
|
+
></iframe>
|
78
|
+
</p>
|
79
|
+
</a>
|
80
|
+
</li>
|
81
|
+
</ul>
|
82
|
+
</div>
|
83
|
+
</section>
|
@@ -1,101 +1,97 @@
|
|
1
|
-
<
|
2
|
-
<div class="
|
3
|
-
|
4
|
-
|
5
|
-
<
|
6
|
-
|
7
|
-
<h3 class="ui-meganav-overline ml-24">The Ably Platform</h3>
|
8
|
-
</div>
|
1
|
+
<section class="ui-meganav-content ui-grid-gap sm:grid-cols-2 md:grid-cols-3">
|
2
|
+
<div class="sm:col-span-full md:col-span-1">
|
3
|
+
<div class="flex mb-20">
|
4
|
+
<%= image_tag(ably_stack_path, alt: "Ably homepage") %>
|
5
|
+
<h3 class="ui-meganav-overline ml-24">The Ably Platform</h3>
|
6
|
+
</div>
|
9
7
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
8
|
+
<p class="text-p2 font-medium text-cool-black mb-8">
|
9
|
+
Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything
|
10
|
+
realtime, and lets you focus on your code.
|
11
|
+
</p>
|
14
12
|
|
15
|
-
|
16
|
-
|
13
|
+
<%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/platform"))) do %>Explore how it works<% end %>
|
14
|
+
</div>
|
17
15
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
16
|
+
<div>
|
17
|
+
<h3 class="ui-meganav-overline" id="meganav-platform-panel-list-examples">Examples</h3>
|
18
|
+
<ul aria-labelledby="meganav-platform-panel-list-examples">
|
19
|
+
<li>
|
20
|
+
<%= link_to abs_url("/examples/avatar-stack"), class: "ui-meganav-media group" do %>
|
21
|
+
<p class="ui-meganav-media-heading">Avatar Stack</p>
|
22
|
+
<p class="ui-meganav-media-copy">See who is connected in a digital space.</p>
|
23
|
+
<% end %>
|
24
|
+
</li>
|
25
|
+
<li>
|
26
|
+
<%= link_to abs_url("/examples/emoji-reactions"), class: "ui-meganav-media group" do %>
|
27
|
+
<p class="ui-meganav-media-heading">Emoji Reactions</p>
|
28
|
+
<p class="ui-meganav-media-copy">React with an emoji to a message.</p>
|
29
|
+
<% end %>
|
30
|
+
</li>
|
31
|
+
<li>
|
32
|
+
<%= link_to abs_url("/examples/activity-feed"), class: "ui-meganav-media group" do %>
|
33
|
+
<p class="ui-meganav-media-heading">Activity Feed</p>
|
34
|
+
<p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
|
35
|
+
<% end %>
|
36
|
+
</li>
|
37
|
+
<li>
|
38
|
+
<%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
|
39
|
+
<p class="ui-meganav-media-heading">Live Charts</p>
|
40
|
+
<p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
|
41
|
+
<% end %>
|
42
|
+
</li>
|
43
|
+
<li>
|
44
|
+
<%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
|
45
|
+
<p class="ui-meganav-media-heading">Live Cursors</p>
|
46
|
+
<p class="ui-meganav-media-copy">Track all cursors in realtime.</p>
|
47
|
+
<% end %>
|
48
|
+
</li>
|
49
|
+
<li>
|
50
|
+
<%= link_to abs_url("/examples/typing-indicator"), class: "ui-meganav-media group" do %>
|
51
|
+
<p class="ui-meganav-media-heading">Typing Indicator</p>
|
52
|
+
<p class="ui-meganav-media-copy">See when a user is typing a message.</p>
|
53
|
+
<% end %>
|
54
|
+
</li>
|
55
|
+
</ul>
|
58
56
|
|
59
|
-
|
60
|
-
|
57
|
+
<%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"))) do %>Explore all live examples<% end %>
|
58
|
+
</div>
|
61
59
|
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
60
|
+
<div>
|
61
|
+
<h3 class="ui-meganav-overline" id="meganav-platform-panel-list-our-technology">Our technology</h3>
|
62
|
+
<ul class="mb-8" aria-labelledby="meganav-platform-panel-list-our-technology">
|
63
|
+
<li>
|
64
|
+
<%= link_to abs_url("/four-pillars-of-dependability#performance"), class: "ui-meganav-media group" do %>
|
65
|
+
<p class="ui-meganav-media-heading">Predictable performance</p>
|
66
|
+
<p class="ui-meganav-media-copy">We provide predictability so you can be confident your realtime application will always perform as expected.</p>
|
67
|
+
<% end %>
|
68
|
+
</li>
|
69
|
+
<li>
|
70
|
+
<%= link_to abs_url("/four-pillars-of-dependability#integrity"), class: "ui-meganav-media group" do %>
|
71
|
+
<p class="ui-meganav-media-heading">Guaranteed ordering & delivery</p>
|
72
|
+
<p class="ui-meganav-media-copy">We guarantee in-order data delivery, even after disconnections.</p>
|
73
|
+
<% end %>
|
74
|
+
</li>
|
75
|
+
<li>
|
76
|
+
<%= link_to abs_url("/four-pillars-of-dependability#reliability"), class: "ui-meganav-media group" do %>
|
77
|
+
<p class="ui-meganav-media-heading">Fault tolerant infrastructure</p>
|
78
|
+
<p class="ui-meganav-media-copy">Redundant at regional and global levels with 99.999% uptime SLAs.</p>
|
79
|
+
<% end %>
|
80
|
+
</li>
|
81
|
+
<li>
|
82
|
+
<%= link_to abs_url("/four-pillars-of-dependability#availability"), class: "ui-meganav-media group" do %>
|
83
|
+
<p class="ui-meganav-media-heading">High scalability & availability</p>
|
84
|
+
<p class="ui-meganav-media-copy">Elastic, battle-tested global infrastructure for massive scale.</p>
|
85
|
+
<% end %>
|
86
|
+
</li>
|
87
|
+
<li>
|
88
|
+
<%= link_to abs_url("/network"), class: "ui-meganav-media group" do %>
|
89
|
+
<p class="ui-meganav-media-heading">Global edge network</p>
|
90
|
+
<p class="ui-meganav-media-copy">An edge network of 15 core routing datacenters and 200+ PoPs.</p>
|
91
|
+
<% end %>
|
92
|
+
</li>
|
93
|
+
</ul>
|
96
94
|
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
<div class="ui-meganav-content-spacer"></div>
|
101
|
-
</div>
|
95
|
+
<%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/four-pillars-of-dependability"))) do %>Explore our technology<% end %>
|
96
|
+
</div>
|
97
|
+
</section>
|
@@ -1,113 +1,84 @@
|
|
1
|
-
<
|
2
|
-
<div
|
3
|
-
|
4
|
-
<
|
5
|
-
<
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
1
|
+
<section class="ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32">
|
2
|
+
<div>
|
3
|
+
<h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By use case</h3>
|
4
|
+
<ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
|
5
|
+
<li>
|
6
|
+
<%= link_to abs_url("/solutions/edtech"), class: "ui-meganav-media group" do %>
|
7
|
+
<p class="ui-meganav-media-heading">EdTech</p>
|
8
|
+
<p class="ui-meganav-media-copy">Deliver interactive learning experiences like multi-user classrooms with chat.</p>
|
9
|
+
<% end %>
|
10
|
+
</li>
|
11
|
+
<li>
|
12
|
+
<%= link_to abs_url("/solutions/virtual-events"), class: "ui-meganav-media group" do %>
|
13
|
+
<p class="ui-meganav-media-heading">Virtual Events</p>
|
14
|
+
<p class="ui-meganav-media-copy">Power engaging virtual events with interactive realtime features.</p>
|
15
|
+
<% end %>
|
16
|
+
</li>
|
17
|
+
<li>
|
18
|
+
<%= link_to abs_url("/solutions/sports-and-media"), class: "ui-meganav-media group" do %>
|
19
|
+
<p class="ui-meganav-media-heading">Sports & Media</p>
|
20
|
+
<p class="ui-meganav-media-copy">Deliver global realtime experiences to keep fans informed, engaged, entertained.</p>
|
21
|
+
<% end %>
|
22
|
+
</li>
|
23
|
+
<li>
|
24
|
+
<%= link_to abs_url("/solutions/fintech"), class: "ui-meganav-media group" do %>
|
25
|
+
<p class="ui-meganav-media-heading">Fintech</p>
|
26
|
+
<p class="ui-meganav-media-copy">Deliver fast, personalised fintech data in realtime to mobile & web customers.</p>
|
27
|
+
<% end %>
|
28
|
+
</li>
|
29
|
+
<li>
|
30
|
+
<%= link_to abs_url("/solutions/gaming"), class: "ui-meganav-media group" do %>
|
31
|
+
<p class="ui-meganav-media-heading">Gaming</p>
|
32
|
+
<p class="ui-meganav-media-copy">Power interactive gaming experiences that are wicked fast and utterly reliable.</p>
|
33
|
+
<% end %>
|
34
|
+
</li>
|
35
|
+
<li>
|
36
|
+
<%= link_to abs_url("/solutions/automotive-logistics-and-mobility"), class: "ui-meganav-media group" do %>
|
37
|
+
<p class="ui-meganav-media-heading">Automotive, Logistics, & Mobility</p>
|
38
|
+
<p class="ui-meganav-media-copy">Power asset tracking, live transit updates, race-critical diagnostics, and more.</p>
|
39
|
+
<% end %>
|
40
|
+
</li>
|
41
|
+
</ul>
|
42
|
+
</div>
|
29
43
|
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
<li>
|
72
|
-
<%= link_to abs_url("/solutions/sports-and-media"), class: "ui-meganav-media group" do %>
|
73
|
-
<p class="ui-meganav-media-heading">Sports, Media & Audience Engagement</p>
|
74
|
-
<p class="ui-meganav-media-copy">Deliver engaging global realtime experiences.</p>
|
75
|
-
<% end %>
|
76
|
-
</li>
|
77
|
-
<li>
|
78
|
-
<%= link_to abs_url("/solutions/gaming"), class: "ui-meganav-media group" do %>
|
79
|
-
<p class="ui-meganav-media-heading">Gaming</p>
|
80
|
-
<p class="ui-meganav-media-copy">Power ultra fast and reliable gaming experiences.</p>
|
81
|
-
<% end %>
|
82
|
-
</li>
|
83
|
-
<li>
|
84
|
-
<%= link_to abs_url("/solutions/iot-and-connected-devices"), class: "ui-meganav-media group" do %>
|
85
|
-
<p class="ui-meganav-media-heading">IoT & Connected Devices</p>
|
86
|
-
<p class="ui-meganav-media-copy">Monitor and control global IoT deployments in realtime.</p>
|
87
|
-
<% end %>
|
88
|
-
</li>
|
89
|
-
</ul>
|
90
|
-
</div>
|
91
|
-
|
92
|
-
<div class="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
|
93
|
-
<h3 class="ui-meganav-overline" id="meganav-use-cases-panel-solutions">
|
94
|
-
Solutions
|
95
|
-
</h3>
|
96
|
-
<ul aria-labelledby="meganav-use-cases-panel-solutions">
|
97
|
-
<li>
|
98
|
-
<%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
|
99
|
-
<p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
|
100
|
-
<p class="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
|
101
|
-
<% end %>
|
102
|
-
</li>
|
103
|
-
<li>
|
104
|
-
<%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media group" do %>
|
105
|
-
<p class="ui-meganav-media-heading">Asset Tracking</p>
|
106
|
-
<p class="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
|
107
|
-
<% end %>
|
108
|
-
</li>
|
109
|
-
</ul>
|
110
|
-
</div>
|
111
|
-
</section>
|
112
|
-
<div class="ui-meganav-content-spacer"></div>
|
113
|
-
</div>
|
44
|
+
<div>
|
45
|
+
<ul class="md:mt-40" aria-labelledby="meganav-use-cases-panel-industry-use-cases">
|
46
|
+
<li>
|
47
|
+
<%= link_to abs_url("/solutions/b2b-platforms"), class: "ui-meganav-media group" do %>
|
48
|
+
<p class="ui-meganav-media-heading">B2B Platforms</p>
|
49
|
+
<p class="ui-meganav-media-copy">Empower customers with realtime technology that gives them a competitive edge.</p>
|
50
|
+
<% end %>
|
51
|
+
</li>
|
52
|
+
<li>
|
53
|
+
<%= link_to abs_url("/solutions/healthcare"), class: "ui-meganav-media group" do %>
|
54
|
+
<p class="ui-meganav-media-heading">Healthcare</p>
|
55
|
+
<p class="ui-meganav-media-copy">Provide HIPAA-compliant realtime apps healthcare professionals can depend on.</p>
|
56
|
+
<% end %>
|
57
|
+
</li>
|
58
|
+
<li>
|
59
|
+
<%= link_to abs_url("/solutions/ecommerce-and-retail"), class: "ui-meganav-media group" do %>
|
60
|
+
<p class="ui-meganav-media-heading">eCommerce & Retail</p>
|
61
|
+
<p class="ui-meganav-media-copy">Enable realtime pricing, inventory, and transactions to enrich user experiences.</p>
|
62
|
+
<% end %>
|
63
|
+
</li>
|
64
|
+
<li>
|
65
|
+
<%= link_to abs_url("/solutions/iot-and-connected-devices"), class: "ui-meganav-media group" do %>
|
66
|
+
<p class="ui-meganav-media-heading">IoT & Connected Devices</p>
|
67
|
+
<p class="ui-meganav-media-copy">Monitor and control global IoT deployments of any kind in realtime.</p>
|
68
|
+
<% end %>
|
69
|
+
</li>
|
70
|
+
<li>
|
71
|
+
<%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media group" do %>
|
72
|
+
<p class="ui-meganav-media-heading">Asset Tracking</p>
|
73
|
+
<p class="ui-meganav-media-copy">Track assets in realtime with a solution optimized for last mile logistics, food delivery applications, and urban mobility services.</p>
|
74
|
+
<% end %>
|
75
|
+
</li>
|
76
|
+
<li>
|
77
|
+
<%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
|
78
|
+
<p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
|
79
|
+
<p class="ui-meganav-media-copy">Enhance and reliably expand Kafka's event streaming capabilities beyond your private network.</p>
|
80
|
+
<% end %>
|
81
|
+
</li>
|
82
|
+
</ul>
|
83
|
+
</div>
|
84
|
+
</section>
|
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.
|
1
|
+
!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavContentWhyAbly=o())}(this,(function(){return{}.default}));
|