Wrap index template with root template

2025-05-10 15:26:18 -07:00 · 2025-05-10 15:26:18 -07:00 · 8f17f5c440
commit 8f17f5c440
parent 2f94fd51ae
3 changed files with 78 additions and 10 deletions
--- a/index.md
+++ b/index.md
@ -2,6 +2,36 @@
  date: "Thu May 08 2025 19:41:30.000000000"
 }

+## Wares
+
+<section>
+
+### [BTroops]($root/apps/btroops/) [View Source Code]($root/git/btroops/)
+
+A virtual implementation of FASA's 1989 wargame, Battletroops, for the browser.
+Suitable for single-player solo play or two-player hotseat.
+
+Runs entirely on the client after the initial download from the server. Built
+with HTML5, SVG and JavaScript. Uses Node.js, Esbuild and Docker for building
+and running dev/test servers.
+
+</section>
+
+<section>
+
+### [Pandoc](https://hex.pm/packages/pandoc) [View Source Code]($root/git/pandoc/)
+
+A Hex package for installing and invoking [Pandoc](https://pandoc.org/) ("a
+universal document converter"), fashioned after Phoenix's
+[Esbuild](https://hex.pm/packages/esbuild") and
+[Tailwind](https://hex.pm/packages/tailwind") packages. Also included is a file
+system watcher, so that converted documents are updated as soon as content
+changes are saved.
+
+</section>
+
 ## Posts

 - [recursive]($root/posts/2023-08-03-recursively-list-all-files-in-a-directory-with-elixir.html)
+
+#### [View more posts]($root/posts/)
--- a/templates/index.html
+++ b/templates/index.html
@ -1,12 +1,17 @@
-$render{"templates/root"}
+$wrap{"root"}

-    <main>
-      $body
-    </main>
+<section>
+  <h2>Hi, I'm Catalin Mititiuc</h2>
+  <p>
+    Experienced in full-stack web development with Elixir and JavaScript.
+  </p>

-    <footer>
-      <p>100% Human Made, No AI Used</p>
-      <p>$app_name $version</p>
-    </footer>
-  </body>
-</html>
+  <p>Hiring? Reach me by <a href="mailto:webdevcat@proton.me">email</a>.</p>
+
+$markdown{[[
+**We can embed markdown directly into an HTML file!**
+]]}
+
+</section>
+
+$body
--- a/templates/root.html
+++ b/templates/root.html
@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" style="scrollbar-gutter:stable;">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>$title</title>
+    <link
+      rel="stylesheet"
+      id="font-bitter-css"
+      href="//fonts.googleapis.com/css?family=Bitter:400,700"
+      type="text/css"
+      media="screen"
+    />
+    <link rel="stylesheet" href="$root/app.css?$generate_date" />
+  </head>
+  <body class="bg-white">
+    <header>
+      <div style="display: inline-block;">
+        <h1><a href="/">Web Dev Solutions</a></h1>
+        <h3 style="text-align: left">Catalin Mititiuc</h3>
+      </div>
+    </header>
+
+    <main>
+      $body
+    </main>
+
+    <footer>
+      <p>100% Human Made, No AI Used</p>
+      <p>$app_name $version</p>
+    </footer>
+  </body>
+</html>