ably-ui 8.2.1.dev.611f3bd → 8.2.1
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/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}));
|