feat: new theme-y items -- ready for pr

README.md

@@ -7,7 +7,7 @@
 
 This is a repository that contains the source code for the _utilitiesfor.me_ application. See: https://utilitiesfor.me
 
-![demo](meta/demo.png)
+![demo](meta/demo-v2.png)
 
 
 ## Why make this?

utilities_for_me/web_app/client/react/styles/pink-theme.css

@@ -1,5 +1,5 @@
 .theme-pink {
-    font-family: 'Noto Sans HK', sans-serif;
+  font-family: 'Indie Flower', cursive;
 
     /* Base */
     --primary-fill: var(--pink-200);

utilities_for_me/web_app/client/react/styles/tree-theme.css

@@ -1,5 +1,5 @@
 .theme-tree {
-  font-family: 'Noto Sans HK', sans-serif;
+  font-family: 'Cantora One', sans-serif;
 
     /* Base */
     --primary-fill: var(--brown-400);

utilities_for_me/web_app/templates/index.jinja2.html

@@ -5,9 +5,15 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=divide-width, initial-scale=1.0">
     <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;600;700&display=swap"
+        rel="stylesheet">
     <link rel="preconnect" href="https://fonts.gstatic.com">
-<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;300;400;500;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;300;400;500;700&display=swap"
+        rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Cantora+One&display=swap" rel="stylesheet">
     <link rel="shortcut icon" href="{{static_root}}/static/favicon.ico">
     <link rel="stylesheet" href="{{static_root}}/static/index-bundle.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
@@ -23,4 +29,5 @@
     window.staticRoot = "{{static_root}}"
 </script>
 <script src="{{static_root}}/static/index-bundle.js"></script>
+
 </html>