fix about page styling (#143)

Abhinandankaushik · Copilot · web-flow · commit 9ccf9bccf1af · 2026-02-05T01:56:23.000+11:00
* fixed:about

* Update content/theme/templates/menu.html

Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;

---------

Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;
diff --git a/content/theme/templates/menu.html b/content/theme/templates/menu.html
@@ -1,7 +1,7 @@
 <!-- nav bar -->
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Fifth navbar example">
     <div class="container-fluid">
-        <a class="navbar-brand" href="/blog"><img src="/blog/images/logo_original4x.png" style="height: 32px;"/> Apache DataFusion Blog</a>
+        <a class="navbar-brand" href="/blog/"><img src="/blog/images/logo_original4x.png" style="height: 32px;"/> Apache DataFusion Blog</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarADP" aria-controls="navbarADP" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
diff --git a/content/theme/templates/page.html b/content/theme/templates/page.html
@@ -0,0 +1,30 @@
+{% block head %}
+<!doctype html>
+<html class="no-js" lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ page.title }} - {{SITENAME}}</title>
+    {% include "styles.html" %}
+  </head>
+  <body class="d-flex flex-column h-100">
+  <main class="flex-shrink-0">
+    {% include "menu.html" %}
+    
+    <div id="contents">
+      <div class="bg-white p-4 p-md-5 rounded">
+        <div class="row justify-content-center">
+          <div class="col-12 col-md-8 main-content">
+            <h1>{{ page.title }}</h1>
+            {{ page.content }}
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    {% include "footer.html" %}
+  </main>
+  </body>
+</html>
+{% endblock %}
