#10 Create period overview

financer-web-client/src/main/resources/static/changelog.txt

@@ -5,6 +5,8 @@ v44 -> v45:
 - #8 Make push service completely optional
 - #1 Add missing description of IN clause to FQL search query options detail panel
 - #12 Add BETWEEN clause support to FQL and support other operators beside = for date filtering
+- #16 Replace HSQLDB with H2
+- #10 Add period overview
 
 v43 -> v44:
 - #8: Remove hard dependency on push-service - integrate new release of push-service

financer-web-client/src/main/resources/static/css/darkModeColors.css

@@ -12,5 +12,8 @@
     --link-color: #87ab63;
     --hover-color: #1f1f2f;
     --border-color: #7f7f7f;
+    --bad-color: #D30000;
+    --good-color: #00A900;
+    --neutral-color: #7f7f7f;
 }
 /* --------------------- */

financer-web-client/src/main/resources/static/css/lightModeColors.css

@@ -12,5 +12,8 @@
     --link-color: #0000EE;
     --hover-color: lightgrey;
     --border-color: #ddd;
+    --bad-color: #D30000;
+    --good-color: #00A900;
+    --neutral-color: #000000;
 }
 /* --------------------- */

financer-web-client/src/main/resources/static/css/main.css

@@ -9,7 +9,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url(font/SourceCodePro_Regular_400.woff2) format('woff2');
+  src: url(../font/SourceCodePro_Regular_400.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
@@ -18,10 +18,38 @@
   font-style: normal;
   font-weight: 600;
   font-display: swap;
-  src: url(font/SourceCodePro_Bold_600.woff2) format('woff2');
+  src: url(../font/SourceCodePro_Bold_600.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/Material_Icons.woff2) format('woff2');
+}
+
+.icon {
+    font-family: 'Material Icons';
+    vertical-align: middle;
+}
+
+.color-good {
+    color: var(--good-color);
+}
+
+.color-bad {
+    color: var(--bad-color);
+}
+
+.color-neutral {
+    color: var(--neutral-color);
+}
+
+#period-overview-asset-container {
+    display: inline;
+}
+
 body {
     color: var(--text-color);
     background-color: var(--background-color);