Browse Source

Feature/add boringly getting rich guide to resources page (#836)

* Add "Boringly Getting Rich" guide

* Update changelog
pull/837/head
Thomas Kaul 3 years ago
committed by GitHub
parent
commit
638ae3f7fa
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      CHANGELOG.md
  2. 196
      apps/client/src/app/pages/resources/resources-page.html
  3. 12
      apps/client/src/app/pages/resources/resources-page.scss

1
CHANGELOG.md

@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added ### Added
- Added support to export a single future activity (draft) as an `.ics` file - Added support to export a single future activity (draft) as an `.ics` file
- Added the _Boringly Getting Rich_ guide to the resources section
## 1.137.0 - 15.04.2022 ## 1.137.0 - 15.04.2022

196
apps/client/src/app/pages/resources/resources-page.html

@ -1,105 +1,117 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h3 class="d-flex justify-content-center mb-3" i18n>Resources</h3> <h1 class="d-flex h3 justify-content-center mb-3" i18n>Resources</h1>
<mat-card class="mb-3"> <h2 class="h4 mb-3">Guides</h2>
<mat-card-content> <div class="mb-5">
<h4 class="mb-3">Market</h4> <div class="mb-4 media">
<div class="mb-5"> <div class="media-body">
<div class="mb-4 media"> <h3 class="h5 mt-0">Boringly Getting Rich</h3>
<div class="media-body"> <div class="mb-1">
<h5 class="mt-0">Fear & Greed Index</h5> The <i>Boringly Getting Rich</i> guide supports you to get started
<div class="mb-1"> with investing. It introduces a strategy utilizing a broadly
The fear and greed index was developed by <i>CNNMoney</i> to diversified, low-cost portfolio excluding the risks of individual
measure the primary emotions (fear and greed) that influence stocks.
how much investors are willing to pay for stocks.
</div>
<div>
<a
href="https://money.cnn.com/data/fear-and-greed/"
target="_blank"
>Fear & Greed Index →</a
>
</div>
</div>
</div> </div>
<div class="media"> <div>
<div class="media-body"> <a href="https://herget.me/investing-guide" target="_blank"
<h5 class="mt-0">Inflation Chart</h5> >Boringly Getting Rich →</a
<div class="mb-1"> >
Inflation Chart helps you find the intrinsic value of stock
markets, stock prices, goods and services by adjusting them to
the amount of the money supply (M0, M1, M2) or price of other
goods (food or oil).
</div>
<div>
<a href="https://inflationchart.com" target="_blank"
>Inflation Chart →</a
>
</div>
</div>
</div> </div>
</div> </div>
<h4 class="mb-3">Glossary</h4> </div>
<div> </div>
<div class="mb-4 media"> <h2 class="h4 mb-3">Market</h2>
<!--<img src="" class="mr-3" />--> <div class="mb-5">
<div class="media-body"> <div class="mb-4 media">
<h5 class="mt-0">Buy and Hold</h5> <div class="media-body">
<div class="mb-1"> <h3 class="h5 mt-0">Fear & Greed Index</h3>
Buy and hold is a passive investment strategy where you buy <div class="mb-1">
assets and hold them for a long period regardless of The fear and greed index was developed by <i>CNNMoney</i> to
fluctuations in the market. measure the primary emotions (fear and greed) that influence how
</div> much investors are willing to pay for stocks.
<div>
<a
href="https://www.investopedia.com/terms/b/buyandhold.asp"
target="_blank"
>Buy and Hold →</a
>
</div>
</div>
</div> </div>
<div class="mb-4 media"> <div>
<!--<img src="" class="mr-3" />--> <a
<div class="media-body"> href="https://money.cnn.com/data/fear-and-greed/"
<h5 class="mt-0">Dollar-Cost Averaging (DCA)</h5> target="_blank"
<div class="mb-1"> >Fear & Greed Index →</a
Dollar-cost averaging is an investment strategy where you >
split the total amount to be invested across periodic
purchases of a target asset to reduce the impact of volatility
on the overall purchase.
</div>
<div>
<a
href="https://www.investopedia.com/terms/d/dollarcostaveraging.asp"
target="_blank"
>Dollar-Cost Averaging →</a
>
</div>
</div>
</div> </div>
<div class="media"> </div>
<!--<img src="" class="mr-3" />--> </div>
<div class="media-body"> <div class="media">
<h5 class="mt-0">Financial Independence</h5> <div class="media-body">
<div class="mb-1"> <h3 class="h5 mt-0">Inflation Chart</h3>
Financial independence is the status of having enough income, <div class="mb-1">
for example with a passive income like dividends, to cover Inflation Chart helps you find the intrinsic value of stock
your living expenses for the rest of your life. markets, stock prices, goods and services by adjusting them to the
</div> amount of the money supply (M0, M1, M2) or price of other goods
<div> (food or oil).
<a </div>
href="https://en.wikipedia.org/wiki/Financial_independence" <div>
target="_blank" <a href="https://inflationchart.com" target="_blank"
>Financial Independence →</a >Inflation Chart →</a
> >
</div> </div>
</div> </div>
</div>
</div>
<h2 class="h4 mb-3">Glossary</h2>
<div>
<div class="mb-4 media">
<div class="media-body">
<h3 class="h5 mt-0">Buy and Hold</h3>
<div class="mb-1">
Buy and hold is a passive investment strategy where you buy assets
and hold them for a long period regardless of fluctuations in the
market.
</div>
<div>
<a
href="https://www.investopedia.com/terms/b/buyandhold.asp"
target="_blank"
>Buy and Hold →</a
>
</div>
</div>
</div>
<div class="mb-4 media">
<div class="media-body">
<h3 class="h5 mt-0">Dollar-Cost Averaging (DCA)</h3>
<div class="mb-1">
Dollar-cost averaging is an investment strategy where you split
the total amount to be invested across periodic purchases of a
target asset to reduce the impact of volatility on the overall
purchase.
</div>
<div>
<a
href="https://www.investopedia.com/terms/d/dollarcostaveraging.asp"
target="_blank"
>Dollar-Cost Averaging →</a
>
</div>
</div>
</div>
<div class="media">
<div class="media-body">
<h3 class="h5 mt-0">Financial Independence</h3>
<div class="mb-1">
Financial independence is the status of having enough income, for
example with a passive income like dividends, to cover your living
expenses for the rest of your life.
</div>
<div>
<a
href="https://en.wikipedia.org/wiki/Financial_independence"
target="_blank"
>Financial Independence →</a
>
</div> </div>
</div> </div>
</mat-card-content> </div>
</mat-card> </div>
</div> </div>
</div> </div>
</div> </div>

12
apps/client/src/app/pages/resources/resources-page.scss

@ -2,14 +2,12 @@
color: rgb(var(--dark-primary-text)); color: rgb(var(--dark-primary-text));
display: block; display: block;
.mat-card { a {
a { color: rgba(var(--palette-primary-500), 1);
color: rgba(var(--palette-primary-500), 1); font-weight: 500;
font-weight: 500;
&:hover { &:hover {
color: rgba(var(--palette-primary-300), 1); color: rgba(var(--palette-primary-300), 1);
}
} }
} }
} }

Loading…
Cancel
Save