mirror of
https://github.com/xbgmsharp/postgsail.git
synced 2025-09-17 11:17:46 +00:00
Add postgsail content
This commit is contained in:
xbgmsharp
@@ -49,5 +49,5 @@
|
|||||||
"@types/react-dom": "^18.0.0",
|
"@types/react-dom": "^18.0.0",
|
||||||
"typescript": "^4.7.4"
|
"typescript": "^4.7.4"
|
||||||
},
|
},
|
||||||
"homepage": "https://xbgmsharp.github.io/postgsail/"
|
"homepage": "https://xbgmsharp.github.io/"
|
||||||
}
|
}
|
||||||
|
|||||||
20
public/PostgsailLogo.svg
Normal file
20
public/PostgsailLogo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.0 KiB |
BIN
public/demo.mp4
Normal file
BIN
public/demo.mp4
Normal file
Binary file not shown.
@@ -29,7 +29,7 @@
|
|||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
<title>Gitlanding App</title>
|
<title>PostgSail</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
|||||||
@@ -8,20 +8,16 @@ export const Footer = memo(() => {
|
|||||||
const { t } = useTranslation({ Footer })
|
const { t } = useTranslation({ Footer })
|
||||||
return <GlFooter
|
return <GlFooter
|
||||||
bottomDivContent={t("license")}
|
bottomDivContent={t("license")}
|
||||||
email="email@email.com"
|
email="info@openplotter.cloud"
|
||||||
phoneNumber="+33545345676"
|
phoneNumber="+33652584319"
|
||||||
links={[
|
links={[
|
||||||
{
|
|
||||||
"label": t("link1label"),
|
|
||||||
...routes.pageExample().link
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"label": t("link2label"),
|
"label": t("link2label"),
|
||||||
"href": "https://example.com",
|
"href": "https://github.com/xbgmsharp/postgsail/",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"label": t("link3label"),
|
"label": t("link3label"),
|
||||||
"href": "https://example.com",
|
"href": "https://github.com/xbgmsharp/postgsail/tree/main/docs",
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -8,7 +8,8 @@ import type { Language } from "i18n";
|
|||||||
const { LanguageSelect } = createLanguageSelect<Language>({
|
const { LanguageSelect } = createLanguageSelect<Language>({
|
||||||
"languagesPrettyPrint": {
|
"languagesPrettyPrint": {
|
||||||
"en": "English",
|
"en": "English",
|
||||||
"fr": "Francais"
|
"fr": "Francais",
|
||||||
|
"es": "Spanish"
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -16,23 +17,19 @@ export const Header = memo(() => {
|
|||||||
const { t } = useTranslation({ Header })
|
const { t } = useTranslation({ Header })
|
||||||
const { lang, setLang } = useLang();
|
const { lang, setLang } = useLang();
|
||||||
return <GlHeader
|
return <GlHeader
|
||||||
title={<a {...routes.home().link}><h1>{t("headerTitle")}</h1></a>}
|
title={<a {...routes.home().link}><h1><img src="./PostgsailLogo.svg" alt="SVG as an image" height={48}/></h1></a>}
|
||||||
links={[
|
links={[
|
||||||
{
|
|
||||||
"label": t("link1label"),
|
|
||||||
...routes.pageExample().link
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
"label": t("link2label"),
|
"label": t("link2label"),
|
||||||
"href": "https://example.com",
|
"href": "https://github.com/xbgmsharp/postgsail/",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"label": t("link3label"),
|
"label": t("link3label"),
|
||||||
"href": "https://example.com",
|
"href": "https://github.com/xbgmsharp/postgsail/tree/main/docs",
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
enableDarkModeSwitch={true}
|
enableDarkModeSwitch={true}
|
||||||
githubRepoUrl="https://github.com/torvalds/linux"
|
githubRepoUrl="https://github.com/xbgmsharp/postgsail/"
|
||||||
githubButtonSize="large"
|
githubButtonSize="large"
|
||||||
customItemEnd={{
|
customItemEnd={{
|
||||||
"item": <LanguageSelect
|
"item": <LanguageSelect
|
||||||
|
|||||||
BIN
src/assets/icons/Grafana_logo.png
Normal file
BIN
src/assets/icons/Grafana_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
src/assets/icons/discord-mark-blue.png
Normal file
BIN
src/assets/icons/discord-mark-blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/assets/img/demo.gif
Normal file
BIN
src/assets/img/demo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 MiB |
BIN
src/assets/img/logs.png
Normal file
BIN
src/assets/img/logs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
src/assets/img/map.png
Normal file
BIN
src/assets/img/map.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/img/monitoring.png
Normal file
BIN
src/assets/img/monitoring.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 499 KiB |
BIN
src/assets/img/stats.png
Normal file
BIN
src/assets/img/stats.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
src/assets/img/timelapse.png
Normal file
BIN
src/assets/img/timelapse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
533
src/i18n.tsx
533
src/i18n.tsx
@@ -2,7 +2,7 @@ import { createI18nApi, declareComponentKeys } from "i18nifty";
|
|||||||
export { declareComponentKeys };
|
export { declareComponentKeys };
|
||||||
|
|
||||||
//List the languages you with to support
|
//List the languages you with to support
|
||||||
export const languages = ["en", "fr"] as const;
|
export const languages = ["en", "fr", "es"] as const;
|
||||||
|
|
||||||
//If the user's browser language doesn't match any
|
//If the user's browser language doesn't match any
|
||||||
//of the languages above specify the language to fallback to:
|
//of the languages above specify the language to fallback to:
|
||||||
@@ -34,47 +34,83 @@ export const {
|
|||||||
"not found": "Page not found"
|
"not found": "Page not found"
|
||||||
},
|
},
|
||||||
"Header": {
|
"Header": {
|
||||||
"headerTitle": "Title",
|
"headerTitle": "PostgSail",
|
||||||
"link1label": "Example page",
|
"link1label": "Example page",
|
||||||
"link2label": "Link 2",
|
"link2label": "GitHub",
|
||||||
"link3label": "Link 3"
|
"link3label": "Documentation"
|
||||||
},
|
},
|
||||||
"Footer": {
|
"Footer": {
|
||||||
"license": "License M.I.T",
|
"license": "License Apache",
|
||||||
"link1label": "Example page",
|
"link1label": "Example page",
|
||||||
"link2label": "Link 2",
|
"link2label": "GitHub",
|
||||||
"link3label": "Link 3"
|
"link3label": "Documentation"
|
||||||
},
|
},
|
||||||
"Home": {
|
"Home": {
|
||||||
"heroTitle": "Hero title",
|
"heroTitle": "Cloud, hosted and fully–managed, designed for all your needs.",
|
||||||
"heroSubtitle": "Hero subtitle",
|
"heroSubtitle": " Effortless cloud based solution for storing and sharing your SignalK data. Allow to effortlessly log your sails and monitor your boat with historical data.",
|
||||||
"articleTitle": "Article title",
|
"articleButtonLabel": "Try PostgSail for free now",
|
||||||
"articleBody": `Do am he horrible distance marriage
|
"card1Title": "Open Source",
|
||||||
so although. Afraid assure square so happen mr
|
"card2Title": "Join the community",
|
||||||
an before. His many same been well can high that.
|
"card3Title": "Customize",
|
||||||
Forfeited did law eagerness allowance improving
|
"card1Paragraph": `Source code is available on Github.`,
|
||||||
assurance bed. Had saw put seven joy short first.
|
"card2Paragraph": `Get support and exchange on Discord.`,
|
||||||
Pronounce so enjoyment my resembled in forfeited
|
"card3Paragraph": `Create and manage your own dashboards.`,
|
||||||
sportsman. Which vexed did began son
|
"articleTitle": "Timelapse",
|
||||||
abode short may. Interested astonished he at
|
"articleBody": `- See your real-time or historical track(s) via animated timelapse
|
||||||
cultivated or me. Nor brought one invited she
|
|
||||||
produce her.`,
|
- Select one voyage or a date range of multiple trips to animate
|
||||||
"articleButtonLabel": "Article button label",
|
|
||||||
"card1Title": "Card title 1",
|
- Sharable! Keep tracks private or share with friends
|
||||||
"card2Title": "Card title 2",
|
`,
|
||||||
"card3Title": "Card title 3",
|
"article2Title": "Boat Monitoring",
|
||||||
"card1Paragraph": `Dissuade ecstatic and properly saw
|
"article2Body": `- Check your vessel from anywhere in the world in real-time.
|
||||||
entirely sir why laughter endeavor.
|
|
||||||
In on my jointure horrible margaret suitable
|
- Monitor windspeed, depth, baromteter, temperatures and more
|
||||||
he followed speedily.`,
|
|
||||||
"card2Paragraph": `Dissuade ecstatic and properly saw
|
- See historical (up-to 7 days) data
|
||||||
entirely sir why laughter endeavor.
|
|
||||||
In on my jointure horrible margaret suitable
|
- View power and battery status
|
||||||
he followed speedily.`,
|
|
||||||
"card3Paragraph": `Dissuade ecstatic and properly saw
|
- Get automated push or email alerts for significant changes in status or location changes`,
|
||||||
entirely sir why laughter endeavor.
|
"article2ButtonLabel": "Article button label",
|
||||||
In on my jointure horrible margaret suitable
|
"article3Title": "Automated Logging",
|
||||||
he followed speedily.`,
|
"article3Body": `- Automatic. No app to start or button to push.
|
||||||
|
|
||||||
|
- Auto-identifies and names your start and stop positions
|
||||||
|
|
||||||
|
- Records duration, distance, average and max boat and wind speeds
|
||||||
|
|
||||||
|
- Add your own voyage notes or details in text box
|
||||||
|
|
||||||
|
- Upon voyage completion, PostgSail will automatically email your trip log and add it to your stats.`,
|
||||||
|
"article3ButtonLabel": "Article button label",
|
||||||
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Amazing features, all automated",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "AI/ML",
|
||||||
|
"checkListElementTitle7": "Telegram bot",
|
||||||
|
"checkListElementTitle8": "Export",
|
||||||
|
"checkListElementTitle9": "Polar performance",
|
||||||
|
"checkListElementDescription1": "Timelapse your track. Replay your trips on a interactive map with all weather condition.",
|
||||||
|
"checkListElementDescription2": "Monitor your boat.",
|
||||||
|
"checkListElementDescription3": "Log your trips.",
|
||||||
|
"checkListElementDescription4": "Go social",
|
||||||
|
"checkListElementDescription5": "Track your stats. Awesome statistics and graphs.",
|
||||||
|
"checkListElementDescription6": "Predictive failure.",
|
||||||
|
"checkListElementDescription7": "Control your boat remotely.",
|
||||||
|
"checkListElementDescription8": "Export to CSV, GPX, GeoJSON, KML and download your logs.",
|
||||||
|
"checkListElementDescription9": "Generate performance information based on a polar diagram.",
|
||||||
},
|
},
|
||||||
"PageExample": {
|
"PageExample": {
|
||||||
"articleTitle": "Article title",
|
"articleTitle": "Article title",
|
||||||
@@ -87,116 +123,325 @@ export const {
|
|||||||
commanded direction. Short at front which blind as.
|
commanded direction. Short at front which blind as.
|
||||||
Ye as procuring unwilling principle by.`,
|
Ye as procuring unwilling principle by.`,
|
||||||
"articleButtonLabel": "Article button label",
|
"articleButtonLabel": "Article button label",
|
||||||
"projectCardTitle1": "Project card title 1",
|
"article2Title": "Article title",
|
||||||
"projectCardTitle2": "Project card title 2",
|
"article2Body": `Am finished rejoiced drawings so he
|
||||||
"projectCardTitle3": "Project card title 3",
|
elegance. Set lose dear upon had two its what seen.
|
||||||
"projectCardTitle4": "Project card title 4",
|
Held she sir how know what such whom.
|
||||||
"projectCardSubtitle1": "Project card subtitle 1",
|
Esteem put uneasy set piqued son depend her others.
|
||||||
"projectCardSubtitle2": "Project card subtitle 2",
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
"projectCardSubtitle3": "Project card subtitle 3",
|
led than how has rank. Discovery any extensive has
|
||||||
"projectCardSubtitle4": "Project card subtitle 4",
|
commanded direction. Short at front which blind as.
|
||||||
"checkListHeading": "Check list heading",
|
Ye as procuring unwilling principle by.`,
|
||||||
"checkListElementTitle1": "Check list element title 1",
|
"article2ButtonLabel": "Article button label",
|
||||||
"checkListElementTitle2": "Check list element title 2",
|
"article3Title": "Article title",
|
||||||
"checkListElementTitle3": "Check list element title 3",
|
"article3Body": `Am finished rejoiced drawings so he
|
||||||
"checkListElementTitle4": "Check list element title 4",
|
elegance. Set lose dear upon had two its what seen.
|
||||||
"checkListElementTitle5": "Check list element title 5",
|
Held she sir how know what such whom.
|
||||||
"checkListElementTitle6": "Check list element title 6",
|
Esteem put uneasy set piqued son depend her others.
|
||||||
"checkListElementDescription1": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen.",
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
"checkListElementDescription2": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen.",
|
led than how has rank. Discovery any extensive has
|
||||||
"checkListElementDescription3": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen.",
|
commanded direction. Short at front which blind as.
|
||||||
"checkListElementDescription4": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen.",
|
Ye as procuring unwilling principle by.`,
|
||||||
"checkListElementDescription5": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen.",
|
"article3ButtonLabel": "Article button label",
|
||||||
"checkListElementDescription6": "Am finished rejoiced drawings so he elegance. Set lose dear upon had two its what seen."
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Features",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "AI/ML",
|
||||||
|
"checkListElementDescription1": "Timelapse your track. Replay your trips on a interactive map with all weather condition.",
|
||||||
|
"checkListElementDescription2": "Monitor your boat.",
|
||||||
|
"checkListElementDescription3": "Log your trips.",
|
||||||
|
"checkListElementDescription4": "Go social",
|
||||||
|
"checkListElementDescription5": "Track your stats.",
|
||||||
|
"checkListElementDescription6": "Predictive failure.",
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/* spell-checker: disable */
|
/* spell-checker: disable */
|
||||||
"fr": {
|
"fr": {
|
||||||
"FourOhFour": {
|
"FourOhFour": {
|
||||||
"not found": "Page non trouvée"
|
"not found": "Page non trouvée"
|
||||||
},
|
},
|
||||||
"Header": {
|
"Header": {
|
||||||
"headerTitle": "Titre",
|
"headerTitle": "PostgSail",
|
||||||
"link1label": "Exemple de page",
|
"link1label": "Exemple de page",
|
||||||
"link2label": "Lien 2",
|
"link2label": "Lien 2",
|
||||||
"link3label": "Lien 3"
|
"link3label": "Lien 3"
|
||||||
},
|
},
|
||||||
"Footer": {
|
"Footer": {
|
||||||
"license": "License M.I.T",
|
"license": "License Apache",
|
||||||
"link1label": "Exemple de page",
|
"link1label": "Exemple de page",
|
||||||
"link2label": "Lien 2",
|
"link2label": "Lien 2",
|
||||||
"link3label": "Lien 3"
|
"link3label": "Lien 3"
|
||||||
},
|
},
|
||||||
"Home": {
|
"Home": {
|
||||||
"heroTitle": "Titre du Hero",
|
"heroTitle": "Cloud, hosted and fully–managed, designed for all your needs.",
|
||||||
"heroSubtitle": "Sous titre du Hero",
|
"heroSubtitle": " Effortless cloud based solution for storing and sharing your SignalK data. Allow to effortlessly log your sails and monitor your boat with historical data.",
|
||||||
"articleTitle": "Titre de l'article",
|
"articleButtonLabel": "Try PostgSail for free now",
|
||||||
"articleBody": `Fille pieds qui ici breve coups
|
"card1Title": "Open Source",
|
||||||
soeur. Va on on succedent deroulent de capitaine
|
"card2Title": "Join the community",
|
||||||
rapportes esplanade. Accoudees inassouvi sacrifice
|
"card3Title": "Customize",
|
||||||
dit mes ils surveille tangibles ici dentelees.
|
"card1Paragraph": `Source code is available on Github`,
|
||||||
Atroce esprit bazars en boules je sa.
|
"card2Paragraph": `Get support and exchange on Discord`,
|
||||||
Car but approchait artilleurs eclatantes
|
"card3Paragraph": `Make your own dashboard`,
|
||||||
defilaient moi nez paraissent claquaient.
|
"articleTitle": "Timelapse",
|
||||||
Est crepitent car seulement adjudants eux
|
"articleBody": `- See your real-time or historical track(s) via animated timelapse
|
||||||
apprendre signalant ere incapable.
|
|
||||||
Prenaient distribua ii en eperonnes enfantent
|
|
||||||
entourage cotillons.`,
|
|
||||||
"articleButtonLabel": "Label du bouton",
|
|
||||||
"card1Title": "Titre de la carte 1",
|
|
||||||
"card2Title": "Titre de la carte 2",
|
|
||||||
"card3Title": "Titre de la carte 3",
|
|
||||||
"card1Paragraph": `Linge selon court ans toi
|
|
||||||
sabre heros. Connut toi mirent art ton trouve
|
|
||||||
enleve hideur eux balaye. Cornette or
|
|
||||||
coussins recupera allaient viennent heureuse as.`,
|
|
||||||
"card2Paragraph": `Linge selon court ans toi
|
|
||||||
sabre heros. Connut toi mirent art ton trouve
|
|
||||||
enleve hideur eux balaye. Cornette or
|
|
||||||
coussins recupera allaient viennent heureuse as.`,
|
|
||||||
"card3Paragraph": `Linge selon court ans toi
|
|
||||||
sabre heros. Connut toi mirent art ton trouve
|
|
||||||
enleve hideur eux balaye. Cornette or
|
|
||||||
coussins recupera allaient viennent heureuse as.`,
|
|
||||||
},
|
|
||||||
"PageExample": {
|
|
||||||
"articleTitle": "Titre de l'Article",
|
|
||||||
"articleBody": `Contes bouton aimons fosses depart
|
|
||||||
ne dedans ca de. Le inassouvi craignait
|
|
||||||
preferait en sa petillent et. Ils souffrance
|
|
||||||
assurances eclaireurs consentiez lui age
|
|
||||||
cherissait manoeuvres net. Tout en chez sais
|
|
||||||
cent cuir avez le va. Feu maladie tot facteur
|
|
||||||
douleur ils empeche pas attendu. Etale feu moi
|
|
||||||
ete voici utile autre ils bride.
|
|
||||||
Cheveux sachant content luisant eux sur
|
|
||||||
attendu retient. Venait cercle rubans ma qu
|
|
||||||
palais oh eperon.`,
|
|
||||||
"articleButtonLabel": "Label du bouton",
|
|
||||||
"projectCardTitle1": "Titre de la carte de projet 1",
|
|
||||||
"projectCardTitle2": "Titre de la carte de projet 2",
|
|
||||||
"projectCardTitle3": "Titre de la carte de projet 3",
|
|
||||||
"projectCardTitle4": "Titre de la carte de projet 4",
|
|
||||||
"projectCardSubtitle1": "Sous titre de la carte de projet 1",
|
|
||||||
"projectCardSubtitle2": "Sous titre de la carte de projet 2",
|
|
||||||
"projectCardSubtitle3": "Sous titre de la carte de projet 3",
|
|
||||||
"projectCardSubtitle4": "Sous titre de la carte de projet 4",
|
|
||||||
"checkListHeading": "Titre de la check list",
|
|
||||||
"checkListElementTitle1": "Titre d'element de check list 1",
|
|
||||||
"checkListElementTitle2": "Titre d'element de check list 2",
|
|
||||||
"checkListElementTitle3": "Titre d'element de check list 3",
|
|
||||||
"checkListElementTitle4": "Titre d'element de check list 4",
|
|
||||||
"checkListElementTitle5": "Titre d'element de check list 5",
|
|
||||||
"checkListElementTitle6": "Titre d'element de check list 6",
|
|
||||||
"checkListElementDescription1": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
"checkListElementDescription2": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
"checkListElementDescription3": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
"checkListElementDescription4": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
"checkListElementDescription5": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
"checkListElementDescription6": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
- Select one voyage or a date range of multiple trips to animate
|
||||||
/* spell-checker: enabled */
|
|
||||||
|
- Sharable! Keep tracks private or share with friends
|
||||||
|
`,
|
||||||
|
"article2Title": "Boat Monitoring",
|
||||||
|
"article2Body": `- Check your vessel from anywhere in the world in real-time.
|
||||||
|
|
||||||
|
- Monitor windspeed, depth, baromteter, temperatures and more
|
||||||
|
|
||||||
|
- See historical (up-to 7 days) data
|
||||||
|
|
||||||
|
- View power and battery status
|
||||||
|
|
||||||
|
- Get automated push or email alerts for significant changes in status or location changes`,
|
||||||
|
"article2ButtonLabel": "Article button label",
|
||||||
|
"article3Title": "Automated Logging",
|
||||||
|
"article3Body": `- Automatic. No app to start or button to push.
|
||||||
|
|
||||||
|
- Auto-identifies and names your start and stop positions
|
||||||
|
|
||||||
|
- Records duration, distance, average and max boat and wind speeds
|
||||||
|
|
||||||
|
- Add your own voyage notes or details in text box
|
||||||
|
|
||||||
|
- Upon voyage completion, PostgSail will automatically email your trip log and add it to your stats.`,
|
||||||
|
"article3ButtonLabel": "Article button label",
|
||||||
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Amazing features, all automated",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "AI/ML",
|
||||||
|
"checkListElementTitle7": "Telegram bot",
|
||||||
|
"checkListElementTitle8": "Stats and Maps",
|
||||||
|
"checkListElementTitle9": "Polar performance",
|
||||||
|
"checkListElementDescription1": "Timelapse your track. Replay your trips on a interactive map with all weather condition.",
|
||||||
|
"checkListElementDescription2": "Monitor your boat.",
|
||||||
|
"checkListElementDescription3": "Log your trips.",
|
||||||
|
"checkListElementDescription4": "Go social",
|
||||||
|
"checkListElementDescription5": "Track your stats.",
|
||||||
|
"checkListElementDescription6": "Predictive failure.",
|
||||||
|
"checkListElementDescription7": "Control your boat remotely.",
|
||||||
|
"checkListElementDescription8": "Track your stats.",
|
||||||
|
"checkListElementDescription9": "Generate performance information based on a polar diagram.",
|
||||||
|
},
|
||||||
|
"PageExample": {
|
||||||
|
"articleTitle": "Article title",
|
||||||
|
"articleBody": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"articleButtonLabel": "Article button label",
|
||||||
|
"article2Title": "Article title",
|
||||||
|
"article2Body": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"article2ButtonLabel": "Article button label",
|
||||||
|
"article3Title": "Article title",
|
||||||
|
"article3Body": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"article3ButtonLabel": "Article button label",
|
||||||
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Features",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "AI/ML",
|
||||||
|
"checkListElementDescription1": "Timelapse your track. Replay your trips on a interactive map with all weather condition.",
|
||||||
|
"checkListElementDescription2": "Monitor your boat.",
|
||||||
|
"checkListElementDescription3": "Log your trips.",
|
||||||
|
"checkListElementDescription4": "Go social",
|
||||||
|
"checkListElementDescription5": "Track your stats.",
|
||||||
|
"checkListElementDescription6": "Predictive failure.", }
|
||||||
|
},
|
||||||
|
/* spell-checker: disable */
|
||||||
|
"es": {
|
||||||
|
"FourOhFour": {
|
||||||
|
"not found": "Page non trouvée"
|
||||||
|
},
|
||||||
|
"Header": {
|
||||||
|
"headerTitle": "PostgSail",
|
||||||
|
"link1label": "Exemple de page",
|
||||||
|
"link2label": "Lien 2",
|
||||||
|
"link3label": "Lien 3"
|
||||||
|
},
|
||||||
|
"Footer": {
|
||||||
|
"license": "License Apache",
|
||||||
|
"link1label": "Exemple de page",
|
||||||
|
"link2label": "Lien 2",
|
||||||
|
"link3label": "Lien 3"
|
||||||
|
},
|
||||||
|
"Home": {
|
||||||
|
"heroTitle": "Cloud, hosted and fully–managed, designed for all your needs.",
|
||||||
|
"heroSubtitle": " Effortless cloud based solution for storing and sharing your SignalK data. Allow to effortlessly log your sails and monitor your boat with historical data.",
|
||||||
|
"articleButtonLabel": "Try PostgSail for free now",
|
||||||
|
"card1Title": "Open Source",
|
||||||
|
"card2Title": "Join the community",
|
||||||
|
"card3Title": "Customize",
|
||||||
|
"card1Paragraph": `Source code is available on Github`,
|
||||||
|
"card2Paragraph": `Get support and exchange on Discord`,
|
||||||
|
"card3Paragraph": `Make your own dashboard`,
|
||||||
|
"articleTitle": "Timelapse",
|
||||||
|
"articleBody": `- See your real-time or historical track(s) via animated timelapse
|
||||||
|
|
||||||
|
- Select one voyage or a date range of multiple trips to animate
|
||||||
|
|
||||||
|
- Sharable! Keep tracks private or share with friends
|
||||||
|
`,
|
||||||
|
"article2Title": "Boat Monitoring",
|
||||||
|
"article2Body": `- Check your vessel from anywhere in the world in real-time.
|
||||||
|
|
||||||
|
- Monitor windspeed, depth, baromteter, temperatures and more
|
||||||
|
|
||||||
|
- See historical (up-to 7 days) data
|
||||||
|
|
||||||
|
- View power and battery status
|
||||||
|
|
||||||
|
- Get automated push or email alerts for significant changes in status or location changes`,
|
||||||
|
"article2ButtonLabel": "Article button label",
|
||||||
|
"article3Title": "Automated Logging",
|
||||||
|
"article3Body": `- Automatic. No app to start or button to push.
|
||||||
|
|
||||||
|
- Auto-identifies and names your start and stop positions
|
||||||
|
|
||||||
|
- Records duration, distance, average and max boat and wind speeds
|
||||||
|
|
||||||
|
- Add your own voyage notes or details in text box
|
||||||
|
|
||||||
|
- Upon voyage completion, PostgSail will automatically email your trip log and add it to your stats.`,
|
||||||
|
"article3ButtonLabel": "Article button label",
|
||||||
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Amazing features, all automated",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "AI/ML",
|
||||||
|
"checkListElementTitle7": "Telegram bot",
|
||||||
|
"checkListElementTitle8": "Stats and Maps",
|
||||||
|
"checkListElementTitle9": "Polar performance",
|
||||||
|
"checkListElementDescription1": "Timelapse your track. Replay your trips on a interactive map with all weather condition.",
|
||||||
|
"checkListElementDescription2": "Monitor your boat.",
|
||||||
|
"checkListElementDescription3": "Log your trips.",
|
||||||
|
"checkListElementDescription4": "Go social",
|
||||||
|
"checkListElementDescription5": "Track your stats.",
|
||||||
|
"checkListElementDescription6": "Predictive failure.",
|
||||||
|
"checkListElementDescription7": "Control your boat remotely.",
|
||||||
|
"checkListElementDescription8": "Track your stats.",
|
||||||
|
"checkListElementDescription9": "Generate performance information based on a polar diagram.",
|
||||||
|
},
|
||||||
|
"PageExample": {
|
||||||
|
"articleTitle": "Article title",
|
||||||
|
"articleBody": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"articleButtonLabel": "Article button label",
|
||||||
|
"article2Title": "Article title",
|
||||||
|
"article2Body": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"article2ButtonLabel": "Article button label",
|
||||||
|
"article3Title": "Article title",
|
||||||
|
"article3Body": `Am finished rejoiced drawings so he
|
||||||
|
elegance. Set lose dear upon had two its what seen.
|
||||||
|
Held she sir how know what such whom.
|
||||||
|
Esteem put uneasy set piqued son depend her others.
|
||||||
|
Two dear held mrs feet view her old fine. Bore can
|
||||||
|
led than how has rank. Discovery any extensive has
|
||||||
|
commanded direction. Short at front which blind as.
|
||||||
|
Ye as procuring unwilling principle by.`,
|
||||||
|
"article3ButtonLabel": "Article button label",
|
||||||
|
"projectCardTitle1": "ROUTE SHARING",
|
||||||
|
"projectCardTitle2": "AUTO logging",
|
||||||
|
"projectCardTitle3": "boat monitoring",
|
||||||
|
"projectCardTitle4": "STATS & Maps",
|
||||||
|
"projectCardSubtitle1": "Want to share your real-time location and data with your friends and family? Its easy to toggle on and share a private link with your track and current location mapped & historical track, boat and wind speeds.",
|
||||||
|
"projectCardSubtitle2": "Never start (or forget to) start your tracking app again. PostgSail knows when you leave the dock and starts to log your trip automatically. Stats include location names, duration, speed, distance, wind and more. ",
|
||||||
|
"projectCardSubtitle3": "Check in on your vessel from anywhere in the world in real-time. Reporting includes temperatures, depth, wind, humidity, location, voltage and many more options if your boat is sensor equipped. ",
|
||||||
|
"projectCardSubtitle4": "See all your voyages in a single shot or map. Filter by date, type of moorages and more to see some incredible stats!",
|
||||||
|
"checkListHeading": "Features",
|
||||||
|
"checkListElementTitle1": "Timelapse",
|
||||||
|
"checkListElementTitle2": "Boat Monitoring",
|
||||||
|
"checkListElementTitle3": "Automated Logging",
|
||||||
|
"checkListElementTitle4": "Realtime Route Sharing",
|
||||||
|
"checkListElementTitle5": "Stats and Maps",
|
||||||
|
"checkListElementTitle6": "Predictive failure",
|
||||||
|
"checkListElementDescription1": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
"checkListElementDescription2": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
"checkListElementDescription3": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
"checkListElementDescription4": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
"checkListElementDescription5": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
"checkListElementDescription6": "Il remarquait et en survivants eclaireurs legerement qu. Animaux nos humains fer fut ramassa encourt.",
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
/* spell-checker: enabled */
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
@@ -4,6 +4,7 @@ import { GlArticle } from "gitlanding/GlArticle";
|
|||||||
import { GlCards } from "gitlanding/GlCards";
|
import { GlCards } from "gitlanding/GlCards";
|
||||||
import { GlLogoCard } from "gitlanding/GlCards/GlLogoCard";
|
import { GlLogoCard } from "gitlanding/GlCards/GlLogoCard";
|
||||||
import { declareComponentKeys, useTranslation } from "i18n";
|
import { declareComponentKeys, useTranslation } from "i18n";
|
||||||
|
/*
|
||||||
import heroPng from "assets/img/hero.png";
|
import heroPng from "assets/img/hero.png";
|
||||||
import articlePng from "assets/img/home-article.png";
|
import articlePng from "assets/img/home-article.png";
|
||||||
import balloonIcon from "assets/icons/balloon.png";
|
import balloonIcon from "assets/icons/balloon.png";
|
||||||
@@ -12,6 +13,26 @@ import githubIcon from "assets/icons/github.png";
|
|||||||
import plusIcon from "assets/icons/plus.png";
|
import plusIcon from "assets/icons/plus.png";
|
||||||
import rocketIcon from "assets/icons/rocket-chat.png";
|
import rocketIcon from "assets/icons/rocket-chat.png";
|
||||||
import tchapIcon from "assets/icons/tchap.png";
|
import tchapIcon from "assets/icons/tchap.png";
|
||||||
|
*/
|
||||||
|
import githubIcon from "assets/icons/github.png";
|
||||||
|
import discordIcon from "assets/icons/discord-mark-blue.png";
|
||||||
|
import grafanaIcon from "assets/icons/Grafana_logo.png";
|
||||||
|
|
||||||
|
import { GlProjectCard } from "gitlanding/GlCards/GlProjectCard";
|
||||||
|
import { GlCheckList } from "gitlanding/GlCheckList";
|
||||||
|
import { GlSectionDivider } from "gitlanding/GlSectionDivider";
|
||||||
|
/*
|
||||||
|
import pokemonPng from "assets/img/pokemon.png";
|
||||||
|
import dataPng from "assets/img/data-visualisation.png";
|
||||||
|
import kubernetesPng from "assets/img/kubernetes.png";
|
||||||
|
import webinairePng from "assets/img/webinaire.png";
|
||||||
|
import demoGif from "assets/img/demo.gif";
|
||||||
|
*/
|
||||||
|
import timelapsePng from "assets/img/timelapse.png";
|
||||||
|
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";
|
||||||
|
|
||||||
export const Home = memo(() => {
|
export const Home = memo(() => {
|
||||||
const { t } = useTranslation({ Home });
|
const { t } = useTranslation({ Home });
|
||||||
@@ -20,60 +41,180 @@ export const Home = memo(() => {
|
|||||||
<GlHero
|
<GlHero
|
||||||
title={t("heroTitle")}
|
title={t("heroTitle")}
|
||||||
subTitle={t("heroSubtitle")}
|
subTitle={t("heroSubtitle")}
|
||||||
illustration={{
|
/*illustration={{
|
||||||
"type": "image",
|
"type": "image",
|
||||||
"src": heroPng,
|
"src": demoGif,
|
||||||
"hasShadow": false
|
"hasShadow": false
|
||||||
}}
|
}}
|
||||||
|
*/
|
||||||
|
illustration={{
|
||||||
|
"type": "video",
|
||||||
|
"sources": [
|
||||||
|
{
|
||||||
|
"src": "demo.mp4",
|
||||||
|
"type": "video/mp4"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}}
|
||||||
hasLinkToSectionBellow={true}
|
hasLinkToSectionBellow={true}
|
||||||
|
illustrationZoomFactor={1.3}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<GlArticle
|
|
||||||
title={t("articleTitle")}
|
|
||||||
body={t("articleBody")}
|
|
||||||
buttonLabel={t("articleButtonLabel")}
|
|
||||||
buttonLink={{
|
|
||||||
"href": "https://example.com",
|
|
||||||
}}
|
|
||||||
illustration={{
|
|
||||||
"type": "image",
|
|
||||||
"src": articlePng,
|
|
||||||
"hasShadow": false
|
|
||||||
}}
|
|
||||||
hasAnimation={true}
|
|
||||||
illustrationPosition="left"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<GlCards>
|
<GlArticle
|
||||||
|
title={t("articleTitle")}
|
||||||
|
body={t("articleBody")}
|
||||||
|
buttonLabel={t("articleButtonLabel")}
|
||||||
|
buttonLink={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
|
illustration={{
|
||||||
|
"type": "image",
|
||||||
|
"src": timelapsePng,
|
||||||
|
"hasShadow": true
|
||||||
|
}}
|
||||||
|
illustrationPosition='left'
|
||||||
|
hasAnimation={true}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlArticle
|
||||||
|
title={t("article2Title")}
|
||||||
|
body={t("article2Body")}
|
||||||
|
buttonLabel={t("articleButtonLabel")}
|
||||||
|
buttonLink={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
|
illustration={{
|
||||||
|
"type": "image",
|
||||||
|
"src": monitoringPng,
|
||||||
|
"hasShadow": true
|
||||||
|
}}
|
||||||
|
hasAnimation={true}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlArticle
|
||||||
|
title={t("article3Title")}
|
||||||
|
body={t("article3Body")}
|
||||||
|
buttonLabel={t("articleButtonLabel")}
|
||||||
|
buttonLink={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
|
illustration={{
|
||||||
|
"type": "image",
|
||||||
|
"src": logsPng,
|
||||||
|
"hasShadow": true
|
||||||
|
}}
|
||||||
|
illustrationPosition='left'
|
||||||
|
hasAnimation={true}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlSectionDivider />
|
||||||
|
|
||||||
|
<GlCards>
|
||||||
|
<GlProjectCard
|
||||||
|
title={t("projectCardTitle1")}
|
||||||
|
subtitle={t("projectCardSubtitle1")}
|
||||||
|
projectImageUrl={timelapsePng}
|
||||||
|
/>
|
||||||
|
<GlProjectCard
|
||||||
|
title={t("projectCardTitle2")}
|
||||||
|
subtitle={t("projectCardSubtitle2")}
|
||||||
|
projectImageUrl={logsPng}
|
||||||
|
/>
|
||||||
|
<GlProjectCard
|
||||||
|
title={t("projectCardTitle3")}
|
||||||
|
subtitle={t("projectCardSubtitle3")}
|
||||||
|
projectImageUrl={monitoringPng}
|
||||||
|
/>
|
||||||
|
<GlProjectCard
|
||||||
|
title={t("projectCardTitle4")}
|
||||||
|
subtitle={t("projectCardSubtitle4")}
|
||||||
|
projectImageUrl={statsPng}
|
||||||
|
/>
|
||||||
|
</GlCards>
|
||||||
|
|
||||||
|
<GlSectionDivider />
|
||||||
|
|
||||||
|
<GlCheckList
|
||||||
|
heading={t("checkListHeading")}
|
||||||
|
hasAnimation={true}
|
||||||
|
elements={
|
||||||
|
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle1`),
|
||||||
|
"description": t("checkListElementDescription1")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle2`),
|
||||||
|
"description": t("checkListElementDescription2")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle3`),
|
||||||
|
"description": t("checkListElementDescription3")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle4`),
|
||||||
|
"description": t("checkListElementDescription4")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle5`),
|
||||||
|
"description": t("checkListElementDescription5")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle6`),
|
||||||
|
"description": t("checkListElementDescription6")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle7`),
|
||||||
|
"description": t("checkListElementDescription7")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle8`),
|
||||||
|
"description": t("checkListElementDescription8")
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": t(`checkListElementTitle9`),
|
||||||
|
"description": t("checkListElementDescription9")
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlCards>
|
||||||
<GlLogoCard
|
<GlLogoCard
|
||||||
title={t("card1Title")}
|
title={t("card1Title")}
|
||||||
paragraph={t("card1Paragraph")}
|
paragraph={t("card1Paragraph")}
|
||||||
buttonLabel="Button Label"
|
buttonLabel="Code in GitHub"
|
||||||
iconUrls={[
|
iconUrls={[
|
||||||
tchapIcon,
|
|
||||||
githubIcon
|
githubIcon
|
||||||
|
|
||||||
]}
|
]}
|
||||||
|
link={{
|
||||||
|
"href": "https://github.com/xbgmsharp/postgsail/",
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
<GlLogoCard
|
<GlLogoCard
|
||||||
title={t("card2Title")}
|
title={t("card2Title")}
|
||||||
paragraph={t("card2Paragraph")}
|
paragraph={t("card2Paragraph")}
|
||||||
buttonLabel="Button Label"
|
buttonLabel="Community & Support"
|
||||||
iconUrls={[
|
iconUrls={[
|
||||||
rocketIcon
|
discordIcon
|
||||||
]}
|
]}
|
||||||
|
link={{
|
||||||
|
"href": "https://discord.gg/cpGqA5sZ",
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<GlLogoCard
|
<GlLogoCard
|
||||||
title={t("card3Title")}
|
title={t("card3Title")}
|
||||||
paragraph={t("card3Paragraph")}
|
paragraph={t("card3Paragraph")}
|
||||||
buttonLabel="Button Label"
|
buttonLabel="Make it yours"
|
||||||
iconUrls={[
|
iconUrls={[
|
||||||
balloonIcon,
|
grafanaIcon
|
||||||
drawioIcon,
|
|
||||||
rocketIcon,
|
|
||||||
plusIcon
|
|
||||||
]}
|
]}
|
||||||
|
link={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
overlapIcons={true}
|
overlapIcons={true}
|
||||||
/>
|
/>
|
||||||
</GlCards>
|
</GlCards>
|
||||||
@@ -93,4 +234,40 @@ export const { i18n } = declareComponentKeys<
|
|||||||
| "card1Paragraph"
|
| "card1Paragraph"
|
||||||
| "card2Paragraph"
|
| "card2Paragraph"
|
||||||
| "card3Paragraph"
|
| "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 });
|
>()({ Home });
|
||||||
@@ -23,7 +23,38 @@ export const PageExample = memo(() => {
|
|||||||
body={t("articleBody")}
|
body={t("articleBody")}
|
||||||
buttonLabel={t("articleButtonLabel")}
|
buttonLabel={t("articleButtonLabel")}
|
||||||
buttonLink={{
|
buttonLink={{
|
||||||
"href": "https://example.com",
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
|
illustration={{
|
||||||
|
"type": "image",
|
||||||
|
"src": articlePng,
|
||||||
|
"hasShadow": false
|
||||||
|
}}
|
||||||
|
hasAnimation={true}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlArticle
|
||||||
|
title={t("article2Title")}
|
||||||
|
body={t("article2Body")}
|
||||||
|
buttonLabel={t("articleButtonLabel")}
|
||||||
|
buttonLink={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
|
}}
|
||||||
|
illustration={{
|
||||||
|
"type": "image",
|
||||||
|
"src": articlePng,
|
||||||
|
"hasShadow": false
|
||||||
|
}}
|
||||||
|
illustrationPosition='left'
|
||||||
|
hasAnimation={true}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<GlArticle
|
||||||
|
title={t("article3Title")}
|
||||||
|
body={t("article3Body")}
|
||||||
|
buttonLabel={t("articleButtonLabel")}
|
||||||
|
buttonLink={{
|
||||||
|
"href": "https://iot.openplotter.cloud",
|
||||||
}}
|
}}
|
||||||
illustration={{
|
illustration={{
|
||||||
"type": "image",
|
"type": "image",
|
||||||
@@ -99,6 +130,12 @@ export const { i18n } = declareComponentKeys<
|
|||||||
| "articleTitle"
|
| "articleTitle"
|
||||||
| "articleBody"
|
| "articleBody"
|
||||||
| "articleButtonLabel"
|
| "articleButtonLabel"
|
||||||
|
| "article2Title"
|
||||||
|
| "article2Body"
|
||||||
|
| "article2ButtonLabel"
|
||||||
|
| "article3Title"
|
||||||
|
| "article3Body"
|
||||||
|
| "article3ButtonLabel"
|
||||||
| "projectCardTitle1"
|
| "projectCardTitle1"
|
||||||
| "projectCardTitle2"
|
| "projectCardTitle2"
|
||||||
| "projectCardTitle3"
|
| "projectCardTitle3"
|
||||||
|
|||||||
Reference in New Issue
Block a user