Skip to content

Commit 0cbdd8e

Browse files
alexellisalexellis
committed
Add inlets-cloud to website
Signed-off-by: Alex Ellis (OpenFaaS Ltd) <[email protected]>
1 parent 2d96cce commit 0cbdd8e

12 files changed

+218
-28
lines changed

Diff for: ‎_includes/cloud/cloud-cta.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
2+
<div class="bg-indigo-50">
3+
<div class="max-w-7xl mx-auto px-4 sm:px-6 py-12 lg:px-8 lg:flex lg:items-center lg:justify-between">
4+
<h2 class="font-bold tracking-tight text-gray-900 md:text-4xl">
5+
<span class="block mb-2 text-3xl">Register for access to inlets cloud.</span>
6+
<span class="block text-indigo-600 text-2xl">Free during beta.</span>
7+
</h2>
8+
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
9+
<div class="inline-flex rounded-md shadow">
10+
<a href="https://cloud.inlets.dev/" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700">
11+
Register now
12+
</a>
13+
</div>
14+
</div>
15+
</div>
16+
</div>
17+

Diff for: ‎_includes/cloud/cloud-hero.html

+118
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
<div class="bg-gray-100">
2+
<div class="pt-12 sm:pt-16 lg:pt-20">
3+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
4+
<div class="text-center">
5+
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl lg:text-5xl">
6+
Managed Tunnels with Inlets Cloud
7+
</h2>
8+
<p class="mt-4 text-xl text-gray-600">
9+
Get instant HTTPS or SSH tunnels to your local network, without managing infrastructure.
10+
</p>
11+
12+
</div>
13+
</div>
14+
</div>
15+
16+
<div class="mt-8 bg-white pb-5 sm:mt-12 sm:pb-8 lg:pb-12">
17+
<div class="relative">
18+
<div class="absolute inset-0 h-1/2 bg-gray-100"></div>
19+
<div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
20+
<div class="max-w-lg mx-auto rounded-lg shadow-lg overflow-hidden lg:max-w-none lg:flex">
21+
<div class="flex-1 bg-white px-6 py-4 lg:p-6">
22+
<h3 class="text-2xl font-extrabold text-gray-900 sm:text-3xl">
23+
How do managed tunnels work?
24+
</h3>
25+
<p class="mt-6 text-base leading-7 text-gray-500">
26+
Bring your domain, and we'll do the rest. Just copy and paste the command or YAML for the inlets client.
27+
</p>
28+
29+
<div class="mt-8">
30+
<div class="flex items-center">
31+
<h4 class="flex-shrink-0 pr-4 bg-white text-sm tracking-wider font-semibold uppercase text-indigo-600">
32+
For self-hosting, sharing work with your team, remote access, and support.
33+
</h4>
34+
<div class="flex-1 border-t-2 border-gray-200"></div>
35+
</div>
36+
<ul class="mt-8 space-y-3 lg:space-y-0 lg:grid lg:grid-cols-2 lg:gap-x-8 lg:gap-y-1">
37+
38+
39+
<li class="flex items-start lg:col-span-1 lg:pb-2">
40+
<div class="flex-shrink-0">
41+
<!-- Heroicon name: check-circle -->
42+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
43+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
44+
</svg>
45+
</div>
46+
<p class="ml-3 text-sm text-gray-700">
47+
Expose reverse proxies like: Caddy, Nginx &amp; Traefik
48+
</p>
49+
</li>
50+
51+
<li class="flex items-start lg:col-span-1 lg:pb-2">
52+
<div class="flex-shrink-0">
53+
<!-- Heroicon name: check-circle -->
54+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
55+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
56+
</svg>
57+
</div>
58+
<p class="ml-3 text-sm text-gray-700">
59+
Bring your own custom domains for your tunnels
60+
</p>
61+
</li>
62+
63+
64+
<li class="flex items-start lg:col-span-1 lg:pb-2">
65+
<div class="flex-shrink-0">
66+
<!-- Heroicon name: check-circle -->
67+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
68+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
69+
</svg>
70+
</div>
71+
<p class="ml-3 text-sm text-gray-700">
72+
Connect Kubernetes Ingress or Istio to the Internet
73+
</p>
74+
</li>
75+
76+
<li class="flex items-start lg:col-span-1 lg:pb-2">
77+
<div class="flex-shrink-0">
78+
<!-- Heroicon name: check-circle -->
79+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
80+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
81+
</svg>
82+
</div>
83+
<p class="ml-3 text-sm text-gray-700">
84+
Get fast, low-latency connections for EU and US.
85+
</p>
86+
</li>
87+
88+
<li class="flex items-start lg:col-span-1 lg:pb-2">
89+
<div class="flex-shrink-0">
90+
<!-- Heroicon name: check-circle -->
91+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
92+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
93+
</svg>
94+
</div>
95+
<p class="ml-3 text-sm text-gray-700">
96+
SSH into any host on your network with <a class="underline inlets-blue-900" href="/blog/2024/10/17/ssh-with-inlets-cloud.html">sshmux</a>
97+
</p>
98+
</li>
99+
100+
<li class="flex items-start lg:col-span-1 lg:pb-2">
101+
<div class="flex-shrink-0">
102+
<!-- Heroicon name: check-circle -->
103+
<svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
104+
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
105+
</svg>
106+
</div>
107+
<p class="ml-3 text-sm text-gray-700">
108+
Free support via our Discord community.
109+
</p>
110+
</li>
111+
112+
</div>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
118+
</div>

