feat: filebrowser shows only images; info.md moves to a side panel in Libre Baskerville

layouts/_default/about.html

@@ -1,27 +1,26 @@
 {{ define "bodyclass" }}page-about{{ end }}
 {{ define "main" }}
 {{ $cv := .Site.GetPage "/cv" }}
+<div class="proj-layout">
+{{ if $cv }}
 <div class="tui tui--files filebrowser">
   <p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
-  <p class="tui__cmd tui__total">total {{ if $cv }}2{{ else }}1{{ end }}</p>
+  <p class="tui__cmd tui__total">total 1</p>
   <ul class="tui__ls">
     <li><a href="{{ "/" | relLangURL }}" data-name="..">
       <span class="tui__perm">drwxr-xr-x</span><span class="tui__name">..</span>
     </a></li>
-    <li><a data-name="info.md" data-text="info.md" class="is-selected">
-      <span class="tui__perm">-rw-r--r--</span><span class="tui__name">info.md</span>
-    </a></li>
-    {{ if $cv }}
-    <li><a data-name="cv.md" data-text="cv.md">
+    <li><a data-name="cv.md" data-text="cv.md" class="is-selected">
       <span class="tui__perm">-rw-r--r--</span><span class="tui__name">cv.md</span>
     </a></li>
-    {{ end }}
   </ul>
 
   <figure class="tui__preview">
-    <div class="tui__text" data-text="info.md">{{ .Content }}</div>
-    {{ if $cv }}<div class="tui__text" data-text="cv.md" hidden>{{ $cv.Content }}</div>{{ end }}
-    <figcaption class="tui__status">info.md</figcaption>
+    <div class="tui__text" data-text="cv.md">{{ $cv.Content }}</div>
+    <figcaption class="tui__status">cv.md</figcaption>
   </figure>
 </div>
 {{ end }}
+<aside class="proj-info">{{ .Content }}</aside>
+</div>
+{{ end }}