From b0e378f6b11f1009350957917dffc03e5f27ca34 Mon Sep 17 00:00:00 2001 From: Thomas <4159106+dtslvr@users.noreply.github.com> Date: Tue, 27 Jul 2021 20:38:53 +0200 Subject: [PATCH] Add german blog post --- apps/client/src/app/app-routing.module.ts | 7 + apps/client/src/app/core/auth.guard.ts | 1 + .../src/app/pages/about/about-page.html | 28 ++- .../src/app/pages/about/about-page.scss | 2 +- .../hallo-ghostfolio-page-routing.module.ts | 19 ++ .../hallo-ghostfolio-page.component.ts | 7 + .../hallo-ghostfolio-page.html | 193 ++++++++++++++++++ .../hallo-ghostfolio-page.module.ts | 14 ++ .../hello-ghostfolio-page.html | 6 +- .../src/app/pages/pricing/pricing-page.scss | 2 +- .../app/pages/resources/resources-page.scss | 2 +- .../pages/tools/analysis/analysis-page.scss | 2 +- apps/client/src/assets/sitemap.xml | 16 +- apps/client/src/styles.scss | 21 +- 14 files changed, 296 insertions(+), 24 deletions(-) create mode 100644 apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page-routing.module.ts create mode 100644 apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.component.ts create mode 100644 apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html create mode 100644 apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module.ts diff --git a/apps/client/src/app/app-routing.module.ts b/apps/client/src/app/app-routing.module.ts index 2500a3789..f25b3c295 100644 --- a/apps/client/src/app/app-routing.module.ts +++ b/apps/client/src/app/app-routing.module.ts @@ -40,6 +40,13 @@ const routes: Routes = [ './pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.module' ).then((m) => m.HelloGhostfolioPageModule) }, + { + path: 'de/blog/2021/07/hallo-ghostfolio', + loadChildren: () => + import( + './pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module' + ).then((m) => m.HalloGhostfolioPageModule) + }, { path: 'home', loadChildren: () => diff --git a/apps/client/src/app/core/auth.guard.ts b/apps/client/src/app/core/auth.guard.ts index 6fb410dfa..7035f7167 100644 --- a/apps/client/src/app/core/auth.guard.ts +++ b/apps/client/src/app/core/auth.guard.ts @@ -16,6 +16,7 @@ import { UserService } from '../services/user/user.service'; export class AuthGuard implements CanActivate { private static PUBLIC_PAGE_ROUTES = [ '/about', + '/de/blog', '/en/blog', '/pricing', '/register', diff --git a/apps/client/src/app/pages/about/about-page.html b/apps/client/src/app/pages/about/about-page.html index 05d97f953..c0b6249f5 100644 --- a/apps/client/src/app/pages/about/about-page.html +++ b/apps/client/src/app/pages/about/about-page.html @@ -110,16 +110,32 @@
-
+
-
- Lorem ipsum dolor sit amet -
-
17.07.2021
+
Hello Ghostfolio
+
27.07.2021
+
+
+ +
+ +
+
+ +
+
Hallo Ghostfolio
+
27.07.2021
+
+
+
+
+

Hallo Ghostfolio 👋

+
27.07.2021
+
+
+

+ In diesem Artikel möchte ich mein neues Open Source Projekt näher + vorstellen: Ghostfolio, eine + web-basierte Software für das Management der persönlichen Finanzen. +

+
+
+

Welches Problem löst Ghostfolio?

+

+ Aufgrund der steigenden Inflation und den Negativzinsen befasse ich + mich seit einiger Zeit, wie ich mein Vermögen möglichst + diversifiziert anlegen kann. Konkret verfolge ich eine Buy & Hold + Strategie mit Investitionen in verschiedene Anlageklassen verteilt + auf unterschiedliche Plattformen. Deshalb suchte ich nach einer App, + die mein Portfolio ganzheitlich zusammenfasst. Bei meiner + Internetrecherche und Suche in App Stores habe ich mehrere Lösungen + ausprobiert, doch keine hat mich vollkommen überzeugt: Zu + kompliziert, zu überladen, nicht optimiert für Smartphones oder zu + wenig umfassend. +

+
+
+

Die Vision

+

+ Besonders wichtig ist mir, dass ich in Echtzeit die Übersicht über + mein gesamtes Vermögen erhalte. Bisher hatte ich nur einmal im Jahr, + beim Abschluss der Steuererklärung, die aufbereiteten Zahlen zur + Verfügung. Zum Gesamtbild gehören neben Cash auf dem Sparkonto auch + länderspezifische Besonderheiten wie beispielsweise die freiwillige + Altersvorsorge (Säule 3a) in der Schweiz. +

+

+ In der Zwischenzeit habe ich mit vielen Kollegen gesprochen, die + schon länger investieren. Nicht wenige haben aus denselben + Überlegungen über die Zeit ein komplexes Spreadsheet angelegt. Ich + finde, dass dies im Jahr 2021 besser gehen muss. +

+
+
+
+
+

+ Ghostfolio zeigt das Gesamtbild des Vermögens, um + bestmögliche Anlage-Entscheidungen zu treffen. +

+
+
+
+
+

+ Ghostfolio soll eine simple Wealth Management Software sein. Diese + präsentiert jederzeit das aktuelle Vermögen und unterstützt bei + zukünftigen Investments. Sei es beim Rebalancing des Portfolios in + Anlageklassen (Aktien, Cryptocurrencies, ETFs, etc.) oder der + Finanzierung einer Wohnung, Ghostfolio bietet eine solide, + datengestützte Entscheidungshilfe. +

+

+ Ich lege grossen Wert auf Datenschutz. Als + Open Source Software + (OSS) kann Ghostfolio vollständig anonym genutzt werden, ohne die + gierigen Blicke von Grossbanken oder Big Tech. +

+
+
+

Von der Idee zur Umsetzung

+

+ Vor diesem Hintergrund habe ich das ambitionierte Projekt gestartet + und in kleinen Schritten eine Software programmiert, die ich rasch + selbst nutzen konnte. Als Stack habe ich mich für moderne + Web-Technologien entschieden, die mich persönlich besonders + interessieren beziehungsweise die ich gerne erlernen und vertiefen + möchte. Dazu zählen Docker, + Nx für das Management des Monorepos, + NestJS für das Backend und + PostgreSQL als Datenbank. + Der Code ist sowohl im Frontend als auch im Backend in + TypeScript + geschrieben. +

+

+ Da ich bei einigen Kalkulationen an meine Grenzen gestossen bin, + habe ich mit verschiedenen Möglichkeiten auseinandergesetzt, um + Unterstützung zu bekommen. In der Hoffnung, dass andere Leute + ebenfalls von der Lösung profitieren und bei Interesse mit + Verbesserungen beitragen können, habe ich den bestehenden Code als + Open Source Software veröffentlicht. Schon nach kurzer Zeit haben + andere Entwickler + mit tollen Erweiterungen an Ghostfolio mitgewirkt. +

+
+
+

Wie kann ich das Projekt unterstützen?

+

+ Bist du ebenfalls besessen von einer maximal diversifizierten + Anlagestrategie? Ich freue mich über alle, die Ghostfolio + ausprobieren. Bist du überzeugt vom Potential der Software? Jede + Unterstützung für Ghostfolio ist willkommen. Sei es mit einer + Ghostfolio Premium + Subscription zur Finanzierung des Hostings, einem positiven Rating + im + Google Play Store, einem Sternchen auf + GitHub, + Feedback, Bug Reports, Feature Requests und natürlich Contributions! +

+

+ Du erreichst mich per E-Mail unter + hi@ghostfol.io oder auf Twitter + @ghostfolio_. +

+

+ Ich freue mich, von dir zu hören.
+ Thomas von Ghostfolio +

+
+
+
    +
  • + Aktie + Altersvorsorge + Anlage + App + Cryptocurrency + ETF + Feedback + Fintech + Ghostfolio + Investition + Open Source + OSS + Portfolio + Software + Strategie + Trading + TypeScript + Vermögen + Wealth Management +
    • +
+
+
+
+
+
diff --git a/apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module.ts b/apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module.ts new file mode 100644 index 000000000..44a24e4b6 --- /dev/null +++ b/apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.module.ts @@ -0,0 +1,14 @@ +import { CommonModule } from '@angular/common'; +import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; + +import { HalloGhostfolioPageRoutingModule } from './hallo-ghostfolio-page-routing.module'; +import { HalloGhostfolioPageComponent } from './hallo-ghostfolio-page.component'; + +@NgModule({ + declarations: [HalloGhostfolioPageComponent], + exports: [], + imports: [CommonModule, HalloGhostfolioPageRoutingModule], + providers: [], + schemas: [CUSTOM_ELEMENTS_SCHEMA] +}) +export class HalloGhostfolioPageModule {} diff --git a/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html b/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html index 703fad8a7..fede4281b 100644 --- a/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html +++ b/apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html @@ -1,10 +1,10 @@ -
+

Hello Ghostfolio

-
17.07.2021
+
27.07.2021

@@ -63,7 +63,7 @@ nibh feugiat euismod. Suspendisse ornare ac nulla non imperdiet.

-
+
  • https://ghostfol.io - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 https://ghostfol.io/about - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 https://ghostfol.io/en/blog/2021/07/hello-ghostfolio - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 + + + https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio + 2021-07-27T00:00:00+00:00 https://ghostfol.io/pricing - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 https://ghostfol.io/register - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 https://ghostfol.io/resources - 2021-07-17T00:00:00+00:00 + 2021-07-27T00:00:00+00:00 diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss index bf2c9c0fd..e41b3b0f7 100644 --- a/apps/client/src/styles.scss +++ b/apps/client/src/styles.scss @@ -28,6 +28,22 @@ body { a { color: var(--dark-primary-text); + + &:hover { + color: unset; + text-decoration: none; + } + } + + .blog { + a { + color: rgba(var(--palette-primary-500), 1); + font-weight: 500; + + &:hover { + text-decoration: underline; + } + } } &.is-dark-theme { @@ -82,11 +98,6 @@ body { } } -a:hover { - color: unset; - text-decoration: none; -} - button:focus { outline: 0; }