Diff for: ‎_includes/cloud/cloud-tour.html

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<div class="bg-white">
2+
<div class="relative mb-3">
3+
<h3 class="text-center mb-2 text-xl leading-8 font-bold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
4+
Create new tunnels in seconds ⏱️
5+
</h3>
6+
<p>
7+
<img class="relative mx-auto" width="800" src="/images/cloud/welcome.png" alt="The inlets-cloud dashboard">
8+
</p>
9+
<p class="my-6 max-w-3xl mx-auto text-center text-l leading-7 text-gray-500">
10+
From here you can create tunnels, verify new domains and understand your recent usage.
11+
</p>
12+
</div>
13+
14+
15+
<div class="relative mb-3">
16+
<h3 class="text-center mb-2 text-xl leading-8 font-bold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
17+
Your tunnel at a glance
18+
</h3>
19+
<p>
20+
<img class="relative mx-auto" width="800" src="/images/cloud/tunnel_stats.png" alt="The inlets-cloud dashboard">
21+
</p>
22+
<p class="my-6 max-w-3xl mx-auto text-center text-l leading-7 text-gray-500">
23+
See how much traffic is passing through your tunnel, and its configuration in one place.
24+
</p>
25+
</div>
26+
27+
28+
<div class="relative mb-3">
29+
<h3 class="text-center mb-2 text-xl leading-8 font-bold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
30+
Register custom domains
31+
</h3>
32+
<p>
33+
<img class="relative mx-auto" width="800" src="/images/cloud/domains.png" alt="The inlets-cloud dashboard">
34+
</p>
35+
<p class="my-6 max-w-3xl mx-auto text-center text-l leading-7 text-gray-500">
36+
Once you've verified a domain, you can add as many tunnels as you want under it.
37+
</p>
38+
</div>
39+
40+
<div class="relative mb-3">
41+
<h3 class="text-center text-2xl leading-8 font-bold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
42+
Kubernetes YAML or CLI command?
43+
</h3>
44+
<p>
45+
<img class="relative mx-auto" width="800" src="/images/cloud/connect-yaml.png" alt="The inlets-cloud dashboard">
46+
</p>
47+
<p class="my-6 max-w-3xl mx-auto text-center text-l leading-7 text-gray-500">
48+
Whether you're using Kubernetes, and want some YAML to apply, are using a CLI, or systemd, just hit copy/paste and you're all set.
49+
</p>
50+
</div>
51+
52+
<div class="relative mb-3">
53+
<h3 class="text-center mb-2 text-2xl leading-8 font-bold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
54+
Connect to any device with SSH
55+
</h3>
56+
<img class="relative mx-auto" width="800" src="http://img.youtube.com/vi/ws3-VlL2884/maxresdefault.jpg" alt="Video demo of SSH tunnels">
57+
<p class="my-6 max-w-3xl mx-auto text-center text-l leading-7 text-gray-500">
58+
There's no need to install a VPN, and each host gets its own custom sub-domain. IP allow lists combined with key-based logins keep your devices secure. <a class="underline inlets-blue-900" href="https://www.youtube.com/watch?v=ws3-VlL2884">Demo of SSH with inlets-cloud</a>
59+
</p>
60+
</div>
61+
62+
63+
</div>

Diff for: ‎_includes/cta.html

-23
This file was deleted.

Diff for: ‎_includes/footer.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@
2222
</div>
2323
<div class="mt-8 md:mt-0 md:order-1 flex justify-center">
2424
<div class="text-center text-base leading-6 text-gray-400 ml-3">
25-
<p class="text-2xl">Find us on the</p>
26-
<img style="max-width: 18em" src="/images/cncf-landscape.png">
25+
<p class="text-l">Find us on the</p>
26+
<img style="max-width: 10em" src="/images/cncf-landscape.png">
2727
</div>
2828
</div>
2929
</div>

Diff for: ‎_includes/header.html

+2
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@
2222
<a href="/#top" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">About</a>
2323
<a href="/blog/" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">Blog</a>
2424
<a href="/pricing/" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">Pricing</a>
25+
<a href="/cloud/" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">Inlets Cloud</a>
26+
2527
<a href="/#comparison" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">Comparison</a>
2628
<a href="/#features" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">Features</a>
2729
<a href="/#faq" class="font-medium text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out">FAQ</a>

Diff for: ‎_includes/start.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<div class="bg-indigo-50">
22
<div class="max-w-7xl mx-auto px-4 sm:px-6 py-12 lg:px-8 lg:flex lg:items-center lg:justify-between">
3-
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 md:text-4xl">
4-
<span class="block mb-2">Setup your first HTTP or TCP tunnel.</span>
5-
<span class="block text-indigo-600">Completely private, self-hosted, no rate-limits.</span>
3+
<h2 class="font-bold tracking-tight text-gray-900 md:text-4xl">
4+
<span class="block mb-2 text-3xl">Setup your first HTTPS or TCP tunnel today.</span>
5+
<span class="block text-indigo-600 text-2xl">It's private, self-hosted with no bandwidth or rate-limits.</span>
66
</h2>
77
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
88
<div class="inline-flex rounded-md shadow">

Diff for: ‎cloud/index.html

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: default
3+
title: Inlets Cloud - managed tunnels
4+
---
5+
6+
{% include cloud/cloud-hero.html %}
7+
8+
{% include cloud/cloud-tour.html %}
9+
10+
{% include cloud/cloud-cta.html %}
11+
12+
<!-- {% include start.html %} -->
13+
<div style="padding-bottom: 20px;"></div>

Diff for: ‎images/cloud/connect-yaml.png

199 KB
Loading

Diff for: ‎images/cloud/domains.png

154 KB
Loading

Diff for: ‎images/cloud/tunnel_stats.png

134 KB
Loading

Diff for: ‎images/cloud/welcome.png

242 KB
Loading

0 commit comments

Comments
 (0)