mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
3 years ago
committed by
GitHub
GitHub
14 changed files with 296 additions and 22 deletions
@ -0,0 +1,19 @@ |
|||
import { NgModule } from '@angular/core'; |
|||
import { RouterModule, Routes } from '@angular/router'; |
|||
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; |
|||
|
|||
import { GhostfolioMeetsInternetIdentityPageComponent } from './ghostfolio-meets-internet-identity-page.component'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
path: '', |
|||
component: GhostfolioMeetsInternetIdentityPageComponent, |
|||
canActivate: [AuthGuard] |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule] |
|||
}) |
|||
export class GhostfolioMeetsInternetIdentityRoutingModule {} |
|||
@ -0,0 +1,9 @@ |
|||
import { Component } from '@angular/core'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
selector: 'gf-ghostfolio-meets-internet-identity-page', |
|||
styleUrls: ['./ghostfolio-meets-internet-identity-page.scss'], |
|||
templateUrl: './ghostfolio-meets-internet-identity-page.html' |
|||
}) |
|||
export class GhostfolioMeetsInternetIdentityPageComponent {} |
|||
@ -0,0 +1,183 @@ |
|||
<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">Ghostfolio meets Internet Identity</h1> |
|||
<div class="mb-3 text-muted"><small>2022-07-23</small></div> |
|||
<img |
|||
alt="Ghostfolio meets Internet Identity Teaser" |
|||
class="w-100" |
|||
src="./assets/images/blog/ghostfolio-meets-internet-identity.png" |
|||
title="Ghostfolio meets Internet Identity" |
|||
/> |
|||
</div> |
|||
<section class="mb-4"> |
|||
<p> |
|||
<a href="https://ghostfol.io">Ghostfolio</a>, the web-based personal |
|||
finance management software, supports passwordless authentication as |
|||
of now thanks to the integration of |
|||
<a href="https://identity.ic0.app">Internet Identity</a>. This |
|||
blockchain authentication system enables you to sign in securely and |
|||
anonymously to Ghostfolio. With this latest update, Ghostfolio is |
|||
ready for Web3. |
|||
</p> |
|||
<div class="container my-4"> |
|||
<div class="row"> |
|||
<div class="col-md-10 offset-md-1"> |
|||
<blockquote class="blockquote m-0"> |
|||
<p class="mb-0">Track your portfolio without being tracked</p> |
|||
</blockquote> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<p> |
|||
To avoid the security issues that arise with password authentication |
|||
on the traditional web, the |
|||
<a href="https://internetcomputer.org">Internet Computer</a> |
|||
blockchain by <a href="https://dfinity.org">dfinity</a> has |
|||
introduced a new cryptographic authentication system. It is called |
|||
<i>Internet Identity</i> and is as convenient to use as Web2 |
|||
<a href="https://en.wikipedia.org/wiki/OAuth">OAuth</a> ("Open |
|||
Authorization") providers like <i>Google Sign-In</i> or |
|||
<i>Facebook Login</i>. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<h2 class="h4">How to use Internet Identity?</h2> |
|||
<p> |
|||
<i>Internet Identity</i> is based on the |
|||
<a href="https://en.wikipedia.org/wiki/WebAuthn" |
|||
>WebAuthn protocol</a |
|||
> |
|||
and uses secure cryptographic authentication. It provides three |
|||
options to authenticate yourself: |
|||
</p> |
|||
<ul> |
|||
<li> |
|||
The built-in biometric authentication methods of your smartphone |
|||
or laptop (fingerprint sensor, <i>Face ID</i>, <i>Touch ID</i>) |
|||
</li> |
|||
<li>The password or pin to unlock your computer or mobile phone</li> |
|||
<li>A security key plugged into the USB port of your computer</li> |
|||
</ul> |
|||
<p> |
|||
When you authenticate with <i>Internet Identity</i>, the service |
|||
only gets a dedicated pseudonym rather than sensitive user data like |
|||
the email address or phone number. This preserves your anonymity and |
|||
prevents you being tracked on the Internet. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<h2 class="h4">The key benefits in a nutshell</h2> |
|||
<ul> |
|||
<li> |
|||
Authenticate yourself securely without the need of an email |
|||
address, username, or a password: all you need is your device to |
|||
log in. |
|||
</li> |
|||
<li> |
|||
Built-in recovery mechanisms to ensure you are not locked out of |
|||
any service that requires the <i>Internet Identity</i>. |
|||
</li> |
|||
<li> |
|||
Log in to various Internet services without being tracked by big |
|||
tech companies. |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<p> |
|||
If you would like to provide feedback or get involved in further |
|||
development of Ghostfolio, please get in touch by email via |
|||
<a href="mailto:hi@ghostfol.io">hi@ghostfol.io</a> or on Twitter |
|||
<a href="https://twitter.com/ghostfolio_">@ghostfolio_</a>. |
|||
</p> |
|||
<p> |
|||
I look forward to hearing from you.<br /> |
|||
Thomas from Ghostfolio |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<ul class="list-inline"> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Anonymity</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">App</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Auth Provider</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Authentication</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Blockchain</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Cryptography</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">dfinity</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Face ID</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Fingerprint</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">Internet Computer</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Internet Identity</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">OAuth</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">OSS</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Password</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">passwordless</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Portfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Security</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">Technology</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Touch ID</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Wealth Management</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Web3</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">WebAuthn</span> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
</article> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,17 @@ |
|||
import { CommonModule } from '@angular/common'; |
|||
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
|||
import { RouterModule } from '@angular/router'; |
|||
|
|||
import { GhostfolioMeetsInternetIdentityRoutingModule } from './ghostfolio-meets-internet-identity-page-routing.module'; |
|||
import { GhostfolioMeetsInternetIdentityPageComponent } from './ghostfolio-meets-internet-identity-page.component'; |
|||
|
|||
@NgModule({ |
|||
declarations: [GhostfolioMeetsInternetIdentityPageComponent], |
|||
imports: [ |
|||
CommonModule, |
|||
GhostfolioMeetsInternetIdentityRoutingModule, |
|||
RouterModule |
|||
], |
|||
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
|||
}) |
|||
export class GhostfolioMeetsInternetIdentityPageModule {} |
|||
@ -0,0 +1,3 @@ |
|||
:host { |
|||
display: block; |
|||
} |
|||
|
After Width: | Height: | Size: 34 KiB |
Loading…
Reference in new issue