Use erb instead of liquid for templating

OneBusAway · Feb 2, 2024 · 2298965 · 2298965
1 parent 68f3eb4
commit 2298965
Show file tree

Hide file tree

Showing 13 changed files with 60 additions and 54 deletions.
diff --git a/bridgetown.config.yml b/bridgetown.config.yml
@@ -20,7 +20,7 @@
 url: "https://developer.onebusaway.org" # the base hostname & protocol for your site, e.g. https://example.com
 
 permalink: pretty
-template_engine: liquid
+template_engine: erb
 
 # Other options you might want to investigate:
 #

diff --git a/src/_components/footer.liquid b/src/_components/footer.liquid
diff --git a/src/_components/head.liquid b/src/_components/head.liquid
diff --git a/src/_components/navbar.liquid b/src/_components/navbar.liquid
diff --git a/src/_layouts/default.erb b/src/_layouts/default.erb
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="<%= site.locale %>">
+  <head>
+    <%= render "head", locals: { metadata: site.metadata, title: data.title } %>
+  </head>
+  <body class="<%= data.layout %> <%= data.page_class %>">
+    <%= render "navbar", locals: { metadata: site.metadata, resource: resource } %>
+
+    <main>
+      <%= content %>
+    </main>
+
+    <%= render "footer", locals: { metadata: site.metadata } %>
+  </body>
+</html>
diff --git a/src/_layouts/default.liquid b/src/_layouts/default.liquid
diff --git a/src/_layouts/page.erb b/src/_layouts/page.erb
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<h1><%= data.title %></h1>
+
+<%= content %>
diff --git a/src/_layouts/page.liquid b/src/_layouts/page.liquid
diff --git a/src/_layouts/post.erb b/src/_layouts/post.erb
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<h1><%= data.title %></h1>
+
+<%= content %>
diff --git a/src/_layouts/post.liquid b/src/_layouts/post.liquid
diff --git a/src/_partials/_footer.erb b/src/_partials/_footer.erb
@@ -0,0 +1,3 @@
+<footer>
+  Contact me at <a href="mailto:<%= metadata.email -%>"><%= metadata.email %></a>
+</footer>
diff --git a/src/_partials/_head.erb b/src/_partials/_head.erb
@@ -0,0 +1,16 @@
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<% resource_title = title.strip.gsub("\n", "") %>
+<title>
+  <% if resource_title != "Index" %>
+    <%= h(resource_title) %> | <%= h(metadata.title) %>
+  <% else %>
+    <%= h(metadata.title) %>: <%= h(metadata.tagline) %>
+  <% end %>
+</title>
+
+<meta name="description" content="<%= metadata.description %>" />
+
+<link rel="stylesheet" href="<%= asset_path 'css' %>" />
+<script src="<%= asset_path 'js' %>" defer></script>
+<%# Implement live_reload_dev_js if needed %>
diff --git a/src/_partials/_navbar.erb b/src/_partials/_navbar.erb
@@ -0,0 +1,11 @@
+<header>
+  <img src="<%= relative_url('/images/logo.svg') %>" alt="Logo" />
+</header>
+
+<nav>
+  <ul>
+    <li><a href="<%= relative_url('/') %>">Home</a></li>
+    <li><a href="<%= relative_url('/about') %>">About</a></li>
+    <li><a href="<%= relative_url('/posts') %>">Posts</a></li>
+  </ul>
+</nav>