Skip to content

Commit ada1b4e

Browse files
reveurguysxd
reveurguy
authored and
sxd
committed
chore: improve package.json formatting
chore: added bluesky, mastodon svg's chore: improved nav layout feat: redesign footer layout and add community links - Improved nav layout - Added bluesky, mastodon SVGs - Improved package.json formatting Signed-off-by: Priyanshu Singh <[email protected]>
1 parent 3686f1c commit ada1b4e

File tree

6 files changed

+105
-53
lines changed

6 files changed

+105
-53
lines changed

‎assets/icons/bluesky.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎assets/icons/mastodon.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎layouts/index.html‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,9 @@
2828
<!--Section starts here-->
2929
<div class="text-center bg-cnp-blue md:py-36 py-14">
3030
<h1 class="md:text-xl text-white text-base">This open source project has been originally created by</h1>
31-
<a href="https://www.enterprisedb.com/products/cloud-native-postgresql-kubernetes-ha-clusters-k8s-containers-scalable"><img src="logo/edb_landscape_color_grey.svg" alt="EDB logo" class="mx-auto pt-6 h-20 md:h-24"></a>
31+
<a
32+
href="https://www.enterprisedb.com/products/cloud-native-postgresql-kubernetes-ha-clusters-k8s-containers-scalable"><img
33+
src="logo/edb_landscape_color_grey.svg" alt="EDB logo" class="mx-auto pt-6 h-20 md:h-24"></a>
3234
<div class="mx-auto md:py-24 md:px-56 px-4 py-8">
3335
<hr>
3436
</div>
@@ -42,10 +44,5 @@ <h1 class="md:text-5xl font-bold text-white leading-10 md:pt-4 text-3xl">Open So
4244
on <a href="https://github.com/cloudnative-pg/cloudnative-pg" class="text-rose-600">GitHub</a>.</p>
4345
</div>
4446
<!--Section ends here-->
45-
46-
<div class="text-center pt-24">
47-
<a href="https://github.com/cloudnative-pg/cloudnative-pg"
48-
class="bg-red-1 py-4 px-12 rounded-full text-white text-xl">View on GitHub</a>
49-
</div>
5047
</section>
5148
{{ end }}

‎layouts/partials/footer.html‎

Lines changed: 67 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,74 @@
1-
<footer class="text-center pb-24">
2-
<p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
1+
<footer class="section pb-0">
32

4-
Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br />
5-
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 />
3+
<div class="pt-16">
4+
<div
5+
class="max-w-6xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10 pb-10 border-b border-b-zinc-200">
6+
7+
<!-- Learn -->
8+
<div>
9+
<h3 class="text-3xl font-semibold mb-0">Learn</h3>
10+
<div class="space-y-2 text-base text-red-500">
11+
<div><a href="/docs" class="hover:text-red-700 transition">Documentation</a></div>
12+
<div><a href="https://cloudnative-pg.io/documentation/current/quickstart/"
13+
class="hover:text-red-600 transition">Quickstart Guide</a></div>
14+
<div><a href="https://github.com/cloudnative-pg/cloudnative-pg/blob/main/CONTRIBUTING.md"
15+
class="hover:text-red-600 transition">How to Contribute</a></div>
16+
</div>
17+
</div>
18+
19+
<!-- Community -->
20+
<div>
21+
<h3 class="text-3xl font-semibold mb-0">Community</h3>
22+
<div class="space-y-2 text-base text-red-500">
23+
<div><a href="/blog" class="hover:text-red-700 transition">Blog</a></div>
24+
<div><a href="/releases" class="hover:text-red-600 transition">Releases</a></div>
25+
<div><a href="https://cloudnative-pg.io/community/" class="hover:text-red-600 transition">Community</a>
26+
</div>
27+
</div>
28+
</div>
629

7-
<a href="https://www.linuxfoundation.org/trademark-usage/" class="red-1">The Linux Foundation has registered trademarks and uses trademarks</a>.<br /><br />
30+
<!-- Logo + Social -->
31+
<div class="flex flex-col items-center">
32+
<a href="https://cloudnative-pg.io/">
33+
<img src="/logo/large_logo.svg" alt="CloudNativePG Logo" class="mb-2">
34+
</a>
35+
<div class="flex space-x-4 mb-2">
36+
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
37+
<img src="/icons/Slack.svg" alt="Slack" title="Join our Slack channel now!">
38+
</a>
39+
<a href="https://twitter.com/CloudNativePg">
40+
<img src="/icons/Twitter.svg" alt="Twitter">
41+
</a>
42+
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
43+
<img src="/icons/YouTube.svg" alt="YouTube">
44+
</a>
45+
<a href="https://mastodon.social/@CloudNativePG" class="px-1">
46+
<img src="/icons/mastodon.svg" alt="Mastodon">
47+
</a>
48+
<a href="https://bsky.app/profile/cloudnativepg.bsky.social" class="px-1">
49+
<img src="/icons/bluesky.svg" alt="Bluesky">
50+
</a>
51+
</div>
52+
<div class="text-center pt-4">
53+
<a href="https://github.com/cloudnative-pg/cloudnative-pg"
54+
class="bg-red-1 py-2 px-12 rounded-full text-white text-xl">View on GitHub</a>
55+
</div>
56+
</div>
57+
</div>
58+
</div>
859

