Feature/add blog post the importance of tracking your personal finances (#1537)

* Add blog post: The importance of tracking your personal finances

* Update changelog

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Added support to manage the tags in the create or edit activity dialog
 - Added the tags to the admin control panel
+- Added a blog post: _The importance of tracking your personal finances_
 
 ### Changed
 

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

@@ -59,6 +59,12 @@ export class FrontendMiddleware implements NestMiddleware {
       featureGraphicPath = 'assets/images/blog/hacktoberfest-2022.png';
     } else if (request.path.startsWith('/en/blog/2022/11/black-friday-2022')) {
       featureGraphicPath = 'assets/images/blog/black-friday-2022.jpg';
+    } else if (
+      request.path.startsWith(
+        '/en/blog/2022/12/the-importance-of-tracking-your-personal-finances'
+      )
+    ) {
+      featureGraphicPath = 'assets/images/blog/20221226.jpg';
     }
 
     if (

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

@@ -109,6 +109,13 @@ const routes: Routes = [
         './pages/blog/2022/11/black-friday-2022/black-friday-2022-page.module'
       ).then((m) => m.BlackFriday2022PageModule)
   },
+  {
+    path: 'blog/2022/12/the-importance-of-tracking-your-personal-finances',
+    loadChildren: () =>
+      import(
+        './pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-page.module'
+      ).then((m) => m.TheImportanceOfTrackingYourPersonalFinancesPageModule)
+  },
   {
     path: 'demo',
     loadChildren: () =>

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-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 { TheImportanceOfTrackingYourPersonalFinancesPageComponent } from './the-importance-of-tracking-your-personal-finances-page.component';
+
+const routes: Routes = [
+  {
+    canActivate: [AuthGuard],
+    component: TheImportanceOfTrackingYourPersonalFinancesPageComponent,
+    path: '',
+    title: 'The importance of tracking your personal finances'
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TheImportanceOfTrackingYourPersonalFinancesRoutingModule {}

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-page.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  host: { class: 'page' },
+  selector: 'gf-the-importance-of-tracking-your-personal-finances-page',
+  styleUrls: ['./the-importance-of-tracking-your-personal-finances-page.scss'],
+  templateUrl: './the-importance-of-tracking-your-personal-finances-page.html'
+})
+export class TheImportanceOfTrackingYourPersonalFinancesPageComponent {}

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-page.html

@@ -0,0 +1,168 @@
+<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">
+            The importance of tracking your personal finances
+          </h1>
+          <div class="mb-3 text-muted"><small>2022-12-26</small></div>
+          <img
+            alt="The importance of tracking your personal finances Teaser"
+            class="rounded w-100"
+            src="../assets/images/blog/20221226.jpg"
+            title="The importance of tracking your personal finances"
+          />
+        </div>
+        <section class="mb-4">
+          <p>
+            Once again, the end of the year is peak season for making
+            resolutions, whether in the area of personal fitness, relationships
+            or career. For sustainable changes, it’s important to track your
+            progress and celebrate even small successes. Not surprisingly, these
+            same principles apply to personal finances as well.
+          </p>
+          <p>
+            Tracking your assets is an important part of achieving your
+            financial goals. By regularly reviewing and monitoring your assets,
+            you can get a clear picture of your financial situation and identify
+            areas where action is required to reach your financial ambitions.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Understanding your net worth</h2>
+          <p>
+            One of the main benefits of monitoring wealth is that it helps you
+            understand the value of your assets. By keeping track of your
+            assets, you can see how much money you have invested, where it is
+            invested, and how well it is performing. This allows you to see how
+            your assets are performing over time, and you can adjust your
+            strategy if necessary.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Identifying opportunities</h2>
+          <p>
+            Tracking your wealth can also help you identify financial
+            opportunities for growth and improvement. By reviewing your assets
+            regularly, you may be able to identify new investment opportunities
+            or strategies that can help you grow your wealth and reach your
+            financial objectives faster.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Managing the risk and making informed decisions</h2>
+          <p>
+            Monitoring your assets not only helps you understand the value of
+            your assets and identify potential for growth, but also helps you
+            manage your risk. By understanding the different types of your
+            assets and their performance, you can make informed decisions about
+            how to allocate your assets to minimize risk and maximize the
+            potential return on investment.
+          </p>
+        </section>
+        <section class="mb-4">
+          <h2 class="h4">Tracking personal finances with Ghostfolio</h2>
+          <p>
+            In summary, monitoring your assets is an important aspect of
+            achieving your financial goals. It helps you understand the value of
+            your assets, identify growth opportunities and manage your risk. By
+            regularly reviewing and monitoring your assets, you can make
+            informed decisions about your financial strategy and work toward
+            your financial success.
+          </p>
+          <p>
+            Instead of manually recording your assets and net worth in a
+            spreadsheet, you can use
+            <a href="https://ghostfol.io">Ghostfolio</a>, a web-based software
+            to manage your personal finances.
+          </p>
+        </section>
+        <section class="mb-4 py-3">
+          <h2 class="h4 mb-0 text-center">
+            Would you like to <strong>refine</strong> your
+            <strong>personal investment strategy</strong>?
+          </h2>
+          <p class="lead mb-2 text-center">
+            Ghostfolio empowers you to keep track of your wealth.
+          </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">Assets</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Decision</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">Goal</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">Monitoring</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Net Worth</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Opportunity</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Performance</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">Portfolio Tracker</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Progress</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Risk</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">Strategy</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Success</span>
+            </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Wealth</span>
+            </li>
+          </ul>
+        </section>
+      </article>
+    </div>
+  </div>
+</div>

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-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 { TheImportanceOfTrackingYourPersonalFinancesRoutingModule } from './the-importance-of-tracking-your-personal-finances-page-routing.module';
+import { TheImportanceOfTrackingYourPersonalFinancesPageComponent } from './the-importance-of-tracking-your-personal-finances-page.component';
+
+@NgModule({
+  declarations: [TheImportanceOfTrackingYourPersonalFinancesPageComponent],
+  imports: [
+    CommonModule,
+    MatButtonModule,
+    RouterModule,
+    TheImportanceOfTrackingYourPersonalFinancesRoutingModule
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class TheImportanceOfTrackingYourPersonalFinancesPageModule {}

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-page.scss

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

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

@@ -2,15 +2,41 @@
   <div class="mb-5 row">
     <div class="col">
       <h3 class="mb-3 text-center" i18n>Blog</h3>
+      <mat-card 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/2022/12/the-importance-of-tracking-your-personal-finances"
+              >
+                <div class="flex-grow-1 overflow-hidden">
+                  <div class="h6 m-0 text-truncate">
+                    The importance of tracking your personal finances
+                  </div>
+                  <div class="d-flex text-muted">2022-12-26</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 *ngIf="hasPermissionForSubscription" class="mb-3">
         <mat-card-content>
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/11/black-friday-2022"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">Black Friday 2022</div>
                   <div class="d-flex text-muted">2022-11-13</div>
                 </div>
@@ -31,10 +57,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/10/hacktoberfest-2022"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">Hacktoberfest 2022</div>
                   <div class="d-flex text-muted">2022-10-01</div>
                 </div>
@@ -55,10 +81,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/08/500-stars-on-github"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">500 Stars on GitHub</div>
                   <div class="d-flex text-muted">2022-08-18</div>
                 </div>
@@ -79,10 +105,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/07/ghostfolio-meets-internet-identity"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">
                     Ghostfolio meets Internet Identity
                   </div>
@@ -105,10 +131,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/07/how-do-i-get-my-finances-in-order"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">
                     How do I get my finances in order?
                   </div>
@@ -131,10 +157,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2022/01/ghostfolio-first-months-in-open-source"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">
                     First months in Open Source
                   </div>
@@ -157,10 +183,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../en/blog/2021/07/hello-ghostfolio"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">Hello Ghostfolio</div>
                   <div class="d-flex text-muted">2021-07-31</div>
                 </div>
@@ -181,10 +207,10 @@
           <div class="container p-0">
             <div class="flex-nowrap no-gutters row">
               <a
-                class="d-flex w-100"
+                class="d-flex overflow-hidden w-100"
                 href="../de/blog/2021/07/hallo-ghostfolio"
               >
-                <div class="flex-grow-1">
+                <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">Hallo Ghostfolio</div>
                   <div class="d-flex text-muted">2021-07-31</div>
                 </div>

apps/client/src/assets/sitemap.xml

@@ -6,78 +6,82 @@
             http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
   <url>
     <loc>https://ghostfol.io</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/about</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/about/changelog</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2021/07/hello-ghostfolio</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/07/ghostfolio-meets-internet-identity</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00: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>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/08/500-stars-on-github</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/10/hacktoberfest-2022</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/blog/2022/11/black-friday-2022</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
+  </url>
+  <url>
+    <loc>https://ghostfol.io/en/blog/2022/12/the-importance-of-tracking-your-personal-finances</loc>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/demo</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/faq</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/features</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/markets</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/pricing</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/register</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
   <url>
     <loc>https://ghostfol.io/en/resources</loc>
-    <lastmod>2022-11-10T00:00:00+00:00</lastmod>
+    <lastmod>2022-12-26T00:00:00+00:00</lastmod>
   </url>
 </urlset>