From 4c3e97298564437b94db57e82f534505e822dcf2 Mon Sep 17 00:00:00 2001
From: mroczect <mroczect@proton.me>
Date: Mon, 27 Jul 2026 20:56:45 +0700
Subject: [PATCH] docs: add highlight.js for code syntax

---
 docs/templates/base.html | 29 +++++++++++++++++++++++------
 1 file changed, 23 insertions(+), 6 deletions(-)

diff --git a/docs/templates/base.html b/docs/templates/base.html
index bcd9b57..fa1079e 100644
--- a/docs/templates/base.html
+++ b/docs/templates/base.html
@@ -3,12 +3,17 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ page_title }} - {{ site.site_name }}</title>
+    <title>{{ page_title }} – {{ site.site_name }}</title>
     <meta name="description" content="{{ page_desc }}">
+
+    <!-- Stylesheets -->
     <link rel="stylesheet" href="{{ base_path }}normalize.css">
     <link rel="stylesheet" href="{{ base_path }}sidebar.css">
     <link rel="stylesheet" href="{{ base_path }}style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
+
+    <!-- Code highlighting overrides -->
     <style>
         pre {
             border-radius: 8px;
@@ -40,8 +45,11 @@
 </head>
 <body>
     <div class="wrapper">
+        <!-- Sidebar -->
         <aside class="sidebar">
-            <h2><a href="{{ base_path }}index.html">{{ site.site_name }}</a></h2>
+            <h2>
+                <a href="{{ base_path }}index.html">{{ site.site_name }}</a>
+            </h2>
             <nav>
                 <ul>
                     {% for item in site.sidebar %}
@@ -55,21 +63,30 @@ <h2><a href="{{ base_path }}index.html">{{ site.site_name }}</a></h2>
                 </ul>
             </nav>
         </aside>
+
+        <!-- Main content -->
         <main class="content">
             <div class="container-lg px-3 my-5 markdown-body">
                 <h1>{{ page_title }}</h1>
                 {{ page_content | safe }}
             </div>
+
+            <!-- Footer -->
             <footer class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
-                <small>Built with <a href="{{ site.repo_url }}">librawssg</a> &middot; Licensed under {{ site.license | default(value='MIT') }}</small>
+                <small>
+                    Built with <a href="{{ site.repo_url }}">librawssg</a>
+                    &middot; Licensed under {{ site.license | default(value='MIT') }}
+                </small>
             </footer>
         </main>
     </div>
+
+    <!-- Highlight.js -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
     <script>
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', function () {
             hljs.highlightAll();
         });
     </script>
 </body>
-</html>
+</html>
\ No newline at end of file