Feature/add blog post unlock your financial potential (#1994)

* Add blog post: Unlock your Financial Potential with Ghostfolio

* Update changelog

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added the historical data and search functionality for the `FINANCIAL_MODELING_PREP` data source type
+- Added a blog post: _Unlock your Financial Potential with Ghostfolio_
 
 ### Changed
 

apps/api/src/app/frontend.middleware.ts

@@ -94,6 +94,13 @@ export class FrontendMiddleware implements NestMiddleware {
     ) {
       featureGraphicPath = 'assets/images/blog/1000-stars-on-github.jpg';
       title = `Ghostfolio reaches 1’000 Stars on GitHub - ${title}`;
+    } else if (
+      request.path.startsWith(
+        '/en/blog/2023/05/unlock-your-financial-potential-with-ghostfolio'
+      )
+    ) {
+      featureGraphicPath = 'assets/images/blog/20230520.jpg';
+      title = `Unlock your Financial Potential with Ghostfolio - ${title}`;
     }
 
     if (

apps/client/src/app/app-routing.module.ts

@@ -137,6 +137,13 @@ const routes: Routes = [
         './pages/blog/2023/03/1000-stars-on-github/1000-stars-on-github-page.module'
       ).then((m) => m.ThousandStarsOnGitHubPageModule)
   },
+  {
+    path: 'blog/2023/05/unlock-your-financial-potential-with-ghostfolio',
+    loadChildren: () =>
+      import(
+        './pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.module'
+      ).then((m) => m.UnlockYourFinancialPotentialWithGhostfolioPageModule)
+  },
   {
     path: 'demo',
     loadChildren: () =>

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page-routing.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AuthGuard } from '@ghostfolio/client/core/auth.guard';
+
+import { UnlockYourFinancialPotentialWithGhostfolioPageComponent } from './unlock-your-financial-potential-with-ghostfolio-page.component';
+
+const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: UnlockYourFinancialPotentialWithGhostfolioPageComponent,
+    path: '',
+    title: 'Unlock your Financial Potential with Ghostfolio'
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class UnlockYourFinancialPotentialWithGhostfolioRoutingModule {}

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  host: { class: 'page' },
+  selector: 'gf-unlock-your-financial-potential-with-ghostfolio-page',
+  styleUrls: ['./unlock-your-financial-potential-with-ghostfolio-page.scss'],
+  templateUrl: './unlock-your-financial-potential-with-ghostfolio-page.html'
+})
+export class UnlockYourFinancialPotentialWithGhostfolioPageComponent {}

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.html

