topaLE
/
ghostfolio
mirror of https://github.com/ghostfolio/ghostfolio
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Feature/improve wording on landing page (#1366) 

* Improve wording

* Update changelog
pull/1367/head
Thomas Kaul 3 years ago
committed by GitHub
parent
eac52a215b
commit
36bd6164e6
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 75 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      CHANGELOG.md
  2. 11
      apps/client/src/app/pages/landing/landing-page.component.ts
  3. 36
      apps/client/src/app/pages/landing/landing-page.html
  4. 36
      apps/client/src/assets/sitemap.xml
  5. 44
      apps/client/src/index.html

1
CHANGELOG.md
View File

@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Improved the portfolio evolution chart - Improved the portfolio evolution chart
- Removed the data source type `RAKUTEN` - Removed the data source type `RAKUTEN`
- Refactored the appearance (dark mode) in user settings (from `appearance` to `colorScheme`) - Refactored the appearance (dark mode) in user settings (from `appearance` to `colorScheme`)
- Improved the wording on the landing page
## 1.204.1 - 15.10.2022 ## 1.204.1 - 15.10.2022

11
apps/client/src/app/pages/landing/landing-page.component.ts
View File

@ -3,6 +3,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
import { Statistics } from '@ghostfolio/common/interfaces/statistics.interface'; import { Statistics } from '@ghostfolio/common/interfaces/statistics.interface';
import { hasPermission, permissions } from '@ghostfolio/common/permissions'; import { hasPermission, permissions } from '@ghostfolio/common/permissions';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { DeviceDetectorService } from 'ngx-device-detector';
import { Subject } from 'rxjs'; import { Subject } from 'rxjs';
@Component({ @Component({
@ -14,6 +15,7 @@ import { Subject } from 'rxjs';
export class LandingPageComponent implements OnDestroy, OnInit { export class LandingPageComponent implements OnDestroy, OnInit {
public currentYear = format(new Date(), 'yyyy'); public currentYear = format(new Date(), 'yyyy');
public demoAuthToken: string; public demoAuthToken: string;
public deviceType: string;
public hasPermissionForStatistics: boolean; public hasPermissionForStatistics: boolean;
public statistics: Statistics; public statistics: Statistics;
public testimonials = [ public testimonials = [
@ -41,7 +43,10 @@ export class LandingPageComponent implements OnDestroy, OnInit {
private unsubscribeSubject = new Subject<void>(); private unsubscribeSubject = new Subject<void>();
public constructor(private dataService: DataService) { public constructor(
private dataService: DataService,
private deviceService: DeviceDetectorService
) {
const { globalPermissions, statistics } = this.dataService.fetchInfo(); const { globalPermissions, statistics } = this.dataService.fetchInfo();
this.hasPermissionForStatistics = hasPermission( this.hasPermissionForStatistics = hasPermission(
@ -52,7 +57,9 @@ export class LandingPageComponent implements OnDestroy, OnInit {
this.statistics = statistics; this.statistics = statistics;
} }
public ngOnInit() {} public ngOnInit() {
this.deviceType = this.deviceService.getDeviceInfo().deviceType;
}
public ngOnDestroy() { public ngOnDestroy() {
this.unsubscribeSubject.next(); this.unsubscribeSubject.next();

36
apps/client/src/app/pages/landing/landing-page.html
View File

@ -1,10 +1,15 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col text-center"> <div class="col text-center">
<h1 class="font-weight-bold intro my-5"> <h1 class="font-weight-bold intro mt-5">
Manage your wealth like a boss Manage your wealth like a boss
</h1> </h1>
<div> <p class="lead mb-4">
Ghostfolio is a privacy-first, open source dashboard to manage your
personal finances. Break down your asset allocation, know your net worth
and make solid, data-driven investment decisions.
</p>
<div class="mb-4">
<a <a
href="https://www.youtube.com/watch?v=yY6ObSQVJZk" href="https://www.youtube.com/watch?v=yY6ObSQVJZk"
target="_blank" target="_blank"
@ -23,9 +28,9 @@
</div> </div>
<div class="container"> <div class="container">
<div class="button-container row"> <div class="button-container mb-5 row">
<div class="align-items-center col d-flex justify-content-center"> <div class="align-items-center col d-flex justify-content-center">
<div class="py-5 text-center"> <div class="text-center">
<a <a
class="d-inline-block" class="d-inline-block"
color="primary" color="primary"
@ -43,7 +48,10 @@
</div> </div>
<div *ngIf="hasPermissionForStatistics" class="row mb-5"> <div *ngIf="hasPermissionForStatistics" class="row mb-5">
<div class="col-md-4 d-flex my-1"> <div
class="col-md-4 d-flex my-1"
[ngClass]="{ 'justify-content-center': this.deviceType !== 'mobile' }"
>
<a <a
class="d-block" class="d-block"
title="Ghostfolio in Numbers: Monthly Active Users (MAU)" title="Ghostfolio in Numbers: Monthly Active Users (MAU)"
@ -57,7 +65,10 @@
> >
</a> </a>
</div> </div>
<div class="col-md-4 d-flex my-1"> <div
class="col-md-4 d-flex my-1"
[ngClass]="{ 'justify-content-center': this.deviceType !== 'mobile' }"
>
<a <a
class="d-block" class="d-block"
title="Ghostfolio in Numbers: Stars on GitHub" title="Ghostfolio in Numbers: Stars on GitHub"
@ -71,7 +82,10 @@
> >
</a> </a>
</div> </div>
<div class="col-md-4 d-flex my-1"> <div
class="col-md-4 d-flex my-1"
[ngClass]="{ 'justify-content-center': this.deviceType !== 'mobile' }"
>
<a <a
class="d-block" class="d-block"
title="Ghostfolio in Numbers: Pulls on Docker Hub" title="Ghostfolio in Numbers: Pulls on Docker Hub"
@ -139,15 +153,15 @@
</div> </div>
</div> </div>
<div class="row my-5"> <div class="pt-3 row">
<div class="col text-center"> <div class="col text-center">
<h2 class="h4 mb-1 text-center"> <h2 class="h4 mb-1 text-center">
Protect your <strong>assets</strong>. Refine your Protect your <strong>assets</strong>. Refine your
<strong>personal investment strategy</strong>. <strong>personal investment strategy</strong>.
</h2> </h2>
<p class="lead"> <p class="lead m-0">
Ghostfolio empowers busy people to keep track of stocks, ETFs or Ghostfolio empowers busy people to keep track of stocks, ETFs or
cryptocurrencies and make solid, data-driven investment decisions. cryptocurrencies without being tracked.
</p> </p>
</div> </div>
</div> </div>
@ -220,7 +234,7 @@
</li> </li>
</ul> </ul>
<div class="mt-4 text-center"> <div class="mt-4 text-center">
<a [routerLink]="['/about']" mat-stroked-button <a mat-stroked-button [routerLink]="['/about']"
>Learn more about Ghostfolio</a >Learn more about Ghostfolio</a
> >
</div> </div>

36
apps/client/src/assets/sitemap.xml
View File

@ -6,74 +6,74 @@
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<url> <url>
<loc>https://ghostfol.io</loc> <loc>https://ghostfol.io</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio</loc> <loc>https://ghostfol.io/de/blog/2021/07/hallo-ghostfolio</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/about</loc> <loc>https://ghostfol.io/en/about</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/about/changelog</loc> <loc>https://ghostfol.io/en/about/changelog</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog</loc> <loc>https://ghostfol.io/en/blog</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2021/07/hello-ghostfolio</loc> <loc>https://ghostfol.io/en/blog/2021/07/hello-ghostfolio</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source</loc> <loc>https://ghostfol.io/en/blog/2022/01/ghostfolio-first-months-in-open-source</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2022/07/ghostfolio-meets-internet-identity</loc> <loc>https://ghostfol.io/en/blog/2022/07/ghostfolio-meets-internet-identity</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2022/07/how-do-i-get-my-finances-in-order</loc> <loc>https://ghostfol.io/en/blog/2022/07/how-do-i-get-my-finances-in-order</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2022/08/500-stars-on-github</loc> <loc>https://ghostfol.io/en/blog/2022/08/500-stars-on-github</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/blog/2022/10/hacktoberfest-2022</loc> <loc>https://ghostfol.io/en/blog/2022/10/hacktoberfest-2022</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/demo</loc> <loc>https://ghostfol.io/en/demo</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/faq</loc> <loc>https://ghostfol.io/en/faq</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/features</loc> <loc>https://ghostfol.io/en/features</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/markets</loc> <loc>https://ghostfol.io/en/markets</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/pricing</loc> <loc>https://ghostfol.io/en/pricing</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/register</loc> <loc>https://ghostfol.io/en/register</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
<url> <url>
<loc>https://ghostfol.io/en/resources</loc> <loc>https://ghostfol.io/en/resources</loc>
<lastmod>2022-10-01T00:00:00+00:00</lastmod> <lastmod>2022-10-16T00:00:00+00:00</lastmod>
</url> </url>
</urlset> </urlset>

44
apps/client/src/index.html
View File

@ -6,65 +6,65 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
<meta <meta
content="Ghostfolio is a personal finance dashboard to keep track of your assets like stocks, ETFs or cryptocurrencies across multiple platforms."
name="description" name="description"
content="Ghostfolio is a lightweight application to keep track of your financial assets like stocks, ETFs or cryptocurrencies across multiple platforms."
/> />
<meta <meta
content="app, asset, cryptocurrency, dashboard, etf, finance, management, performance, portfolio, software, stock, trading, wealth, web3"
name="keywords" name="keywords"
content="app, asset, cryptocurrency, etf, finance, management, performance, portfolio, software, stock, tracker, trading, wealth"
/> />
<meta name="mobile-web-app-capable" content="yes" /> <meta content="yes" name="mobile-web-app-capable" />
<meta name="twitter:card" content="summary_large_image" /> <meta content="summary_large_image" name="twitter:card" />
<meta <meta
content="Ghostfolio is a personal finance dashboard to keep track of your assets like stocks, ETFs or cryptocurrencies"
name="twitter:description" name="twitter:description"
content="Ghostfolio is a lightweight wealth management application for individuals to keep track of stocks, ETFs or cryptocurrencies"
/> />
<meta name="twitter:image" content="${rootUrl}/${featureGraphicPath}" /> <meta content="${rootUrl}/${featureGraphicPath}" name="twitter:image" />
<meta <meta
name="twitter:title"
content="Ghostfolio – Open Source Wealth Management Software" content="Ghostfolio – Open Source Wealth Management Software"
name="twitter:title"
/> />
<meta <meta
name="viewport"
content="initial-scale=1, viewport-fit=cover, width=device-width" content="initial-scale=1, viewport-fit=cover, width=device-width"
name="viewport"
/> />
<meta property="og:description" content="" /> <meta content="" property="og:description" />
<meta <meta
property="og:title"
content="Ghostfolio – Open Source Wealth Management Software" content="Ghostfolio – Open Source Wealth Management Software"
property="og:title"
/> />
<meta property="og:type" content="website" /> <meta content="website" property="og:type" />
<meta property="og:url" content="${rootUrl}${path}" /> <meta content="${rootUrl}${path}" property="og:url" />
<meta property="og:image" content="${rootUrl}/${featureGraphicPath}" /> <meta content="${rootUrl}/${featureGraphicPath}" property="og:image" />
<meta property="og:updated_time" content="2022-08-18T00:00:00+00:00" /> <meta content="2022-10-16T00:00:00+00:00" property="og:updated_time" />
<meta <meta
property="og:site_name"
content="Ghostfolio – Open Source Wealth Management Software" content="Ghostfolio – Open Source Wealth Management Software"
property="og:site_name"
/> />
<link <link
href="../assets/apple-touch-icon.png"
rel="apple-touch-icon" rel="apple-touch-icon"
sizes="180x180" sizes="180x180"
href="../assets/apple-touch-icon.png"
/> />
<link <link
href="../assets/favicon-32x32.png"
rel="icon" rel="icon"
type="image/png"
sizes="32x32" sizes="32x32"
href="../assets/favicon-32x32.png" type="image/png"
/> />
<link <link
href="../assets/favicon-16x16.png"
rel="icon" rel="icon"
type="image/png"
sizes="16x16" sizes="16x16"
href="../assets/favicon-16x16.png" type="image/png"
/> />
<link rel="manifest" href="../assets/site.webmanifest" /> <link href="../assets/site.webmanifest" rel="manifest" />
</head> </head>
<body> <body>
<gf-root></gf-root> <gf-root></gf-root>
<script type="module" src="../ionicons/ionicons.esm.js"></script> <script src="../ionicons/ionicons.esm.js" type="module"></script>
<script nomodule="" src="ionicons.js"></script> <script nomodule="" src="ionicons.js"></script>
<noscript <noscript

Write Preview
Loading…
Cancel
Save