9-
<a href="https://www.postgresql.org/about/policies/trademarks"
10-
class="red-1">Postgres, PostgreSQL and the Slonik Logo are trademarks or
60+
<!-- Legal Text Section -->
61+
<div class="text-center pb-4">
62+
<p class="text-sm charcoal md:w-1/2 mx-auto md:pt-10 px-6 pt-12">
63+
Copyright &copy; CloudNativePG a Series of LF Projects, LLC.<br />
64+
For website terms of use, trademark policy and other project policies please see
65+
<a href="https://lfprojects.org/policies/">LF Projects, LLC Policies</a>.<br /><br />
66+
<a href="https://www.linuxfoundation.org/trademark-usage/" class="red-1">The Linux Foundation has registered
67+
trademarks and uses trademarks</a>.<br /><br />
68+
<a href="https://www.postgresql.org/about/policies/trademarks" class="red-1">Postgres, PostgreSQL and the Slonik
69+
Logo are trademarks or
1170
registered trademarks of the PostgreSQL Community Association of Canada, and
1271
used with their permission</a>.
13-
1472
</p>
73+
</div>
1574
</footer>

‎layouts/partials/nav.html‎

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!--Navbar starts here-->
22
<nav>
33
<header>
4-
<div class="md:flex md:flex-row md:px-16 md:justify-between py-5">
4+
<div class="md:flex md:flex-row md:px-16 md:justify-between py-5 items-center">
55
<div class="flex justify-between px-4 md:hidden">
66
<div>
77
{{ $image := resources.Get "logo/large_logo.svg" }}
@@ -20,7 +20,7 @@
2020
</div>
2121

2222
<div class="hidden md:block">
23-
<ul class="md:flex gap-14 text-2xl medium-gray my-5">
23+
<ul class="md:flex gap-14 text-2xl medium-gray my-5 pb-0">
2424
<li><a href="/blog">Blog</a></li>
2525
<li><a href="/tags/tutorial">Tutorials</a></li>
2626
<li><a href="/releases">Releases</a></li>
@@ -56,19 +56,10 @@
5656
</div>
5757
<!--For hamburger click -->
5858

59-
<div class="flex gap-5 my-4 fill-cnp-blue hidden md:flex">
59+
<div class="my-4 hidden md:flex">
6060
<a class="github-button" href="https://github.com/cloudnative-pg/cloudnative-pg"
6161
data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true"
6262
aria-label="Star cloudnative-pg/cloudnative-pg on GitHub">Star</a>
63-
<a href="https://cloud-native.slack.com/archives/C08MAUJ7NPM">
64-
<img src="/icons/Slack.svg" alt="Slack" title="Join our Slack channel now!">
65-
</a>
66-
<a href="https://twitter.com/CloudNativePg">
67-
<img src="/icons/Twitter.svg" alt="Twitter">
68-
</a>
69-
<a href="https://www.youtube.com/channel/UCTGH88W1BiuRRPTzJUDPJyA">
70-
<img src="/icons/YouTube.svg" alt="YouTube">
71-
</a>
7263
</div>
7364
</div>
7465
</header>

‎package.json‎

Lines changed: 26 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,29 @@
11
{
2+
"name": "cloudnative-pg",
3+
"version": "1.0.0",
4+
"description": "",
5+
"homepage": "https://github.com/EnterpriseDB/temp-cnp-webpage#readme",
6+
"bugs": {
7+
"url": "https://github.com/EnterpriseDB/temp-cnp-webpage/issues"
8+
},
9+
"repository": {
10+
"type": "git",
11+
"url": "git+https://github.com/EnterpriseDB/temp-cnp-webpage.git"
12+
},
13+
"license": "ASF v2",
14+
"author": "",
15+
"main": "postcss.config.js",
16+
"scripts": {
17+
"build": "NODE_ENV=production npm run css && hugo -e production",
18+
"build-dev": "NODE_ENV=development npm run css && hugo -D -e development --disableFastRender",
19+
"css": "npx tailwindcss build -i assets/css/main.css -o assets/css/output.css",
20+
"dev": "NODE_ENV=development npm run css && hugo server -D -e development --disableFastRender",
21+
"prod": "NODE_ENV=production npm run css && hugo server -e production"
22+
},
23+
"dependencies": {
24+
"postcss": "^8.3.11",
25+
"postcss-scss": "^4.0.2"
26+
},
227
"devDependencies": {
328
"@babel/cli": "^7.12.8",
429
"@babel/core": "^7.12.9",
@@ -10,31 +35,5 @@
1035
"postcss-object-fit-images": "^1.1.2",
1136
"postcss-preset-env": "^6.7.0",
1237
"tailwindcss": "^3.0.23"
13-
},
14-
"dependencies": {
15-
"postcss": "^8.3.11",
16-
"postcss-scss": "^4.0.2",
17-
"tailwindcss": "^3.0.23"
18-
},
19-
"name": "cloudnative-pg",
20-
"description": "",
21-
"version": "1.0.0",
22-
"main": "postcss.config.js",
23-
"scripts": {
24-
"css": "npx tailwindcss build -i assets/css/main.css -o assets/css/output.css",
25-
"prod": "NODE_ENV=production npm run css && hugo server -e production",
26-
"build": "NODE_ENV=production npm run css && hugo -e production",
27-
"dev": "NODE_ENV=development npm run css && hugo server -D -e development --disableFastRender",
28-
"build-dev": "NODE_ENV=development npm run css && hugo -D -e development --disableFastRender"
29-
},
30-
"repository": {
31-
"type": "git",
32-
"url": "git+https://github.com/EnterpriseDB/temp-cnp-webpage.git"
33-
},
34-
"author": "",
35-
"license": "ASF v2",
36-
"bugs": {
37-
"url": "https://github.com/EnterpriseDB/temp-cnp-webpage/issues"
38-
},
39-
"homepage": "https://github.com/EnterpriseDB/temp-cnp-webpage#readme"
38+
}
4039
}

0 commit comments

Comments
 (0)