retheme

Author: xygn

.github/workflows/publish.yaml

@@ -11,8 +11,10 @@ jobs:
       - uses: actions/checkout@v2
       - name: Build emanote site 🔧
         run: |
-          mkdir -p output
-          docker run -v $PWD:/data sridca/emanote emanote --layers /data gen /data/output
+          mkdir -p output.docker
+          docker run -v $PWD:/data sridca/emanote emanote --layers /data gen /data/output.docker
+          cp -r output.docker output  # Ditch docker created root-owned files
+          bash output/_emanote-bin/compile-css
       - name: Deploy to gh-pages 🚀
         uses: peaceiris/actions-gh-pages@v3
         with:

index.yaml

@@ -1,6 +1,6 @@
 <h1
-  class="flex items-end justify-center mb-4 p-3 bg-${theme}-100 text-5xl font-extrabold text-black rounded">
+  class="flex items-end justify-center mb-4 p-3 bg-${theme}-400 text-5xl font-extrabold text-black rounded">
   <a class="z-40 tracking-tighter ">
     <ema:note:title />
   </a>
-</h1>
+</h1>

templates/components/note-title.tpl

@@ -62,7 +62,7 @@
       <else />
       <node:terminal>
         <else />
-        <span class="text-gray-300" title="${tree:childrenCount} children inside">
+        <span class="text-red-500" title="${tree:childrenCount} children inside">
           <tree:childrenCount />
         </span>
       </node:terminal>
@@ -77,4 +77,4 @@
       <apply template="sidebar-tree" />
     </children>
   </tree:open>
-</div>
+</div>

templates/components/sidebar-tree.tpl

@@ -4,11 +4,11 @@
 
       <apply template="components/breadcrumbs" />
 
-      <div class="flex flex-nowrap bg-gray-50 md:mt-8 md:shadow-2xl md:mb-8">
+      <div class="flex flex-nowrap bg-gray-50 md:mt-8 md:shadow-2xl md:mb-8 bg-{theme}-300">
         <!-- Sidebar column -->
         <nav id="sidebar"
-          class="flex-shrink hidden leading-relaxed md:block md:sticky md:top-0 md:h-full md:w-48 xl:w-64">
-          <div class="px-2 py-2 text-gray-800">
+          class="flex-shrink hidden leading-relaxed md:block md:sticky md:top-0 md:h-full md:w-48 xl:w-64 ">
+          <div class="px-2 py-2 text-black text-bold">
 
             <div id="indexing-links" class="flex flex-row float-right p-2 space-x-2 text-gray-500">
               <a href="${ema:tagIndexUrl}" title="View tags">
@@ -36,17 +36,14 @@
                     <with var="template">
                       <!-- The style width attribute here is to prevent huge
                       icon from displaying at those rare occasions when Tailwind
-                      hasn't kicked in immediately on page load 
+                      hasn't kicked in immediately on page load
                       -->
-                      <img style="width: 1rem;"
+                      <img style="width: 90rem;"
                         class="transition transform hover:scale-110 hover:opacity-80"
                         src="${value:iconUrl}" />
                     </with>
                   </ema:metadata>
                 </a>
-                <a class="font-bold truncate" title="Go to Home" href="">
-                  Home
-                </a>
               </div>
             </div>
 
@@ -70,4 +67,4 @@
       <apply template="components/footer" />
     </div>
   </bind>
-</apply>
+</apply>