diff --git a/CHANGELOG.md b/CHANGELOG.md index a1b6cd0..cc1c445 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,83 +7,102 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +## [v1.0.6] - 2025-04-03 + +### Added + +- video section (#94) + +### Changed + +- change content (#90) + ## [v1.0.5] - 2025-03-20 ### Changed -- add button in header to redirect to green ecolution demo instance in #89 +- add button in header to redirect to green ecolution demo instance in #89 ## [v1.0.4] - 2025-01-12 ### Changed -- update current project status in #86 +- update current project status in #86 ### Changed -- update current process step to release 2 (#86) +- update current process step to release 2 (#86) ## [v1.0.3] - 2024-09-17 ### Added -- add background to header while scrolling down (#82) -- add GPL-3.0 license (#19) +- add background to header while scrolling down (#82) +- add GPL-3.0 license (#19) ### Changed -- unify naming of the project to 'Green Ecolution' (#83) -- update current process step to release 1 (#81) +- unify naming of the project to 'Green Ecolution' (#83) +- update current process step to release 1 (#81) ## [v1.0.2] - 2024-08-01 ### Changed -- refactor: change cookies to local storage (#77) -- ci: run only github actions when needed (#76) +- refactor: change cookies to local storage (#77) +- ci: run only github actions when needed (#76) ## [v1.0.1] - 2024-07-17 ### Changed -- chore: update organization name in code, docs and ci/cd +- chore: update organization name in code, docs and ci/cd ## [v1.0.0] - 2024-07-06 ### Added -- feat: update readme (#25) -- feat: add stakeholder section as slider (#26) -- feat: add introduction section (#30) -- feat: add favicons (#31) -- feat: add current process section (#36) -- feat: add project page (#41) -- feat: add dashboard preview section (#43) -- feat: add advantages section (#45) -- feat: add contact section (#46) -- feat: add homepage hero (#50) -- feat: add contact page (#53) -- feat: add not found page (#54) -- feat: add hero homepage overlays (#56) -- feat: add background to sections (#59) +- feat: update readme (#25) +- feat: add stakeholder section as slider (#26) +- feat: add introduction section (#30) +- feat: add favicons (#31) +- feat: add current process section (#36) +- feat: add project page (#41) +- feat: add dashboard preview section (#43) +- feat: add advantages section (#45) +- feat: add contact section (#46) +- feat: add homepage hero (#50) +- feat: add contact page (#53) +- feat: add not found page (#54) +- feat: add hero homepage overlays (#56) +- feat: add background to sections (#59) ### Changed -- Improve CI/CD pipeline for deployment, staging and production +- Improve CI/CD pipeline for deployment, staging and production ## [v0.0.1] - 2024-05-26 ### Changed -- Improve CI/CD pipeline -- Initial release -- Create "Page under construction" Page +- Improve CI/CD pipeline +- Initial release +- Create "Page under construction" Page + +[Unreleased]: https://github.com/green-ecolution/project-website/compare/v1.0.6...HEAD + +[v1.0.6]: https://github.com/green-ecolution/project-website/compare/v1.0.5...v1.0.6 -[Unreleased]: https://github.com/green-ecolution/project-website/compare/v1.0.5...HEAD [v1.0.5]: https://github.com/green-ecolution/project-website/compare/v1.0.4...v1.0.5 + [v1.0.4]: https://github.com/green-ecolution/project-website/compare/v1.0.3...v1.0.4 + [v1.0.3]: https://github.com/green-ecolution/project-website/compare/v1.0.2...v1.0.3 + [v1.0.2]: https://github.com/green-ecolution/project-website/compare/v1.0.1...v1.0.2 + [v1.0.1]: https://github.com/green-ecolution/project-website/compare/v1.0.0...v1.0.1 + [v1.0.0]: https://github.com/green-ecolution/project-website/compare/v0.0.1...v1.0.0 + [v0.0.1]: https://github.com/green-ecolution/project-website/releases/tag/v0.0.1 diff --git a/k8s/values/develop.yaml b/k8s/values/develop.yaml index 26fa164..c67ab44 100644 --- a/k8s/values/develop.yaml +++ b/k8s/values/develop.yaml @@ -5,7 +5,7 @@ deployment: image: repository: ghcr.io/green-ecolution/project-website-dev pullPolicy: Always - tag: "b9fb0c4" + tag: "8486192" ingress: enabled: true className: "traefik" diff --git a/package.json b/package.json index 50e26ac..5a7187e 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "project-website", "private": true, - "version": "v1.0.5", + "version": "v1.0.6", "type": "module", "scripts": { "dev": "vite", @@ -16,6 +16,7 @@ "lottie-react": "^2.4.0", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-player": "^2.16.0", "react-router-dom": "^6.23.1" }, "devDependencies": { diff --git a/public/assets/svg/general/arrow.svg b/public/assets/svg/general/arrow.svg new file mode 100644 index 0000000..5ae66df --- /dev/null +++ b/public/assets/svg/general/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/svg/general/people.svg b/public/assets/svg/general/people.svg new file mode 100644 index 0000000..ba9538e --- /dev/null +++ b/public/assets/svg/general/people.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/data/processSteps.ts b/src/data/processSteps.ts index cf60995..ad2c80b 100644 --- a/src/data/processSteps.ts +++ b/src/data/processSteps.ts @@ -20,13 +20,13 @@ export const steps = [ { label: "Projektvorstellung 02", shortName: "Vorstellung 02", - isCurrent: true, + isCurrent: false, description: "Nach dem ersten Release wird eine Qualitätssicherung stattfinden, um den einwandfreien Gebrauch zu gewährleisten und Fehler zu beheben sowie neue Features einzubauen." }, { label: "Finale Vorstellung", shortName: "Finalisierung", - isCurrent: false, - description: "Bei der finalen Vorstellung ist die Roadmap bzgl. des Studienprojektes abgeschlossen. Die Behebung letzter Probleme soll ein funktionsfähiges Produkt bereitstellen. Dokumenation, Quellcode, ein Paper zur Arbeit und Videos sollen weiter auf das Projekt machen aufmerksam und zu einer Fortführung anregen." + isCurrent: true, + description: "Bei der finalen Vorstellung ist die Roadmap bzgl. des Studienprojektes abgeschlossen. Die Behebung letzter Probleme soll ein funktionsfähiges Produkt bereitstellen. Dokumenation, Quellcode, ein Plakat zur Arbeit und Videos sollen weiter auf das Projekt machen aufmerksam und zu einer Fortführung anregen." }, ]; diff --git a/src/tsx/components/homepage/HomepageHero.tsx b/src/tsx/components/homepage/HomepageHero.tsx index 9fe33a1..78159a0 100644 --- a/src/tsx/components/homepage/HomepageHero.tsx +++ b/src/tsx/components/homepage/HomepageHero.tsx @@ -66,11 +66,11 @@ function HomepageHero() { >

