Auto saved by Logseq

templates/components/footer.tpl

@@ -0,0 +1,32 @@
+<footer class="flex items-center justify-center mt-2 mb-8 space-x-4 text-center text-gray-800">
+  <bind tag="iconClass">w-6 h-6 hover:text-${theme}-700</bind>
+  <div>
+    <a href="${ema:homeUrl}" title="Go to Home page">
+      <svg xmlns="http://www.w3.org/2000/svg" class="${iconClass}" fill="none" viewBox="0 0 24 24"
+        stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+          d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
+      </svg>
+    </a>
+  </div>
+  <div>
+    <a href="${ema:indexUrl}" title="View Index">
+      <svg class="${iconClass}" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+          d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4">
+        </path>
+      </svg>
+    </a>
+  </div>
+  <div>
+    <a href="${ema:tagIndexUrl}" title="View tags">
+      <svg class="${iconClass}" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+        xmlns="http://www.w3.org/2000/svg">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+          d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z">
+        </path>
+      </svg>
+    </a>
+  </div>
+</footer>

templates/components/sidebar-tree.tpl

@@ -0,0 +1,39 @@
+<!-- Variable bindings for this tree-->
+<node:active>
+  <bind tag="link-class">font-bold text-${theme}-600 hover:underline</bind>
+  <else />
+  <tree:open>
+    <has-children>
+      <bind tag="link-class">font-bold hover:underline</bind>
+      <else />
+      <bind tag="link-class">hover:underline</bind>
+    </has-children>
+    <else />
+    <bind tag="link-class">hover:underline</bind>
+  </tree:open>
+</node:active>
+
+<!-- Rendering of this tree -->
+<div class="pl-2">
+  <!-- Node's rootLabel-->
+  <div class="flex items-center my-2 space-x-2 justify-left">
+    <a class="${link-class} truncate" title="${node:text}" href="${node:url}">
+      <node:text />
+    </a>
+    <tree:open>
+      <else />
+      <node:terminal>
+        <else />
+        <span class="text-gray-300" title="${tree:childrenCount} children inside">
+          <tree:childrenCount />
+        </span>
+      </node:terminal>
+    </tree:open>
+  </div>
+
+  <tree:open>
+    <children>
+      <apply template="sidebar-tree" />
+    </children>
+  </tree:open>
+</div>