diff --git a/package.json b/package.json index 7beb321..01ac89a 100644 --- a/package.json +++ b/package.json @@ -49,5 +49,5 @@ "@types/react-dom": "^18.0.0", "typescript": "^4.7.4" }, - "homepage": "https://xbgmsharp.github.io/postgsail/" + "homepage": "https://xbgmsharp.github.io/" } diff --git a/public/PostgsailLogo.svg b/public/PostgsailLogo.svg new file mode 100644 index 0000000..b10cf1f --- /dev/null +++ b/public/PostgsailLogo.svg @@ -0,0 +1,20 @@ + + + Layer 1 + + + + \ No newline at end of file diff --git a/public/demo.mp4 b/public/demo.mp4 new file mode 100644 index 0000000..295a934 Binary files /dev/null and b/public/demo.mp4 differ diff --git a/public/index.html b/public/index.html index 12b13be..0d5033b 100644 --- a/public/index.html +++ b/public/index.html @@ -29,7 +29,7 @@ - Gitlanding App + PostgSail diff --git a/src/App/Footer.tsx b/src/App/Footer.tsx index f22b5a5..e0eff3e 100644 --- a/src/App/Footer.tsx +++ b/src/App/Footer.tsx @@ -8,20 +8,16 @@ export const Footer = memo(() => { const { t } = useTranslation({ Footer }) return diff --git a/src/App/Header.tsx b/src/App/Header.tsx index ce26fb4..5ef2d32 100644 --- a/src/App/Header.tsx +++ b/src/App/Header.tsx @@ -8,7 +8,8 @@ import type { Language } from "i18n"; const { LanguageSelect } = createLanguageSelect({ "languagesPrettyPrint": { "en": "English", - "fr": "Francais" + "fr": "Francais", + "es": "Spanish" } }) @@ -16,23 +17,19 @@ export const Header = memo(() => { const { t } = useTranslation({ Header }) const { lang, setLang } = useLang(); return

{t("headerTitle")}

} + title={

SVG as an image

} links={[ - { - "label": t("link1label"), - ...routes.pageExample().link - }, { "label": t("link2label"), - "href": "https://example.com", + "href": "https://github.com/xbgmsharp/postgsail/", }, { "label": t("link3label"), - "href": "https://example.com", + "href": "https://github.com/xbgmsharp/postgsail/tree/main/docs", }, ]} enableDarkModeSwitch={true} - githubRepoUrl="https://github.com/torvalds/linux" + githubRepoUrl="https://github.com/xbgmsharp/postgsail/" githubButtonSize="large" customItemEnd={{ "item": { const { t } = useTranslation({ Home }); @@ -20,60 +41,180 @@ export const Home = memo(() => { - - + + + + + + + + + + + + + + + + + + + + @@ -93,4 +234,40 @@ export const { i18n } = declareComponentKeys< | "card1Paragraph" | "card2Paragraph" | "card3Paragraph" + | "articleTitle" + | "articleBody" + | "articleButtonLabel" + | "article2Title" + | "article2Body" + | "article2ButtonLabel" + | "article3Title" + | "article3Body" + | "article3ButtonLabel" + | "projectCardTitle1" + | "projectCardTitle2" + | "projectCardTitle3" + | "projectCardTitle4" + | "projectCardSubtitle1" + | "projectCardSubtitle2" + | "projectCardSubtitle3" + | "projectCardSubtitle4" + | "checkListHeading" + | "checkListElementTitle1" + | "checkListElementTitle2" + | "checkListElementTitle3" + | "checkListElementTitle4" + | "checkListElementTitle5" + | "checkListElementTitle6" + | "checkListElementTitle7" + | "checkListElementTitle8" + | "checkListElementTitle9" + | "checkListElementDescription1" + | "checkListElementDescription2" + | "checkListElementDescription3" + | "checkListElementDescription4" + | "checkListElementDescription5" + | "checkListElementDescription6" + | "checkListElementDescription7" + | "checkListElementDescription8" + | "checkListElementDescription9" >()({ Home }); \ No newline at end of file diff --git a/src/pages/PageExample.tsx b/src/pages/PageExample.tsx index 2dd4fe3..785ec35 100644 --- a/src/pages/PageExample.tsx +++ b/src/pages/PageExample.tsx @@ -23,7 +23,38 @@ export const PageExample = memo(() => { body={t("articleBody")} buttonLabel={t("articleButtonLabel")} buttonLink={{ - "href": "https://example.com", + "href": "https://iot.openplotter.cloud", + }} + illustration={{ + "type": "image", + "src": articlePng, + "hasShadow": false + }} + hasAnimation={true} + /> + + + +