@@ -0,0 +1,238 @@
+<div class="blog container">
+  <div class="row">
+    <div class="col-md-8 offset-md-2">
+      <article>
+        <div class="mb-4 text-center">
+          <h1 class="mb-1">Unlock your Financial Potential with Ghostfolio</h1>
+          <div class="mb-3 text-muted"><small>2023-05-20</small></div>
+          <img
+            alt="Unlock your financial potential with Ghostfolio Teaser"
+            class="border rounded w-100"
+            src="../assets/images/blog/20230520.jpg"
+            title="Unlock your financial potential with Ghostfolio"
+          />
+        </div>
+        <section class="mb-4">
+          <p>
+            Managing personal finances effectively is crucial for those striving
+            for financial independence and a secure future. In today’s digital
+            age, having a reliable personal finance software can greatly
+            simplify the process. Ghostfolio is a powerful
+            <a
+              href="https://github.com/ghostfolio/ghostfolio"
+              title="Find Ghostfolio on GitHub"
+              >open source solution</a
+            >
+            for individuals trading stocks, ETFs, or cryptocurrencies on
+            multiple platforms. This article explores the key reasons why
+            Ghostfolio is the ideal choice for those embracing minimalism,
+            pursuing a buy & hold strategy, seeking portfolio insights, and
+            diversifying financial resources while valuing privacy.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Effortless Management for Multi-Platform Investors</h2>
+          <p>
+            Ghostfolio offers a consolidated solution to efficiently monitor and
+            manage investment portfolios across multiple platforms. By
+            consolidating data from various accounts, Ghostfolio eliminates the
+            need to switch between platforms, saving users valuable time and
+            effort.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Empowering Buy & Hold Strategies</h2>
+          <p>
+            For those committed to a
+            <a [routerLink]="['/resources']">buy & hold strategy</a>, Ghostfolio
+            provides an intuitive interface to monitor long-term investments.
+            Users can track performance over time, gaining insights into
+            portfolio growth and stability. With strong visualizations and
+            reporting <a [routerLink]="['/features']">features</a>, Ghostfolio
+            equips users to make well-informed decisions aligned with their
+            long-term investment goals.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Deep Portfolio Insights</h2>
+          <p>
+            Understanding portfolio composition is vital for making informed
+            financial decisions. Ghostfolio provides comprehensive insights into
+            asset allocation, sector exposure, geographical diversification, and
+            individual asset performance. These detailed analytics empower users
+            to assess portfolio strengths and weaknesses, making necessary
+            adjustments to optimize their diversification.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Privacy and Data Ownership</h2>
+          <p>
+            In the age of growing data security concerns, Ghostfolio sets itself
+            apart by giving the highest priority to privacy and data ownership.
+            As an open-source software, Ghostfolio ensures that users retain
+            complete control over their financial data. By eliminating the need
+            to trust third-party platforms with sensitive information,
+            Ghostfolio offers peace of mind to those who value privacy and data
+            security.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Streamlined Minimalism for Financial Efficiency</h2>
+          <p>
+            Ghostfolio embraces a minimalist approach to personal finance
+            management, focusing on essential features without overwhelming
+            users. Its streamlined user interface and clean design provide a
+            seamless and clutter-free experience. This minimalist approach
+            enhances user satisfaction and boosts efficiency by eliminating
+            distractions and simplifying the financial management process.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Driving Financial Independence (FIRE)</h2>
+          <p>
+            Achieving
+            <a [routerLink]="['/resources']">financial independence</a>
+            including early retirement (FIRE) requires careful planning,
+            monitoring, and forecasting. Ghostfolio’s robust features equip
+            individuals with tools to analyze, optimize and simulate investment
+            strategies. By providing insights, performance tracking, and
+            portfolio analysis, Ghostfolio serves as a valuable companion in the
+            pursuit of financial freedom.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Farewell to Spreadsheet Hassles</h2>
+          <p>
+            While spreadsheets have traditionally been used to manage personal
+            finances, they can be time-consuming and prone to errors. Ghostfolio
+            offers a user-friendly alternative by automating data aggregation,
+            analysis, and reporting. Users can bid farewell to manual data entry
+            and complex formulas, relying instead on Ghostfolio’s user-friendly
+            and intuitive interface to efficiently manage their finances.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Your Path to Financial Success with Ghostfolio</h2>
+          <p>
+            Ghostfolio, the open-source personal finance software, provides a
+            wide range of benefits for individuals involved in trading stocks,
+            ETFs, or cryptocurrencies. Whether you are pursuing a buy & hold
+            strategy, seeking valuable portfolio insights, or diversifying
+            financial resources while prioritizing privacy and data ownership,
+            Ghostfolio proves to be an invaluable tool on your journey towards
+            unlocking your financial potential. Say goodbye to spreadsheets and
+            embrace the power of Ghostfolio for simplified, secure, and
+            successful financial management.
+          </p>
+        </section>
+        <section class="mb-4 py-3">
+          <h2 class="h4 mb-0 text-center">
+            Would you like to <strong>unlock</strong> your
+            <strong>financial potential</strong>?
+          </h2>
+          <p class="lead mb-2 text-center">
+            Ghostfolio empowers you to manage your personal finances
+            effectively.
+          </p>
+          <div class="text-center">
+            <a color="primary" href="https://ghostfol.io" mat-flat-button>
+              Get Started
+            </a>
+          </div>
+        </section>
+        <section class="mb-4">
+          <ul class="list-inline">
+            <li class="list-inline-item">
+              <span class="badge badge-light">App</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Analysis</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Assets</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Budgeting</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Buy & Hold</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Cryptocurrencies</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Diversification</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">ETFs</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Fintech</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Ghostfolio</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Investment</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Management</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Minimalism</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Monitoring</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Open Source</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Personal Finance</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Planning</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Portfolio Tracker</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Privacy</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Retirement</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Software</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Spreadsheet</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Stock</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Strategy</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth</span>
+            </li>
+          </ul>
+        </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Unlock your Financial Potential with Ghostfolio
+            </li>
+          </ol>
+        </nav>
+      </article>
+    </div>
+  </div>
+</div>

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.module.ts

