RubyGems - jekyll-theme-zhum-clean - Versions diffs - 0.1.0 - Mend

jekyll-theme-zhum-clean 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

checksums.yaml ADDED Viewed

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: b0e3e991e80daa4f45b41f23c77003600680505a583da5829f4ef688d43871ef
+  data.tar.gz: 0053ec25c9323483fdc6413de342373e2c5f64c5f7f1ab2db35a5f9699e92f9f
+SHA512:
+  metadata.gz: 5f9a9e7edefcb35e426c8faaf6726ee485e52a9630922a6d3fc30fdadfab2a7450b541cf393556a3e27461abfdc5199e940d4a438fe0eb530e3a2616428a75c0
+  data.tar.gz: cb1261b7ccdc6587b067be75121b3e737d5e9fa57bec9d6f5b3e3b9c5c287b19af37945050fa6234c6cab4c3c1a4a343884e7d1967f81397b44528e5e667ed44

data/LICENSE.txt ADDED Viewed

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+Copyright (c) 2026 Sergey Zhumatiy
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md ADDED Viewed

@@ -0,0 +1,88 @@
+# jekyll-theme-zhum-clean
+A clean, self-contained technical-blog Jekyll theme — light/dark color modes, an
+emerald accent, [Inter](https://rsms.me/inter/) typography, a sticky header with
+language switcher, a tag-cloud sidebar, and sortable-table support. The theme
+does **not** depend on minima; everything is provided by the gem.
+## Installation
+Add to your site's `Gemfile`:
+```ruby
+gem "jekyll-theme-zhum-clean"
+```
+And in `_config.yml`:
+```yaml
+theme: jekyll-theme-zhum-clean
+```
+Then `bundle`.
+### Required plugins
+The theme's templates use a few Liquid tags, so enable these plugins in
+`_config.yml` (they're declared as gem runtime dependencies, so `bundle` pulls
+them in):
+```yaml
+plugins:
+  - jekyll-seo-tag                       # {% seo %} meta in the <head>
+  - jekyll-feed                          # {% feed_meta %}
+  - jekyll-multiple-languages-plugin     # {% t %} translation tags
+languages:
+  - en
+  - ru
+```
+## Layouts
+| Layout    | Use                                                        |
+|-----------|------------------------------------------------------------|
+| `default` | Base chrome: header (brand, nav, language switcher, dark-mode toggle), tag-cloud sidebar, footer. |
+| `home`    | Extends `default`; adds the page heading and an optional post list. |
+## Includes
+| Include              | Purpose                                                       |
+|----------------------|---------------------------------------------------------------|
+| `head.html`          | `<head>`: theme-color, fonts, Font Awesome, no-flash dark-mode bootstrap, stylesheet link. |
+| `tag_cloud.html`     | Tag chips with counts, built from page front-matter `tags`.   |
+| `tag_index.html`     | Full tag index (for a Tags page).                             |
+| `table_sorter.js`    | Loads jQuery + [tablesorter](https://mottie.github.io/tablesorter/) and initializes `$("table")`. Include it on any page with a sortable table. |
+| `anime_resume.html`  | Renders the `anime_resume` collection (site-specific helper). |
+## Styling
+`assets/css/style.scss` holds the full theme. Design tokens live in `:root`
+(and `:root[data-theme="dark"]`) as CSS custom properties — override them in
+your own stylesheet to re-skin without forking:
+```css
+:root { --accent: #2563eb; --content-width: 1100px; }
+```
+Sortable-table sort indicators (▲ / ▼ / faint ↕) and a dark-mode toggle are
+included.
+## Dark mode
+The toggle button (`#theme-toggle`) flips `data-theme` on `<html>` and persists
+the choice to `localStorage`; the initial value respects
+`prefers-color-scheme`. No configuration needed.
+## Development
+This directory is set up like a Jekyll site. Run `bundle install`, then
+`bundle exec jekyll serve` and open <http://localhost:4000>.
+When released, only the Git-tracked files in `_layouts`, `_includes`, `_sass`
+and `assets` (plus `LICENSE`/`README`/`_config.yml`) are bundled into the gem —
+see the regexp in `jekyll-theme-zhum-clean.gemspec`.
+## License
+[MIT](https://opensource.org/licenses/MIT).

data/_config.yml ADDED Viewed

@@ -0,0 +1,21 @@
+# Demo config for previewing jekyll-theme-zhum-clean locally
+# (`bundle exec jekyll serve`). Consuming sites supply their own _config.yml.
+title: jekyll-theme-zhum-clean
+email: sergzhum@gmail.com
+description: A clean technical-blog Jekyll theme — light/dark, emerald accent, Inter.
+theme: jekyll-theme-zhum-clean
+languages:
+  - en
+  - ru
+lang: en
+sass:
+  sass_dir: _sass
+  style: compact
+plugins:
+  - jekyll-seo-tag
+  - jekyll-feed
+  - jekyll-multiple-languages-plugin

data/_includes/anime_resume.html ADDED Viewed

@@ -0,0 +1,23 @@
+{%- comment -%}
+  Renders the anime_resume collection as a table.
+  Picks the language-specific fields (title_<lang>/desc_<lang>) based on the
+  current rendering language (site.lang), so the same source files produce the
+  correct EN/RU output. See _anime_resume/*.md for the source format.
+{%- endcomment -%}
+{%- assign title_key = 'title_' | append: site.lang -%}
+{%- assign desc_key = 'desc_' | append: site.lang -%}
+<table>
+  <thead>
+  <tr><th>{% t anime.col_title %}</th><th>{% t anime.col_action %}</th><th>{% t anime.col_humor %}</th><th>{% t anime.col_culture %}</th></tr>
+</thead>
+<tbody>
+{% for art in site.anime_resume %}
+<tr><td>
+  <div class="title">{{ art[title_key] }}</div>{{ art[desc_key] | markdownify }}
+</td><td><i class="fas fa-running ll{{art.action}}">{{art.action}}</i>
+</td><td><i class="fas fa-laugh-squint ll{{art.humor}}">{{art.humor}}</i>
+</td><td><i class="fas fa-torii-gate ll{{art.culture}}">{{art.culture}}</i>
+</td></tr>
+{% endfor %}
+</tbody>
+</table>

data/_includes/head.html ADDED Viewed

@@ -0,0 +1,40 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Set the colour theme before paint to avoid a flash of the wrong theme -->
+  <script>
+    (function () {
+      try {
+        var t = localStorage.getItem('theme');
+        if (!t) {
+          t = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        }
+        document.documentElement.setAttribute('data-theme', t);
+      } catch (e) {}
+    })();
+  </script>
+  <title>{{ t site.translations[site.lang].page.title }}</title>
+  {% seo title=false %}
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
+  <meta name="theme-color" content="#0d1117" media="(prefers-color-scheme: dark)">
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap">
+  <!-- Icons -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css" integrity="sha512-OdEXQYCOldjqUEsuMKsZRj93Ht23QRlhIb8E/X0sbwZhme8eUw6g8q7AdxGJKakcBbv7+/PX0Gc2btf7Ru8cZA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/solid.min.css" integrity="sha512-jQqzj2vHVxA/yCojT8pVZjKGOe9UmoYvnOuM/2sQ110vxiajBU+4WkyRs1ODMmd4AfntwUEV4J+VfM6DkfjLRg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <!-- Theme stylesheet -->
+  <link rel="stylesheet" href="{{ "assets/css/style.css" | prepend: site.baseurl_root }}">
+  {%- feed_meta -%}
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+</head>

data/_includes/table_sorter.js ADDED Viewed

@@ -0,0 +1,17 @@
+<!-- tablesorter scripts -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+<!--link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.default.css"-->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
+        integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
+        crossorigin="anonymous"></script>
+<script type="text/javascript" src="https://mottie.github.io/tablesorter/dist/js/jquery.tablesorter.min.js"> </script>
+<script type="text/javascript" >
+        $(function() {
+                console.log("sorting table");
+                $("table").tablesorter();
+        });
+</script>
+<!-- tablesorter-->

data/_includes/tag_cloud.html ADDED Viewed

@@ -0,0 +1,19 @@
+{%- comment -%}
+  Tag cloud (all tags + counts), built from page front matter.
+  Each chip links to the matching section on the Tags page (language-aware).
+{%- endcomment -%}
+{%- assign lang_prefix = "" -%}
+{%- unless site.lang == "en" -%}{%- assign lang_prefix = "/" | append: site.lang -%}{%- endunless -%}
+{%- assign tags_url = "/tags.html" | prepend: lang_prefix -%}
+{%- assign tagged = site.html_pages | where_exp: "p", "p.tags" -%}
+{%- assign all_tags = "" | split: "|" -%}
+{%- for p in tagged -%}{%- assign all_tags = all_tags | concat: p.tags -%}{%- endfor -%}
+{%- assign all_tags = all_tags | uniq | sort_natural -%}
+<div class="tag-cloud">
+  {%- for t in all_tags -%}
+    {%- assign n = tagged | where_exp: "p", "p.tags contains t" | size -%}
+    <a class="tag-chip" href="{{ tags_url }}#tag-{{ t | slugify }}">{{ t }}<span class="tag-chip__count">{{ n }}</span></a>
+  {%- endfor -%}
+</div>

data/_includes/tag_index.html ADDED Viewed

@@ -0,0 +1,23 @@
+{%- comment -%}
+  Tags page body: one section per tag listing the pages that carry it.
+  (The clickable tag cloud itself lives in the sidebar, see _includes/tag_cloud.html.)
+  Links are language-aware via site.lang.
+{%- endcomment -%}
+{%- assign lang_prefix = "" -%}
+{%- unless site.lang == "en" -%}{%- assign lang_prefix = "/" | append: site.lang -%}{%- endunless -%}
+{%- assign tagged = site.html_pages | where_exp: "p", "p.tags" -%}
+{%- assign all_tags = "" | split: "|" -%}
+{%- for p in tagged -%}{%- assign all_tags = all_tags | concat: p.tags -%}{%- endfor -%}
+{%- assign all_tags = all_tags | uniq | sort_natural -%}
+{% for t in all_tags %}
+  {%- assign pages_with = tagged | where_exp: "p", "p.tags contains t" -%}
+  <h2 id="tag-{{ t | slugify }}" class="tag-section">#{{ t }}</h2>
+  <ul class="tag-list">
+    {%- for p in pages_with -%}
+      <li><a href="{{ p.url | prepend: lang_prefix }}">{% t p.title %}</a></li>
+    {%- endfor -%}
+  </ul>
+{% endfor %}

data/_layouts/default.html ADDED Viewed

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+  {%- include head.html -%}
+  <script>
+    if (window.netlifyIdentity) {
+      window.netlifyIdentity.on("init", (user) => {
+        if (!user) {
+          window.netlifyIdentity.on("login", () => {
+            document.location.href = "/admin/";
+          });
+        }
+      });
+    }
+  </script>
+  <body>
+    {%- assign home_url = "/" -%}
+    {%- assign lang_prefix = "" -%}
+    {%- unless site.lang == "en" -%}
+      {%- assign home_url = "/" | append: site.lang | append: "/" -%}
+      {%- assign lang_prefix = "/" | append: site.lang -%}
+    {%- endunless -%}
+    <header class="site-header">
+      <div class="site-header__inner">
+        <a class="site-brand" href="{{ home_url }}">
+          {%- if site.avatar -%}
+            <img class="site-brand__avatar" src="{{ site.avatar | prepend: site.baseurl_root }}" alt="{{ site.title }}">
+          {%- else -%}
+            <span class="site-brand__avatar site-brand__avatar--initial">{{ site.title | slice: 0, 1 | upcase }}</span>
+          {%- endif -%}
+          <span>{{ site.title }}</span>
+        </a>
+        <nav class="site-nav">
+          <a href="{{ home_url }}">{% t global.home %}</a>
+          <a href="{{ "/tags.html" | prepend: lang_prefix }}">{% t global.tags %}</a>
+          <a href="{{ "blog.html" | prepend: site.baseurl_root }}">{% t global.blog %}</a>
+          <span class="lang-switch">
+            {%- for lang in site.languages -%}
+              {%- assign lang_url = page.url -%}
+              {%- unless forloop.first -%}{%- assign lang_url = "/" | append: lang | append: page.url -%}{%- endunless -%}
+              {%- if lang == site.lang -%}
+                <a class="is-active" href="{{ lang_url }}">{{ lang }}</a>
+              {%- else -%}
+                <a href="{{ lang_url }}">{{ lang }}</a>
+              {%- endif -%}
+            {%- endfor -%}
+          </span>
+          <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Toggle dark mode">
+            <i class="fas fa-moon"></i>
+          </button>
+        </nav>
+      </div>
+    </header>
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper page-grid">
+        <article class="page-main">
+          {{ content }}
+          {%- if page.tags and page.tags.size > 0 -%}
+          <div class="post-tags">
+            {%- for t in page.tags -%}
+              <a class="tag-chip" href="{{ "/tags.html" | prepend: lang_prefix }}#tag-{{ t | slugify }}">#{{ t }}</a>
+            {%- endfor -%}
+          </div>
+          {%- endif -%}
+        </article>
+        <aside class="sidebar">
+          <div class="sidebar__widget">
+            <h2 class="sidebar__title">{% t global.tags %}</h2>
+            {% include tag_cloud.html %}
+          </div>
+        </aside>
+      </div>
+    </main>
+    <footer class="site-footer">
+      <div class="site-footer__inner">
+        <span>&copy; {{ site.time | date: "%Y" }} {{ site.title }}</span>
+        <span class="spacer"></span>
+        <a class="footer__link" href="{{ home_url }}">{% t global.home %}</a>
+        <a class="footer__link" href="{{ "blog.html" | prepend: site.baseurl_root }}">{% t global.blog %}</a>
+        <a href="https://mynickname.com/sergzhum"><img src="https://mynickname.com/img.php?nick=sergzhum&sert=2&text=t8" alt="Nickname sergzhum is registered!" border="0" /></a>
+      </div>
+    </footer>
+    <script>
+      (function () {
+        var btn = document.getElementById('theme-toggle');
+        if (!btn) return;
+        function render() {
+          var dark = document.documentElement.getAttribute('data-theme') === 'dark';
+          btn.innerHTML = dark ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
+        }
+        render();
+        btn.addEventListener('click', function () {
+          var dark = document.documentElement.getAttribute('data-theme') === 'dark';
+          var next = dark ? 'light' : 'dark';
+          document.documentElement.setAttribute('data-theme', next);
+          try { localStorage.setItem('theme', next); } catch (e) {}
+          render();
+        });
+      })();
+    </script>
+  </body>
+</html>

data/_layouts/home.html ADDED Viewed

@@ -0,0 +1,33 @@
+---
+layout: default
+---
+<div class="home">
+  {%- if page.title -%}
+  <h1 class="page-heading">{% t page.title %}</h1>
+  {%- endif -%}
+  {{ content }}
+  {%- if site.posts.size > 100 -%}
+    <h2 class="post-list-heading">Posts</h2>
+    <ul class="post-list">
+      {%- for post in site.posts -%}
+      <li>
+        {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+        <span class="post-meta">{{ post.date | date: date_format }}</span>
+        <h3>
+          <a class="post-link" href="{{ post.url | relative_url }}">
+            {{ post.title | escape }}
+          </a>
+        </h3>
+        {%- if site.show_excerpts -%}
+          {{ post.excerpt }}
+        {%- endif -%}
+      </li>
+      {%- endfor -%}
+    </ul>
+    <!--p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p-->
+  {%- endif -%}
+</div>

data/_layouts/post.html ADDED Viewed

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+  <header class="post-header">
+    <h1 class="page-heading post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta">
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+        {{ page.date | date: date_format }}
+      </time>
+      {%- if page.author -%}
+        • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
+      {%- endif -%}</p>
+  </header>
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+</article>

data/_sass/minima/initialize.scss ADDED Viewed

@@ -0,0 +1,5 @@
+$content-width:    800px !default;
+$on-palm:          600px !default;
+$on-laptop:        1200px !default;

data/_sass/my.sass ADDED Viewed

@@ -0,0 +1,61 @@
+span.count
+  color: #e5484d
+  font-weight: 700
+span.path
+  color: var(--accent)
+  font-weight: 700
+.title
+  font-size: 1.25em
+  font-weight: 700
+  color: var(--text)
+.l1
+  color:  #9aa0a6
+  &:after
+    font-size: 0.7em
+    content: '1'
+.l2
+  color:  #2da44e
+  &:after
+    font-size: 0.7em
+    content: '2'
+.l3
+  color:  #2563eb
+  &:after
+    font-size: 0.7em
+    content: '3'
+.l4
+  color:  #e8870b
+  &:after
+    font-size: 0.7em
+    content: '4'
+.l5
+  color:  #e5484d
+  &:after
+    font-size: 0.7em
+    content: '5'
+.ll1
+  color:  #9aa0a6
+.ll2
+  color:  #2da44e
+.ll3
+  color:  #2563eb
+.ll4
+  color:  #e8870b
+.ll5
+  color:  #e5484d

data/assets/css/style.scss ADDED Viewed

@@ -0,0 +1,491 @@
+---
+---
+@charset "utf-8";
+/* ==========================================================================
+   Theme: clean technical-blog look (light + dark), emerald accent, Inter.
+   Self-contained — does not depend on the minima theme.
+   ========================================================================== */
+/* ---- Design tokens ------------------------------------------------------- */
+:root {
+  --bg:          #ffffff;
+  --bg-alt:      #f6f8fa;
+  --bg-code:     #f6f8fa;
+  --text:        #1f2328;
+  --text-muted:  #656d76;
+  --border:      #d0d7de;
+  --accent:      #059669;
+  --accent-hover:#047857;
+  --accent-soft: rgba(5, 150, 105, 0.10);
+  --shadow:      0 1px 3px rgba(27, 31, 36, 0.08), 0 1px 2px rgba(27, 31, 36, 0.06);
+  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --content-width: 1040px;
+  --sidebar-width: 220px;
+}
+:root[data-theme="dark"] {
+  --bg:          #0d1117;
+  --bg-alt:      #161b22;
+  --bg-code:     #161b22;
+  --text:        #e6edf3;
+  --text-muted:  #9198a1;
+  --border:      #30363d;
+  --accent:      #34d399;
+  --accent-hover:#6ee7b7;
+  --accent-soft: rgba(52, 211, 153, 0.12);
+  --shadow:      0 1px 3px rgba(1, 4, 9, 0.5);
+}
+/* ---- Base ---------------------------------------------------------------- */
+*, *::before, *::after { box-sizing: border-box; }
+html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
+body {
+  margin: 0;
+  font-family: var(--font-body);
+  font-size: 17px;
+  line-height: 1.65;
+  color: var(--text);
+  background: var(--bg);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+img { max-width: 100%; height: auto; }
+hr {
+  border: 0;
+  border-top: 1px solid var(--border);
+  margin: 2.5rem 0;
+}
+/* ---- Typography ---------------------------------------------------------- */
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.25;
+  font-weight: 700;
+  margin: 2rem 0 1rem;
+  scroll-margin-top: 5rem;
+}
+h1 { font-size: 2rem; letter-spacing: -0.02em; }
+h2 { font-size: 1.5rem; letter-spacing: -0.01em; padding-bottom: 0.3em; border-bottom: 1px solid var(--border); }
+h3 { font-size: 1.25rem; }
+h4 { font-size: 1.05rem; }
+h5, h6 { font-size: 1rem; color: var(--text-muted); }
+p, ul, ol { margin: 0 0 1.1rem; }
+li { margin: 0.25rem 0; }
+ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
+strong, b { font-weight: 700; }
+a {
+  color: var(--accent);
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+a:hover { color: var(--accent-hover); text-decoration: underline; }
+blockquote {
+  margin: 1.5rem 0;
+  padding: 0.4rem 1.1rem;
+  color: var(--text-muted);
+  border-left: 4px solid var(--accent);
+  background: var(--accent-soft);
+  border-radius: 0 6px 6px 0;
+}
+blockquote > :last-child { margin-bottom: 0; }
+/* ---- Code --------------------------------------------------------------- */
+code, pre, kbd {
+  font-family: var(--font-mono);
+  font-size: 0.88em;
+}
+code {
+  background: var(--bg-code);
+  padding: 0.15em 0.4em;
+  border-radius: 5px;
+  border: 1px solid var(--border);
+}
+pre {
+  background: var(--bg-code);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 1rem 1.1rem;
+  overflow-x: auto;
+  line-height: 1.5;
+}
+pre code {
+  background: none;
+  border: 0;
+  padding: 0;
+  font-size: 0.85rem;
+}
+.highlight { background: transparent; }
+/* ---- Tables ------------------------------------------------------------- */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1.5rem 0;
+  font-size: 0.95rem;
+  border-radius: 8px;
+  border: 1px solid var(--border);
+}
+th, td {
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--border);
+  text-align: left;
+  vertical-align: top;
+}
+thead th {
+  background: var(--bg-alt);
+  font-weight: 600;
+}
+tbody tr:nth-child(even) { background: var(--bg-alt); }
+/* ---- Sortable tables (jquery.tablesorter) ------------------------------- */
+th.tablesorter-header {
+  cursor: pointer;
+  padding-right: 1.5rem;
+  position: relative;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  user-select: none;
+}
+th.tablesorter-header::after {
+  position: absolute;
+  right: 0.55rem;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 0.7em;
+  line-height: 1;
+}
+/* Unsorted: faint up/down hint. Active direction: accent-colored arrow. */
+th.tablesorter-headerUnsorted::after { content: "\2195"; color: var(--text-muted); opacity: 0.45; }
+th.tablesorter-headerAsc::after  { content: "\25B2"; color: var(--accent); }
+th.tablesorter-headerDesc::after { content: "\25BC"; color: var(--accent); }
+th.tablesorter-header:hover { color: var(--accent); }
+/* ---- Layout ------------------------------------------------------------- */
+.wrapper {
+  max-width: var(--content-width);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+}
+.page-content { padding: 2.5rem 0 3rem; }
+/* Content + sidebar grid */
+.page-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) var(--sidebar-width);
+  gap: 3rem;
+  align-items: start;
+}
+.page-main { min-width: 0; }
+.sidebar { position: sticky; top: 4.5rem; }
+.sidebar__widget {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--bg-alt);
+  padding: 1rem 1.1rem 1.2rem;
+}
+.sidebar__title {
+  margin: 0 0 0.75rem;
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--text-muted);
+  border-bottom: none;
+  padding-bottom: 0;
+}
+.sidebar .tag-cloud {
+  margin: 0;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.4rem;
+}
+@media (max-width: 860px) {
+  .page-grid { grid-template-columns: 1fr; gap: 2rem; }
+  .sidebar { position: static; order: -1; }
+  .page-main { order: 0; }
+  .sidebar .tag-cloud { flex-direction: row; flex-wrap: wrap; gap: 0.5rem; }
+}
+/* ---- Site header -------------------------------------------------------- */
+.site-header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: color-mix(in srgb, var(--bg) 88%, transparent);
+  backdrop-filter: saturate(180%) blur(8px);
+  -webkit-backdrop-filter: saturate(180%) blur(8px);
+  border-bottom: 1px solid var(--border);
+}
+.site-header__inner {
+  max-width: var(--content-width);
+  margin: 0 auto;
+  padding: 0.6rem 1.25rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+.site-brand {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  font-weight: 700;
+  font-size: 1.05rem;
+  color: var(--text);
+}
+.site-brand:hover { color: var(--text); text-decoration: none; }
+.site-brand__avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 2px solid var(--border);
+}
+.site-brand__avatar--initial {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--accent);
+  color: #fff;
+  font-weight: 700;
+}
+.site-nav {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.site-nav a {
+  color: var(--text-muted);
+  padding: 0.35rem 0.6rem;
+  border-radius: 6px;
+  font-size: 0.95rem;
+  font-weight: 500;
+}
+.site-nav a:hover { color: var(--accent); background: var(--accent-soft); text-decoration: none; }
+/* Neutralize Materialize CSS — it's loaded on pages with sortable tables
+   (e.g. anime-notes) and its default `nav { background:#ee6e73 }` + white
+   links paint the header red. These header-scoped selectors out-specify the
+   bare `nav` rules, keeping the themed look uniform across every page. */
+.site-header .site-nav,
+.site-header .site-nav a {
+  height: auto;
+  line-height: 1.65;
+  background: transparent;
+  box-shadow: none;
+}
+/* Materialize's `nav { width:100% }` defeats the nav's margin-left:auto
+   right-alignment — restore auto width so it floats to the right. */
+.site-header .site-nav { width: auto; }
+.site-header .site-nav a { color: var(--text-muted); }
+.site-header .site-nav a:hover { color: var(--accent); background: var(--accent-soft); }
+.lang-switch {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin-left: 0.5rem;
+  padding-left: 0.75rem;
+  border-left: 1px solid var(--border);
+  font-size: 0.85rem;
+}
+.lang-switch a { color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.03em; }
+.lang-switch a:hover { color: var(--accent); text-decoration: none; }
+.lang-switch a.is-active { color: var(--accent); font-weight: 700; }
+/* ---- Theme toggle ------------------------------------------------------- */
+.theme-toggle {
+  margin-left: 0.5rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-alt);
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: color 0.15s ease, border-color 0.15s ease;
+}
+.theme-toggle:hover { color: var(--accent); border-color: var(--accent); }
+/* Materialize (loaded on table pages) inherits nav line-height/metrics onto the
+   toggle's icon, pushing the glyph up. Make the <i> a centering flex box so the
+   FontAwesome ::before glyph sits dead-center regardless of inherited metrics. */
+.site-header .theme-toggle i {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  line-height: 1;
+  font-size: 1rem;
+}
+/* ---- Home / page heading ------------------------------------------------ */
+.page-heading { margin-top: 0; }
+.home > p:first-of-type { color: var(--text-muted); font-size: 1.1rem; }
+/* ---- Posts -------------------------------------------------------------- */
+.post-list { list-style: none; padding: 0; }
+.post-list > li { margin-bottom: 1.5rem; }
+.post-meta { color: var(--text-muted); font-size: 0.85rem; }
+.post-link { font-size: 1.2rem; font-weight: 600; }
+/* ---- Tags --------------------------------------------------------------- */
+.tag-cloud {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 1.5rem 0 2rem;
+}
+.tag-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.25rem 0.7rem;
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: var(--accent);
+  background: var(--accent-soft);
+  border: 1px solid transparent;
+  border-radius: 999px;
+  line-height: 1.4;
+}
+.tag-chip:hover {
+  text-decoration: none;
+  border-color: var(--accent);
+  color: var(--accent-hover);
+}
+.tag-chip__count {
+  font-size: 0.72rem;
+  font-weight: 700;
+  color: var(--text-muted);
+  background: var(--bg);
+  border-radius: 999px;
+  padding: 0 0.4rem;
+}
+.tag-section {
+  border-bottom: none;
+  padding-bottom: 0;
+  margin-bottom: 0.5rem;
+  color: var(--accent);
+}
+.tag-list { list-style: none; padding: 0; margin: 0 0 2rem; }
+.tag-list > li { margin: 0.2rem 0; }
+.post-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 2.5rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid var(--border);
+}
+/* ---- Footer ------------------------------------------------------------- */
+.site-footer {
+  border-top: 1px solid var(--border);
+  margin-top: 3rem;
+  padding: 2rem 0;
+  color: var(--text-muted);
+  font-size: 0.9rem;
+}
+.site-footer__inner {
+  max-width: var(--content-width);
+  margin: 0 auto;
+  padding: 0 1.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 1rem;
+}
+.site-footer__inner .spacer { margin-left: auto; }
+.footer__link { color: var(--text-muted); }
+.footer__link:hover { color: var(--accent); }
+/* ---- Responsive --------------------------------------------------------- */
+@media (max-width: 600px) {
+  body { font-size: 16px; }
+  h1 { font-size: 1.6rem; }
+  h2 { font-size: 1.3rem; }
+  .site-brand span { display: none; }
+  .site-nav a { padding: 0.35rem 0.45rem; }
+}
+/* ---- Syntax highlighting (Rouge) — light -------------------------------- */
+.highlight .c, .highlight .cm, .highlight .c1, .highlight .cs { color: #6e7781; font-style: italic; }
+.highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt { color: #cf222e; }
+.highlight .o, .highlight .ow { color: #0550ae; }
+.highlight .p { color: var(--text); }
+.highlight .s, .highlight .s1, .highlight .s2, .highlight .se, .highlight .sb, .highlight .sd { color: #0a3069; }
+.highlight .m, .highlight .mi, .highlight .mf, .highlight .mh, .highlight .mo, .highlight .il { color: #0550ae; }
+.highlight .na, .highlight .nv, .highlight .vg, .highlight .vi { color: #0550ae; }
+.highlight .nb, .highlight .bp { color: #6639ba; }
+.highlight .nf, .highlight .fm { color: #8250df; }
+.highlight .nc, .highlight .nn, .highlight .no { color: #953800; }
+.highlight .nt { color: #116329; }
+.highlight .gd { color: #82071e; background: #ffebe9; }
+.highlight .gi { color: #116329; background: #dafbe1; }
+.highlight .err { color: #f6f8fa; background: #82071e; }
+/* ---- Syntax highlighting (Rouge) — dark --------------------------------- */
+:root[data-theme="dark"] .highlight .c,
+:root[data-theme="dark"] .highlight .cm,
+:root[data-theme="dark"] .highlight .c1,
+:root[data-theme="dark"] .highlight .cs { color: #8b949e; }
+:root[data-theme="dark"] .highlight .k,
+:root[data-theme="dark"] .highlight .kd,
+:root[data-theme="dark"] .highlight .kn,
+:root[data-theme="dark"] .highlight .kp,
+:root[data-theme="dark"] .highlight .kr,
+:root[data-theme="dark"] .highlight .kt { color: #ff7b72; }
+:root[data-theme="dark"] .highlight .o,
+:root[data-theme="dark"] .highlight .ow { color: #79c0ff; }
+:root[data-theme="dark"] .highlight .s,
+:root[data-theme="dark"] .highlight .s1,
+:root[data-theme="dark"] .highlight .s2,
+:root[data-theme="dark"] .highlight .se,
+:root[data-theme="dark"] .highlight .sb,
+:root[data-theme="dark"] .highlight .sd { color: #a5d6ff; }
+:root[data-theme="dark"] .highlight .m,
+:root[data-theme="dark"] .highlight .mi,
+:root[data-theme="dark"] .highlight .mf,
+:root[data-theme="dark"] .highlight .mh,
+:root[data-theme="dark"] .highlight .mo,
+:root[data-theme="dark"] .highlight .il { color: #79c0ff; }
+:root[data-theme="dark"] .highlight .na,
+:root[data-theme="dark"] .highlight .nv,
+:root[data-theme="dark"] .highlight .vg,
+:root[data-theme="dark"] .highlight .vi { color: #79c0ff; }
+:root[data-theme="dark"] .highlight .nb,
+:root[data-theme="dark"] .highlight .bp { color: #ffa657; }
+:root[data-theme="dark"] .highlight .nf,
+:root[data-theme="dark"] .highlight .fm { color: #d2a8ff; }
+:root[data-theme="dark"] .highlight .nc,
+:root[data-theme="dark"] .highlight .nn,
+:root[data-theme="dark"] .highlight .no { color: #ffa657; }
+:root[data-theme="dark"] .highlight .nt { color: #7ee787; }
+:root[data-theme="dark"] .highlight .gd { color: #ffdcd7; background: #67060c; }
+:root[data-theme="dark"] .highlight .gi { color: #aff5b4; background: #033a16; }
+:root[data-theme="dark"] .highlight .err { color: #f0f6fc; background: #8e1519; }
+@import "my";

metadata ADDED Viewed

@@ -0,0 +1,149 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-theme-zhum-clean
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Sergey Zhumatiy
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2026-06-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
+- !ruby/object:Gem::Dependency
+  name: jekyll-multiple-languages-plugin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description:
+email:
+- sergzhum@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _includes/anime_resume.html
+- _includes/head.html
+- _includes/table_sorter.js
+- _includes/tag_cloud.html
+- _includes/tag_index.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/post.html
+- _sass/minima/initialize.scss
+- _sass/my.sass
+- assets/css/style.scss
+homepage: https://github.com/zhum/jekyll-theme-zhum-clean
+licenses:
+- MIT
+metadata:
+  plugin_type: theme
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.5.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.4.20
+signing_key:
+specification_version: 4
+summary: A clean, self-contained technical-blog Jekyll theme with light/dark modes,
+  an emerald accent, Inter typography, a tag cloud sidebar and bilingual (i18n) chrome.
+test_files: []