Skip to content

Commit ba873d4

Browse files
gbartolinigbartolini
committed
docs: change support page to a list layout (#284)
Signed-off-by: Floor Drees <[email protected]> Co-authored-by: Jaime Silvela <[email protected]> 77a393e
1 parent 7559d5b commit ba873d4

File tree

29 files changed

+1651
-124
lines changed

29 files changed

+1651
-124
lines changed

‎css/style.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -366,3 +366,9 @@ pre code {
366366
pre {
367367
overflow: scroll;
368368
}
369+
370+
.logo {
371+
max-width: 400px;
372+
max-height: 300px;
373+
display: inline-block;
374+
}

‎end_users/cambium/index.html‎

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
<!DOCTYPE html>
2+
3+
4+
5+
6+
<html lang="en">
7+
8+
<head>
9+
<title>Cambium | CloudNativePG - PostgreSQL Operator for Kubernetes</title>
10+
<meta charset="UTF-8" />
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
12+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
13+
<meta name="description" content="" />
14+
<meta name="keywords" content="" />
15+
<link rel="preload" href="/fonts/Supreme-Variable.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
16+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" />
17+
<link href="/main.min.css" rel="stylesheet" />
18+
<link rel="favicon" href="/favicon/favicon.ico">
19+
<script async defer src="https://buttons.github.io/buttons.js"></script>
20+
21+
<meta name="twitter:card" content="summary_large_image">
22+
<meta name="twitter:image" content="https://cloudnative-pg.io/images/hero_image.png">
23+
<meta name="twitter:title" content="Cambium">
24+
<meta name="twitter:description" content="We switched to CloudNativePG 1.5 years ago, using it for all our “gold” layers. It’ss the main source that we connect to business / location (geospatial) intelligence layers. Our “alternative” was a single node dockerized vm, but CloudNativePG excels at making it really easy to scale, configure tablespaces, backups, perform migrations, you name it! — Miguel Moncada Isla, Tech Lead, Cambium">
25+
26+
<meta property="og:url" content="https://cloudnative-pg.io/end_users/cambium/">
27+
<meta property="og:site_name" content="CloudNativePG - PostgreSQL Operator for Kubernetes">
28+
<meta property="og:title" content="Cambium">
29+
<meta property="og:description" content="We switched to CloudNativePG 1.5 years ago, using it for all our “gold” layers. It’ss the main source that we connect to business / location (geospatial) intelligence layers. Our “alternative” was a single node dockerized vm, but CloudNativePG excels at making it really easy to scale, configure tablespaces, backups, perform migrations, you name it! — Miguel Moncada Isla, Tech Lead, Cambium">
30+
<meta property="og:locale" content="en_us">
31+
<meta property="og:type" content="article">
32+
<meta property="article:section" content="end_users">
33+
<meta property="og:image" content="https://cloudnative-pg.io/images/hero_image.png">
34+
35+
36+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SJWWHL48V3"></script>
37+
<script>
38+
var doNotTrack = false;
39+
if ( false ) {
40+
var dnt = (navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack);
41+
var doNotTrack = (dnt == "1" || dnt == "yes");
42+
}
43+
if (!doNotTrack) {
44+
window.dataLayer = window.dataLayer || [];
45+
function gtag(){dataLayer.push(arguments);}
46+
gtag('js', new Date());
47+
gtag('config', 'G-SJWWHL48V3');
48+
}
49+
</script></head>
50+
51+
<body>
52+
<div class="h-screen w-screen">
53+
54+
<main>
55+
<header>
56+
<div class="md:flex md:flex-row md:px-16 md:justify-between py-5">
57+
<div class="flex justify-between px-4 md:hidden">
58+
<div>
59+
60+
<a href="/"><img src="/logo/large_logo.svg" class="md:h-14 h-9" alt="Cloud Native Postgres Logo"></a>
61+
</div>
62+
<div class="h-6 my-auto" id="toggle-button">
63+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"
64+
stroke-width="2">
65+
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
66+
</svg>
67+
</div>
68+
</div>
69+
<div class="md:block hidden">
70+
71+
<a href="/"><img src="/logo/large_logo.svg" class="h-14" alt="Cloud Native Postgres Logo"></a>
72+
</div>
73+
74+
<div class="hidden md:block">
75+
<ul class="md:flex gap-14 text-2xl medium-gray my-5">
76+
<li><a href="/blog">Blog</a></li>
77+
<li><a href="/releases">Releases</a></li>
78+
<li><a href="/docs">Documentation</a></li>
79+
<li><a href="/support">Support</a></li>
80+
<li><a href="/end_users">End Users</a></li>
81+
</ul>
82+
</div>
83+
84+
<div class="py-4 bg-gray-1 mt-5 hidden" id="navi-list">
85+
<ul class="md:flex gap-14 text-2xl md:medium-gray charcoal">
86+
<li class="text-center py-4"><a href="/blog">Blog</a></li>
87+
<li class="text-center py-4"><a href="/releases">Releases</a></li>
88+
<li class="text-center py-4"><a href="/docs">Documentation</a></li>
89+
<li class="text-center py-4"><a href="/support">Support</a></li>
90+
<li class="text-center py-4"><a href="/end_users">End Users</a></li>
91+
</ul>
92+
<div class="flex gap-3 py-4 justify-center bg-gray-1 fill-cnp-blue">
93+
<a href="https://github.com/cloudnative-pg/cloudnative-pg">
94+
<img src="/icons/Git.svg" alt="Github">
95+
</a>
96+
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
97+
<img src="/icons/Slack.svg" alt="Slack">
98+
</a>
99+
<a href="https://twitter.com/CloudNativePg">
100+
<img src="/icons/Twitter.svg" alt="Twitter">
101+
</a>
102+
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
103+
<img src="/icons/YouTube.svg" alt="YouTube">
104+
</a>
105+
</div>
106+
</div>
107+
108+
109+
<div class="flex gap-5 my-4 fill-cnp-blue hidden md:flex">
110+
<a class="github-button" href="https://github.com/cloudnative-pg/cloudnative-pg"
111+
data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true"
112+
aria-label="Star cloudnative-pg/cloudnative-pg on GitHub">Star</a>
113+
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
114+
<img src="/icons/Slack.svg" alt="Slack" title="Join our Slack channel now!">
115+
</a>
116+
<a href="https://twitter.com/CloudNativePg">
117+
<img src="/icons/Twitter.svg" alt="Twitter">
118+
</a>
119+
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
120+
<img src="/icons/YouTube.svg" alt="YouTube">
121+
</a>
122+
</div>
123+
</div>
124+
</header>
125+
</main>
126+
<script>
127+
const toggleButton = document.getElementById('toggle-button')
128+
const naviList = document.getElementById('navi-list')
129+
130+
toggleButton.addEventListener('click', () => {
131+
naviList.classList.toggle('hidden');
132+
})
133+
</script>
134+
135+
136+
137+
<div class="mx-auto md:w-1/2 px-4">
138+
<h1 class="text-2xl">Cambium</h1>
139+
_default layout
140+
<blockquote>
141+
<p><em>We switched to CloudNativePG 1.5 years ago, using it for all our &ldquo;gold&rdquo; layers. It&rsquo;ss the main source that we connect to business / location (geospatial) intelligence layers. Our &ldquo;alternative&rdquo; was a single node dockerized vm, but CloudNativePG excels at making it really easy to scale, configure tablespaces, backups, perform migrations, you name it!</em>
142+
<br>
143+
— Miguel Moncada Isla, Tech Lead, Cambium</p>
144+
</blockquote>
145+
146+
</div>
147+
148+
149+
<footer class="text-center pb-24">
150+
<p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
151+
152+
Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br />
153+
For website terms of use, trademark policy and other project policies please see <a href="https://lfprojects.org/policies/">LF Projects, LLC Policies</a>.<br /><br />
154+
155+
<a href="https://www.linuxfoundation.org/trademark-usage/" class="red-1">The Linux Foundation has registered trademarks and uses trademarks</a>.<br /><br />
156+
157+
<a href="https://www.postgresql.org/about/policies/trademarks"
158+
class="red-1">Postgres, PostgreSQL and the Slonik Logo are trademarks or
159+
registered trademarks of the PostgreSQL Community Association of Canada, and
160+
used with their permission</a>.
161+
162+
</p>
163+
</footer>
164+
165+
</div>
166+
</body>
167+
168+
</html>

‎end_users/cndi/index.html‎

Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
<!DOCTYPE html>
2+
3+
4+
5+
6+
<html lang="en">
7+
8+
<head>
9+
<title>CNDI | CloudNativePG - PostgreSQL Operator for Kubernetes</title>
10+
<meta charset="UTF-8" />
11+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
12+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
13+
<meta name="description" content="" />
14+
<meta name="keywords" content="" />
15+
<link rel="preload" href="/fonts/Supreme-Variable.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
16+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" />
17+
<link href="/main.min.css" rel="stylesheet" />
18+
<link rel="favicon" href="/favicon/favicon.ico">
19+
<script async defer src="https://buttons.github.io/buttons.js"></script>
20+
21+
<meta name="twitter:card" content="summary_large_image">
22+
<meta name="twitter:image" content="https://cloudnative-pg.io/images/hero_image.png">
23+
<meta name="twitter:title" content="CNDI">
24+
<meta name="twitter:description" content="At cndi.dev, we build interactive Templates for best-in-class cloud-native applications, and CloudNativePG has proven to be an exceptional solution for running PostgreSQL on Kubernetes. Its robust performance and seamless integration—as showcased in our CloudNativePG support at cndi.dev/templates/postgres—make it not only the most effective way to manage PostgreSQL in Kubernetes but also one of the most well-built and well-supported Kubernetes Operators in the ecosystem. — Matt Johnston, CTO Polyseam/CNDI">
25+
26+
<meta property="og:url" content="https://cloudnative-pg.io/end_users/cndi/">
27+
<meta property="og:site_name" content="CloudNativePG - PostgreSQL Operator for Kubernetes">
28+
<meta property="og:title" content="CNDI">
29+
<meta property="og:description" content="At cndi.dev, we build interactive Templates for best-in-class cloud-native applications, and CloudNativePG has proven to be an exceptional solution for running PostgreSQL on Kubernetes. Its robust performance and seamless integration—as showcased in our CloudNativePG support at cndi.dev/templates/postgres—make it not only the most effective way to manage PostgreSQL in Kubernetes but also one of the most well-built and well-supported Kubernetes Operators in the ecosystem. — Matt Johnston, CTO Polyseam/CNDI">
30+
<meta property="og:locale" content="en_us">
31+
<meta property="og:type" content="article">
32+
<meta property="article:section" content="end_users">
33+
<meta property="og:image" content="https://cloudnative-pg.io/images/hero_image.png">
34+
35+
36+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SJWWHL48V3"></script>
37+
<script>
38+
var doNotTrack = false;
39+
if ( false ) {
40+
var dnt = (navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack);
41+
var doNotTrack = (dnt == "1" || dnt == "yes");
42+
}
43+
if (!doNotTrack) {
44+
window.dataLayer = window.dataLayer || [];
45+
function gtag(){dataLayer.push(arguments);}
46+
gtag('js', new Date());
47+
gtag('config', 'G-SJWWHL48V3');
48+
}
49+
</script></head>
50+
51+
<body>
52+
<div class="h-screen w-screen">
53+
54+
<main>
55+
<header>
56+
<div class="md:flex md:flex-row md:px-16 md:justify-between py-5">
57+
<div class="flex justify-between px-4 md:hidden">
58+
<div>
59+
60+
<a href="/"><img src="/logo/large_logo.svg" class="md:h-14 h-9" alt="Cloud Native Postgres Logo"></a>
61+
</div>
62+
<div class="h-6 my-auto" id="toggle-button">
63+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"
64+
stroke-width="2">
65+
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
66+
</svg>
67+
</div>
68+
</div>
69+
<div class="md:block hidden">
70+
71+
<a href="/"><img src="/logo/large_logo.svg" class="h-14" alt="Cloud Native Postgres Logo"></a>
72+
</div>
73+
74+
<div class="hidden md:block">
75+
<ul class="md:flex gap-14 text-2xl medium-gray my-5">
76+
<li><a href="/blog">Blog</a></li>
77+
<li><a href="/releases">Releases</a></li>
78+
<li><a href="/docs">Documentation</a></li>
79+
<li><a href="/support">Support</a></li>
80+
<li><a href="/end_users">End Users</a></li>
81+
</ul>
82+
</div>
83+
84+
<div class="py-4 bg-gray-1 mt-5 hidden" id="navi-list">
85+
<ul class="md:flex gap-14 text-2xl md:medium-gray charcoal">
86+
<li class="text-center py-4"><a href="/blog">Blog</a></li>
87+
<li class="text-center py-4"><a href="/releases">Releases</a></li>
88+
<li class="text-center py-4"><a href="/docs">Documentation</a></li>
89+
<li class="text-center py-4"><a href="/support">Support</a></li>
90+
<li class="text-center py-4"><a href="/end_users">End Users</a></li>
91+
</ul>
92+
<div class="flex gap-3 py-4 justify-center bg-gray-1 fill-cnp-blue">
93+
<a href="https://github.com/cloudnative-pg/cloudnative-pg">
94+
<img src="/icons/Git.svg" alt="Github">
95+
</a>
96+
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
97+
<img src="/icons/Slack.svg" alt="Slack">
98+
</a>
99+
<a href="https://twitter.com/CloudNativePg">
100+
<img src="/icons/Twitter.svg" alt="Twitter">
101+
</a>
102+
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
103+
<img src="/icons/YouTube.svg" alt="YouTube">
104+
</a>
105+
</div>
106+
</div>
107+
108+
109+
<div class="flex gap-5 my-4 fill-cnp-blue hidden md:flex">
110+
<a class="github-button" href="https://github.com/cloudnative-pg/cloudnative-pg"
111+
data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true"
112+
aria-label="Star cloudnative-pg/cloudnative-pg on GitHub">Star</a>
113+
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
114+
<img src="/icons/Slack.svg" alt="Slack" title="Join our Slack channel now!">
115+
</a>
116+
<a href="https://twitter.com/CloudNativePg">
117+
<img src="/icons/Twitter.svg" alt="Twitter">
118+
</a>
119+
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
120+
<img src="/icons/YouTube.svg" alt="YouTube">
121+
</a>
122+
</div>
123+
</div>
124+
</header>
125+
</main>
126+
<script>
127+
const toggleButton = document.getElementById('toggle-button')
128+
const naviList = document.getElementById('navi-list')
129+
130+
toggleButton.addEventListener('click', () => {
131+
naviList.classList.toggle('hidden');
132+
})
133+
</script>
134+
135+
136+
137+
<div class="mx-auto md:w-1/2 px-4">
138+
<h1 class="text-2xl">CNDI</h1>
139+
_default layout
140+
<blockquote>
141+
<p><em>At cndi.dev, we build interactive Templates for best-in-class cloud-native applications, and CloudNativePG has proven to be an exceptional solution for running PostgreSQL on Kubernetes. Its robust performance and seamless integration—as showcased in our CloudNativePG support at cndi.dev/templates/postgres—make it not only the most effective way to manage PostgreSQL in Kubernetes but also one of the most well-built and well-supported Kubernetes Operators in the ecosystem.</em>
142+
<br>
143+
— Matt Johnston, CTO Polyseam/CNDI</p>
144+
</blockquote>
145+
146+
</div>
147+
148+
149+
<footer class="text-center pb-24">
150+
<p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
151+
152+
Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br />
153+
For website terms of use, trademark policy and other project policies please see <a href="https://lfprojects.org/policies/">LF Projects, LLC Policies</a>.<br /><br />
154+
155+
<a href="https://www.linuxfoundation.org/trademark-usage/" class="red-1">The Linux Foundation has registered trademarks and uses trademarks</a>.<br /><br />
156+
157+
<a href="https://www.postgresql.org/about/policies/trademarks"
158+
class="red-1">Postgres, PostgreSQL and the Slonik Logo are trademarks or
159+
registered trademarks of the PostgreSQL Community Association of Canada, and
160+
used with their permission</a>.
161+
162+
</p>
163+
</footer>
164+
165+
</div>
166+
</body>
167+
168+
</html>

0 commit comments

Comments
 (0)