Wrap index template with root template

2025-05-10 15:26:18 -07:00
parent 2f94fd51ae
commit 8f17f5c440
3 changed files with 78 additions and 10 deletions
--- 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>