@@ -0,0 +1,19 @@
+import { CommonModule } from '@angular/common';
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { UnlockYourFinancialPotentialWithGhostfolioRoutingModule } from './unlock-your-financial-potential-with-ghostfolio-page-routing.module';
+import { UnlockYourFinancialPotentialWithGhostfolioPageComponent } from './unlock-your-financial-potential-with-ghostfolio-page.component';
+
+@NgModule({
+  declarations: [UnlockYourFinancialPotentialWithGhostfolioPageComponent],
+  imports: [
+    CommonModule,
+    MatButtonModule,
+    RouterModule,
+    UnlockYourFinancialPotentialWithGhostfolioRoutingModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class UnlockYourFinancialPotentialWithGhostfolioPageModule {}

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.scss

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

apps/client/src/app/pages/blog/blog-page.html

@@ -2,6 +2,32 @@
   <div class="mb-5 row">
     <div class="col">
       <h3 class="d-none d-sm-block mb-3 text-center" i18n>Blog</h3>
+      <mat-card appearance="outlined" class="mb-3">
+        <mat-card-content>
+          <div class="container p-0">
+            <div class="flex-nowrap no-gutters row">
+              <a
+                class="d-flex overflow-hidden w-100"
+                href="../en/blog/2023/05/unlock-your-financial-potential-with-ghostfolio"
+              >
+                <div class="flex-grow-1 overflow-hidden">
+                  <div class="h6 m-0 text-truncate">
+                    Unlock your Financial Potential with Ghostfolio
+                  </div>
+                  <div class="d-flex text-muted">2023-05-20</div>
+                </div>
+                <div class="align-items-center d-flex">
+                  <ion-icon
+                    class="chevron text-muted"
+                    name="chevron-forward-outline"
+                    size="small"
+                  ></ion-icon>
+                </div>
+              </a>
+            </div>
+          </div>
+        </mat-card-content>
+      </mat-card>
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-content>
           <div class="container p-0">

apps/client/src/assets/sitemap.xml

@@ -6,106 +6,110 @@
             http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
   <url>
     <loc>https://ghostfol.io</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/de/blog</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/de/blog/2023/01/ghostfolio-auf-sackgeld-vorgestellt</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
     <url>
     <loc>https://ghostfol.io/de/pricing</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/about</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/about/changelog</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2021/07/hello-ghostfolio</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/07/ghostfolio-meets-internet-identity</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/07/how-do-i-get-my-finances-in-order</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/08/500-stars-on-github</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/10/hacktoberfest-2022</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/11/black-friday-2022</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/12/the-importance-of-tracking-your-personal-finances</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2023/02/ghostfolio-meets-umbrel</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2023/03/ghostfolio-reaches-1000-stars-on-github</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
+  </url>
+  <url>
+    <loc>https://ghostfol.io/en/blog/2023/05/unlock-your-financial-potential-with-ghostfolio</loc>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/demo</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/faq</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/features</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/markets</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/open</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/pricing</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/register</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/resources</loc>
-    <lastmod>2023-05-15T00:00:00+00:00</lastmod>
+    <lastmod>2023-05-20T00:00:00+00:00</lastmod>
   </url>
 </urlset>