Change black friday to black week (#2672)

* Change black friday to black week

* Change image

apps/api/src/assets/sitemap.xml

@@ -327,7 +327,7 @@
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/blog/2023/11/black-friday-2023</loc>
+    <loc>https://ghostfol.io/en/blog/2023/11/black-week-2023</loc>
     <lastmod>${currentDate}T00:00:00+00:00</lastmod>
   </url>
   <url>

apps/api/src/middlewares/html-template.middleware.ts

@@ -76,9 +76,9 @@ const locales = {
     featureGraphicPath: 'assets/images/blog/hacktoberfest-2023.png',
     title: `Hacktoberfest 2023 - ${title}`
   },
-  '/en/blog/2023/11/black-friday-2023': {
+  '/en/blog/2023/11/black-week-2023': {
-    featureGraphicPath: 'assets/images/blog/black-friday-2023.png',
+    featureGraphicPath: 'assets/images/blog/black-week-2023.png',
-    title: `Black Friday 2023 - ${title}`
+    title: `Black Week 2023 - ${title}`
   },
   '/en/blog/2023/11/hacktoberfest-2023-debriefing': {
     featureGraphicPath: 'assets/images/blog/hacktoberfest-2023.png',

apps/client/src/app/pages/blog/2023/11/black-week-2023/black-week-2023-page.component.ts

@@ -6,11 +6,11 @@ import { GfPremiumIndicatorModule } from '@ghostfolio/ui/premium-indicator';
 @Component({
   host: { class: 'page' },
   imports: [GfPremiumIndicatorModule, MatButtonModule, RouterModule],
-  selector: 'gf-black-friday-2023-page',
+  selector: 'gf-black-week-2023-page',
   standalone: true,
-  templateUrl: './black-friday-2023-page.html'
+  templateUrl: './black-week-2023-page.html'
 })
-export class BlackFriday2023PageComponent {
+export class BlackWeek2023PageComponent {
   public routerLinkFeatures = ['/' + $localize`features`];
   public routerLinkPricing = ['/' + $localize`pricing`];
 }

apps/client/src/app/pages/blog/2023/11/black-week-2023/black-week-2023-page.html

@@ -3,13 +3,13 @@
     <div class="col-md-8 offset-md-2">
       <article>
         <div class="mb-4 text-center">
-          <h1 class="mb-1">Black Friday 2023</h1>
+          <h1 class="mb-1">Black Week 2023</h1>
-          <div class="mb-3 text-muted"><small>2023-11-18</small></div>
+          <div class="mb-3 text-muted"><small>2023-11-19</small></div>
           <img
-            alt="Black Friday 2023 Teaser"
+            alt="Black Week 2023 Teaser"
             class="rounded w-100"
-            src="../assets/images/blog/black-friday-2023.jpg"
+            src="../assets/images/blog/black-week-2023.jpg"
-            title="Black Friday 2023"
+            title="Black Week 2023"
           />
         </div>
         <section class="mb-4">
@@ -23,7 +23,7 @@
                 [enableLink]="false"
               ></gf-premium-indicator
             ></span>
-            annual plan with our exclusive Black Friday deal. Elevate your
+            annual plan with our exclusive Black Week deal. Elevate your
             financial strategy with the power of Ghostfolio designed to give you
             the full picture of your assets.
           </p>
@@ -37,8 +37,8 @@
             >
             is a modern web application to manage personal finances. This Open
             Source Software (OSS) dynamically aggregates your diverse assets
-            including stocks, ETFs, cryptocurrencies, commodities, and more,
+            including stocks, ETFs, cryptocurrencies, commodities, etc. and
-            presenting a comprehensive overview of your portfolio in real-time.
+            presents a comprehensive overview of your portfolio in real-time.
             Empower yourself to make informed, data-driven investment decisions
             with the robust analytics at your fingertips. Explore the numerous
             <a [routerLink]="routerLinkFeatures">features</a> to enhance your
@@ -47,8 +47,8 @@
         </section>
         <section class="mb-4">
           <p>
-            Snap the limited Black Friday 2023 deal before it’s gone. For
+            Snap the limited Black Week 2023 deal before it’s gone. For detailed
-            detailed information on plans and pricing, please visit our
+            information on plans and pricing, please visit our
             <a [routerLink]="routerLinkPricing">pricing page</a>.
           </p>
           <p class="text-center">
@@ -65,6 +65,9 @@
             <li class="list-inline-item">
               <span class="badge badge-light">Black Friday</span>
             </li>
+            <li class="list-inline-item">
+              <span class="badge badge-light">Black Week</span>
+            </li>
             <li class="list-inline-item">
               <span class="badge badge-light">Cloud</span>
             </li>
@@ -148,7 +151,7 @@
               aria-current="page"
               class="active breadcrumb-item text-truncate"
             >
-              Black Friday 2023
+              Black Week 2023
             </li>
           </ol>
         </nav>

apps/client/src/app/pages/blog/blog-page-routing.module.ts

@@ -175,12 +175,12 @@ const routes: Routes = [
   },
   {
     canActivate: [AuthGuard],
-    path: '2023/11/black-friday-2023',
+    path: '2023/11/black-week-2023',
     loadComponent: () =>
-      import(
+      import('./2023/11/black-week-2023/black-week-2023-page.component').then(
-        './2023/11/black-friday-2023/black-friday-2023-page.component'
+        (c) => c.BlackWeek2023PageComponent
-      ).then((c) => c.BlackFriday2023PageComponent),
+      ),
-    title: 'Black Friday 2023'
+    title: 'Black Week 2023'
   }
 ];
 

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

@@ -18,11 +18,11 @@
             <div class="flex-nowrap no-gutters row">
               <a
                 class="d-flex overflow-hidden w-100"
-                href="../en/blog/2023/11/black-friday-2023"
+                href="../en/blog/2023/11/black-week-2023"
               >
                 <div class="flex-grow-1 overflow-hidden">
-                  <div class="h6 m-0 text-truncate">Black Friday 2023</div>
+                  <div class="h6 m-0 text-truncate">Black Week 2023</div>
-                  <div class="d-flex text-muted">2023-11-17</div>
+                  <div class="d-flex text-muted">2023-11-19</div>
                 </div>
                 <div class="align-items-center d-flex">
                   <ion-icon