- Wir ermöglichen smarte Bewässerung von Bäumen und Beeten! + Wir ermöglichen smarte Bewässerung von Jungbäumen!

- Mittels sensorgestützter Überwachung von Bäumen und - Beeten werden Daten über das LoRaWan-Netz übermittelt + Mittels sensorgestützter Überwachung von Jungbäumen + werden Daten über das LoRaWan-Netz übermittelt und ausgewertet, sodass Handlungsempfehlungen für die Bewässerung abgegeben werden können.

diff --git a/src/tsx/components/sections/Advantages.tsx b/src/tsx/components/sections/Advantages.tsx index a0a4d0e..1d8c5fd 100644 --- a/src/tsx/components/sections/Advantages.tsx +++ b/src/tsx/components/sections/Advantages.tsx @@ -3,9 +3,9 @@ import AdvantageCard from "../cards/AdvantageCard"; function Advantages() { const advantages = [ { - label: "Für neugierige Augen", - icon: "/assets/svg/general/eye.svg", - description: "Öffentlicher Zugang zu den Daten und zum Projekt.", + label: "Offene Lösung für alle", + icon: "/assets/svg/general/people.svg", + description: "Skalierbare Open-Source-Lösung für Kommunen zur Förderung von Weiterentwicklungen und Transparenz.", }, { label: "Optimierte Routen", diff --git a/src/tsx/components/sections/Faq.tsx b/src/tsx/components/sections/Faq.tsx index 0f1116c..ec9d507 100644 --- a/src/tsx/components/sections/Faq.tsx +++ b/src/tsx/components/sections/Faq.tsx @@ -44,7 +44,7 @@ function Faq() {

Das grundlegende Ziel des Projekts liegt darin zu erarbeiten, welche Maßnahmen zu einer effizienteren - Bewässerung von Bäumen und Beeten beitragen können. + Bewässerung von Bäumen beitragen können. Hierzu werden verschiedene Technologien eingesetzt.

@@ -84,27 +84,34 @@ function Faq() {

+ +

+ Da es sich bei diesem Projekt um ein Forschungsprojekt an der Hochschule Flensburg handelt, + wurde der Projektzeitraum auf ein Jahr festgelegt. Der Start erfolgte im April 2024, + und das Projekt endet voraussichtlich im April 2025. Nach Abschluss wird das Projekt + jedoch in einem anderen Kontext fortgeführt. +

+ ); diff --git a/src/tsx/components/sections/FurhterLinks.tsx b/src/tsx/components/sections/FurhterLinks.tsx new file mode 100644 index 0000000..8d90f54 --- /dev/null +++ b/src/tsx/components/sections/FurhterLinks.tsx @@ -0,0 +1,53 @@ +function FurtherLinks() { + const links = [ + { + label: "Software für die Stadt Flensburg", + subLabel: "Dies ist die Software, die für die Stadt Flensburg entwickelt und aufgesetzt wurde. Diese Software wird primär vom Technischen Betriebszentrum Flensburg genutzt.", + url: "https://app.green-ecolution.de/", + }, + { + label: "Organisation auf GitHub", + subLabel: "Dort finden Sie alle Code-Repositories, die mit dem Projekt in Verbindung stehen, wie z.B. Backend und Frontend der Software", + url: "https://github.com/green-ecolution", + }, + { + label: "Blog-Beitrag der HS Flensburg", + subLabel: "Auch auf der Website der HS Flensburg wurde ein Beitrag zum Forschungsprojekt veröffentlicht.", + url: "https://hs-flensburg.de/studium/master/ai/abgeschlossene-arbeiten/green-ecolution-smartes-gruenflaechenmanagement-fuer-die", + }, + { + label: "Instagram-Beitrag der HS Flensburg", + subLabel: "Nicht nur auf der Website, sondern auch auf Instagram wurde Green Ecolution erwähnt.", + url: "https://www.instagram.com/hochschuleflensburg/p/DA3aCgaPqoq/", + }, + ]; + + return ( +
+
+

+ Weiterführende Links & Erwähnungen
zum Forschungsprojekt +

+
+ +
+ ); +} + +export default FurtherLinks; diff --git a/src/tsx/components/sections/Introduction.tsx b/src/tsx/components/sections/Introduction.tsx index a7c97a6..b1514e3 100644 --- a/src/tsx/components/sections/Introduction.tsx +++ b/src/tsx/components/sections/Introduction.tsx @@ -15,13 +15,13 @@ function Introduction() { label: "Auswertung der Messdaten", icon: "/assets/svg/general/statistics.svg", description: - "Auswertung der durch Sensoren übermittelten Daten für eine bedarfsgerechte Bewässerung von Bäumen und Beeten.", + "Auswertung der durch Sensoren übermittelten Daten für eine bedarfsgerechte Bewässerung von Jungbäumen.", }, { - label: "Augenmerk auf Jungbäume und Beete", + label: "Augenmerk auf Jungbäume", icon: "/assets/svg/general/tree.svg", description: - "Jungbäume und Blumenbeete sind besonders hitzeanfällig und daher äußerst schutzbedürftig.", + "Jungbäume sind besonders hitzeanfällig und daher äußerst schutzbedürftig. Aus diesem Grund werden Bäume in deren ersten drei Standjahren überwacht.", }, { label: "Monitoring mehrerer Standorte", diff --git a/src/tsx/components/sections/Stakeholder.tsx b/src/tsx/components/sections/Stakeholder.tsx index e919e34..bd63abf 100644 --- a/src/tsx/components/sections/Stakeholder.tsx +++ b/src/tsx/components/sections/Stakeholder.tsx @@ -59,8 +59,7 @@ const Stakeholder: React.FC = ({

In Zusammenarbeit zwischen der Hochschule-Flensburg, der Smarten-Grenzregion und dem TBZ-Flensburg soll in der Stadt - Flensburg eine smarte Bewässerung für Bäume und Beete - aufgebaut werden. + Flensburg eine smarte Bewässerung für Bäume aufgebaut werden.

diff --git a/src/tsx/components/sections/Videos.tsx b/src/tsx/components/sections/Videos.tsx new file mode 100644 index 0000000..c02c519 --- /dev/null +++ b/src/tsx/components/sections/Videos.tsx @@ -0,0 +1,72 @@ +import ReactPlayer from "react-player" + +const VIDEO_SHORT = "https://s3.green-ecolution.de/public-videos/project-video/short/green-ecolution-short.m3u8" +const VIDEO_SHORT_THMBNL = "https://s3.green-ecolution.de/public-videos/project-video/short/green-ecolution-thumbnail.png" +const VIDEO_LONG = "https://s3.green-ecolution.de/public-videos/project-video/long/green-ecolution-long.m3u8" +const VIDEO_LONG_THMBNL = "https://s3.green-ecolution.de/public-videos/project-video/long/green-ecolution-thumbnail.png" + +const Videos = () => { + + return ( +
+
+

+ Lerne das Projekt per Video kennen +

+

+ Im Rahmen des Forschungsprojekts wurden nicht nur eine Sensorlösung und eine Software entwickelt, + sondern auch Videos produziert. Diese Videos veranschaulichen anschaulich die Inhalte des Projekts, + einschließlich der Zielsetzung, der Problemstellung und der von uns entwickelten Lösung. +

+
+ +
+
+ +

+ Kurzvideo |  + ca. 30 Sekunden +

+

+ In diesem kurzen Video geben wir dir einen ersten Einblick in unser Projekt. + Erfahre in wenigen Minuten, worum es geht und was du von den kommenden Inhalten erwarten kannst. + Schau dir das Video an, um einen schnellen Überblick zu bekommen! +

+
+ +
+ +

+ Langvideo |  + ca. 4 Minuten +

+

+ In diesem ausführlichen Video tauchen wir tiefer in unser Projekt ein. + Hier erläutern wir die wichtigsten Details, Hintergründe und die nächsten Schritte. + Dieses Video bietet dir umfassende Informationen und hilft dir, das Projekt besser zu verstehen. + Viel Spaß beim Anschauen und Entdecken! +

+
+
+
+ ) + +} + +export default Videos diff --git a/src/tsx/layout/Footer.tsx b/src/tsx/layout/Footer.tsx index 770013a..fa97ed0 100644 --- a/src/tsx/layout/Footer.tsx +++ b/src/tsx/layout/Footer.tsx @@ -21,7 +21,7 @@ function Footer() { Das Forschungsprojekt Green Ecolution ist aus einem Master-Forschungsprojekt der Hochschule-Flensburg hervorgegangen und beschäftigt sich mit der smarten - Bewässerung von Bäumen und Beeten. + Bewässerung von Bäumen.