Visual improvements

1 files changed, 19 insertions, 0 deletions

diff --git a/src/js/ui/sections/stellarBalancesSection.js b/src/js/ui/sections/stellarBalancesSection.js
new file mode 100644
index 0000000..906a064
--- /dev/null
+++ b/src/js/ui/sections/stellarBalancesSection.js
@@ -0,0 +1,19 @@
+import { makeElement } from "../../arching-kaos-generator.js";
+
+var stellarBalancesSection = {
+    element: "div",
+    id: "stellar-balances",
+    innerHTML: `
+        <div class="where-am-i">
+            <img src="./img/logo.png" onclick="menusel({id:'#/welcome-section'})"/>
+            <span>&gt;</span>
+            <h2>Stellar</h2>
+            <span>&gt;</span>
+            <h2>Balances</h2>
+        </div>
+        <em id="stellar-balances-not-found">No data found (yet?)!</em>
+        <table id="stellar-balances-table"></table>
+        `
+};
+
+makeElement(stellarBalancesSection, document.querySelector('.main'));