Feature/extend glossary by deflation inflation and stagflation (#1511)

* Extend glossary by deflation, inflation and stagflation

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Added
+
+- Extended the glossary of the resources page by _Deflation_, _Inflation_ and _Stagflation_
+
 ## 1.218.0 - 2022-12-12
 
 ### Added

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

@@ -91,6 +91,22 @@
             </div>
           </div>
         </div>
+        <div class="mb-4 media">
+          <div class="media-body">
+            <h3 class="h5 mt-0">Deflation</h3>
+            <div class="mb-1">
+              Deflation is a decrease of the general price level for goods and
+              services in an economy over a period of time.
+            </div>
+            <div>
+              <a
+                href="https://www.investopedia.com/terms/d/deflation.asp"
+                target="_blank"
+                >Deflation →</a
+              >
+            </div>
+          </div>
+        </div>
         <div class="mb-4 media">
           <div class="media-body">
             <h3 class="h5 mt-0">Dollar-Cost Averaging (DCA)</h3>
@@ -109,7 +125,7 @@
             </div>
           </div>
         </div>
-        <div class="media">
+        <div class="mb-4 media">
           <div class="media-body">
             <h3 class="h5 mt-0">Financial Independence</h3>
             <div class="mb-1">
@@ -126,6 +142,38 @@
             </div>
           </div>
         </div>
+        <div class="mb-4 media">
+          <div class="media-body">
+            <h3 class="h5 mt-0">Inflation</h3>
+            <div class="mb-1">
+              Inflation is an increase of the general price level for goods and
+              services in an economy over a period of time.
+            </div>
+            <div>
+              <a
+                href="https://www.investopedia.com/terms/i/inflation.asp"
+                target="_blank"
+                >Inflation →</a
+              >
+            </div>
+          </div>
+        </div>
+        <div class="mb-4 media">
+          <div class="media-body">
+            <h3 class="h5 mt-0">Stagflation</h3>
+            <div class="mb-1">
+              Stagflation describes a situation in which there is a stagnant
+              economy with high unemployment and high inflation.
+            </div>
+            <div>
+              <a
+                href="https://www.investopedia.com/terms/s/stagflation.asp"
+                target="_blank"
+                >Stagflation →</a
+              >
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>