Merge pull request #18 from stiermid/refactor/css-bem-cleanup

Agil Mammadov · web-flow · commit 524757d64fcd · 2026-04-22T10:30:37.000+04:00
refactor: cleanup/renaming/docs
diff --git a/README.md b/README.md
@@ -69,6 +69,16 @@ theme_config:
   footer: true # Show/hide site footer (default: true)
 ```
 
+### Analytics
+
+Monoholic has built-in support for [GoatCounter](https://www.goatcounter.com/), a privacy-friendly analytics platform. Add your GoatCounter subdomain to `_config.yml`:
+
+```yaml
+goatcounter: your-subdomain
+```
+
+This injects the GoatCounter tracking script on every page. Remove the key entirely to disable analytics.
+
 ### Menu Configuration
 
 Monoholic uses a data-driven approach to its menu. Create or edit `_data/menu.yml` to define your site's navigation structure.
@@ -90,6 +100,23 @@ entries:
 - `content_file`: Path to an external markdown file (e.g., `about.md`) to load content from your root directory.
 - `post_list`: Set to `true` to auto-generate a list of your Jekyll posts under this section.
 
+#### Nested Menu Sections
+
+Menu entries can contain nested `entries` to create recursive sub-sections:
+
+```yaml
+entries:
+  - title: projects
+    entries:
+      - title: web
+        content: |
+          <p>Web projects here.</p>
+      - title: archive
+        post_list: true
+```
+
+Nesting can go as deep as needed — `menu.html` includes itself recursively for each `entries` array it encounters.
+
 #### Using External Content Files
 
 You can reference external markdown files instead of inline content:
@@ -102,6 +129,21 @@ entries:
 
 This will load and render the content from `about.md` in your site's root directory.
 
+### Per-Page JavaScript
+
+To load custom JavaScript files on a specific page, add a `custom_js` list to the page's front matter:
+
+```yaml
+---
+layout: post
+custom_js:
+  - my-script
+  - chart
+---
+```
+
+Each entry is a filename (without `.js`) relative to `assets/js/`. The example above loads `assets/js/my-script.js` and `assets/js/chart.js` at the bottom of the page body.
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at [https://github.com/stiermid/monoholic](https://github.com/stiermid/monoholic). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
diff --git a/_includes/back_link.html b/_includes/back_link.html
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,16 +1,11 @@
 <footer class="site-footer h-card">
   <data class="u-url" href="{{ "/" | relative_url }}"></data>
   <div class="wrapper">
-    <div class="footer-col-wrapper">
-      <div
-        class="footer-col"
-        style="display: flex; justify-content: space-between; align-items: center; width: 100%;"
-      >
-        <p>
-          &copy; {{ 'now' | date: '%Y' }}
-          {{ site.title | upcase }}
-        </p>
-      </div>
+    <div class="footer-col">
+      <p>
+        &copy; {{ 'now' | date: '%Y' }}
+        {{ site.title | upcase }}
+      </p>
     </div>
   </div>
 </footer>
diff --git a/_includes/post_list.html b/_includes/post_list.html
@@ -4,7 +4,7 @@
       <span class="post-meta">
         * {{ post.date | date: site.theme_config.date_format }}
       </span>
-      <a class="post-link" href="{{ post.url | relative_url }}">
+      <a href="{{ post.url | relative_url }}">
         {{ post.title | escape }}
       </a>
     </li>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="{{ page.lang | default: "en" }}">
   {%- include head.html -%}
-  <body class="{% if site.theme_config.monochrome_images != false %}m-img{% endif %}">
+  <body class="{% if site.theme_config.monochrome_images != false %}images-monochrome{% endif %}">
     <main class="page-content" aria-label="Content">
       <div class="wrapper">
         {{ content }}
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,10 +1,10 @@
 ---
 layout: default
 ---
-{%- include back_link.html -%}
+<a href="{{ '/' | relative_url }}">{{ site.theme_config.back }}</a>
 
 <article>
-  <span class="post-meta" style="text-align: right">
+  <span class="post-meta">
     {{ page.date | date: site.theme_config.date_format }}
   </span>
   <h1>{{ page.title }}</h1>
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -38,6 +38,6 @@ img {
   margin: 0 auto;
 }
 
-.m-img img {
+.images-monochrome img {
   filter: grayscale(1);
 }
diff --git a/_sass/_components.scss b/_sass/_components.scss
@@ -24,6 +24,7 @@
   .footer-col {
     display: flex;
     justify-content: space-between;
+    align-items: center;
     width: 100%;
   }
 
@@ -33,13 +34,9 @@
 }
 
 .page-content {
-  .post-title {
-    font-size: var(--font-size-post-title);
-    margin-bottom: var(--space-sm);
-  }
-
   .post-meta {
     color: var(--meta-color);
     display: block;
+    text-align: right;
   }
 }
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -10,7 +10,6 @@
   --font-size-base: 16px;
   --font-size-sm: 0.85rem;
   --font-size-section: 1.1rem;
-  --font-size-post-title: 1.5rem;
   --font-size-site-title: 2rem;
 
   // Spacing scale

Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,6 @@ img {`
`38`	`38`	`margin: 0 auto;`
`39`	`39`	`}`
`40`	`40`
`41`		`-.m-img img {`
	`41`	`+.images-monochrome img {`
`42`	`42`	`filter: grayscale(1);`
`43`	`43`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,7 @@`
`24`	`24`	`.footer-col {`
`25`	`25`	`display: flex;`
`26`	`26`	`justify-content: space-between;`
	`27`	`+ align-items: center;`
`27`	`28`	`width: 100%;`
`28`	`29`	`}`
`29`	`30`
`@@ -33,13 +34,9 @@`
`33`	`34`	`}`
`34`	`35`
`35`	`36`	`.page-content {`
`36`		`- .post-title {`
`37`		`- font-size: var(--font-size-post-title);`
`38`		`- margin-bottom: var(--space-sm);`
`39`		`- }`
`40`		`-`
`41`	`37`	`.post-meta {`
`42`	`38`	`color: var(--meta-color);`
`43`	`39`	`display: block;`
	`40`	`+ text-align: right;`
`44`	`41`	`}`
`45`	`42`	`}`