Update page

src/App/Footer.tsx

@@ -19,6 +19,10 @@ export const Footer = memo(() => {
 				"label": t("link3label"),
 				"href": "https://github.com/xbgmsharp/postgsail/tree/main/docs",
 			},
+			{
+				"label": "Support",
+				"href": "https://discord.gg/cpGqA5sZ",
+			},
 		]}
 	/>
 })

src/App/Header.tsx

@@ -4,6 +4,7 @@ import { routes } from "router";
 import { declareComponentKeys, useTranslation, useLang } from "i18n";
 import { createLanguageSelect } from "onyxia-ui/LanguageSelect";
 import type { Language } from "i18n";
+import PostgsailLogo from "assets/PostgsailLogo.svg"
 
 const { LanguageSelect } = createLanguageSelect<Language>({
 	"languagesPrettyPrint": {
@@ -17,7 +18,7 @@ export const Header = memo(() => {
 	const { t } = useTranslation({ Header })
 	const { lang, setLang } = useLang();
 	return <GlHeader
-		title={<a {...routes.home().link}><h1><img src="./PostgsailLogo.svg" alt="Postgsail Logo" height={48}/></h1></a>}
+		title={<a {...routes.home().link}><h1><img src={PostgsailLogo} alt="Postgsail Logo" height={48}/></h1></a>}
 		links={[
 			{
 				"label": t("link2label"),
@@ -31,6 +32,7 @@ export const Header = memo(() => {
 		enableDarkModeSwitch={true}
 		githubRepoUrl="https://github.com/xbgmsharp/postgsail/"
 		githubButtonSize="large"
+		showGithubStarCount={true}
 		customItemEnd={{
 			"item": <LanguageSelect
 				language={lang}

src/assets/PostgsailLogo.svg

@@ -1,7 +1,7 @@
 <svg
 viewBox="0 0 148 34"
 xmlns="http://www.w3.org/2000/svg"
-xmlns:svg="http://www.w3.org/2000/svg"
+xmlnsSvg="http://www.w3.org/2000/svg"
 version="1.1"
 >
 <g class="layer">

src/i18n.tsx

@@ -52,8 +52,8 @@ export const {
 						"card1Title": "Open Source",
 						"card2Title": "Join the community",
 						"card3Title": "Customize",
-						"card1Paragraph": `Source code is available on Github.`,
-						"card2Paragraph": `Get support and exchange on Discord.`,
+						"card1Paragraph": `All code is available as open-source on Github. Collaborative cloud development environments (CDEs).`,
+						"card2Paragraph": `Get support and exchange on Discord. Missing a feature? just ask!`,
 						"card3Paragraph": `Create and manage your own dashboards.`,
 						"articleTitle": "Timelapse",
 						"articleBody": `- See your real-time or historical track(s) via animated timelapse

src/pages/Home.tsx

@@ -33,6 +33,8 @@ import monitoringPng from "assets/img/monitoring.png";
 import logsPng from "assets/img/logs.png";
 //import mapPng from "assets/img/map.png";
 import statsPng from "assets/img/stats.png";
+import demoMp4 from "assets/demo.mp4"
+import PostgsailLogo from "assets/PostgsailLogo.svg"
 
 export const Home = memo(() => {
 	const { t } = useTranslation({ Home });
@@ -51,7 +53,7 @@ export const Home = memo(() => {
 					"type": "video",
 					"sources": [
 					  {
-						"src": "demo.mp4",
+						"src": demoMp4,
 						"type": "video/mp4"
 					  }
 					]