jekyll-theme-nyx 0.2.3 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3fd2a4bae7307d93a46dbb19bffc3887b4bc4e976ce6b6a172bb9d362caeb907
-  data.tar.gz: 6ce8ba0a16ba6fd04e9fed93481c48583b9b3436294f78813a08a4d8f307ff4b
+  metadata.gz: 851650d5efa1cc97127f5d3f1eddde62a88de390cfac804f024e5855b9f08d58
+  data.tar.gz: 6ce01d2cb509235544755e475e284a454391166a6a066051f5d5ce46b1858f24
 SHA512:
-  metadata.gz: ce178c4e9fc5bf0c58502f5da26565f87775786fac39f1ba6183728b074171dff441104f9eb86ae986e91a58a23b5fcd889087396d4303d0f3ee6cded6e115b0
-  data.tar.gz: b45496031b331995a53765d17b6421653471f4d0489e3ad1ab752eae36bdeb8443db9028faa9ef12f7ec7bb8f33112edc6864776b80b36e5a3eeaf335fde7a5d
+  metadata.gz: a5c5ca3334b4a0d834519e3c86101c20cb9f9c5bc39a40494fe6d73abf2937b394b79f5f54c6562e9f8897d573a61b5fd8eb91f03e3a2b7fa544ab2b0d3acd67
+  data.tar.gz: e8911df1667a852f94ba55a1116f2d3ea3c56faf3f92692fb27b4c90e7f0ce7ac56535eda907df7e28730d8cc89e68054c23a747ee0acf566fbbdf2c7efbab4b

data/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

data/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

data/CHANGELOG.md

@@ -1,14 +1,16 @@
-## [0.1.0] - 2026-01-01
+# CHANGELOG
+
+### [0.1.0] - 2026-01-01
 
 - Initial release
 
-## [0.1.1] - 2026-01-02
+#### [0.1.1] - 2026-01-02
 
 - Added Rakefile for consistent functionality with pushing finished work
 
 - Added GitHub Action to deploy site to GitHub Pages
 
-## [0.2.0] - 2026-01-03
+### [0.2.0] - 2026-01-03
 
 - Added Layouts:
   - Default
@@ -18,6 +20,33 @@
   - Layouts
   - Syntax Highlighting
 
-## [0.2.1] - 2026-01-04
+#### [0.2.1] - 2026-01-04
+
+- Fixed Syntax Highlighting
+
+#### [0.2.2] - 2026-01-05
+
+- Updated the following to be more aligned with the goals of this project:
+  - README
+  - Gemfile
+  - Gemfile.lock
+  - Gemspec
+  - Rakefile
+  - _config.yml
+
+- Added cert signing for verification and security
+
+#### [0.2.3] - 2026-01-05 
+
+- Update header style
+- Fixed bug causing line breaks to appear as dots
+- Added lorem ipsum to the demo post
+
+### [0.3.0] - 2026-01-06
 
-- Fixed Syntax Highlighting
+- Added issue templates
+- Added the following pages:
+  - /posts/
+  - /tags/
+  - /categories/
+  - /about/

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    jekyll-theme-nyx (0.2.3)
+    jekyll-theme-nyx (0.3.0)
       jekyll (~> 4.0)
 
 GEM

data/_config.yml

@@ -2,8 +2,6 @@ title: Nyx Demo
 theme: jekyll-theme-nyx
 
 markdown: kramdown
-
-
 kramdown:
   syntax_highlighter: rouge
   syntax_highlighter_opts:
@@ -11,7 +9,6 @@ kramdown:
     block:
       line_numbers: true
 
-
 exclude:
   - "*.gem"
   - "*.gemspec"
@@ -20,4 +17,10 @@ exclude:
   - Rakefile
   - CHANGELOG.md
   - CODE_OF_CONDUCT.md
-  - "certs/slavetomints.pem"
+  - "certs/slavetomints.pem"
+
+collections:
+  tabs:
+    output: true
+    permalink: /:name/
+    sort_by: order

data/_includes/header.html

@@ -0,0 +1,11 @@
+<header>
+  {% assign tabs = site.tabs | sort: "nav_order" %}
+  <ul>
+    <li><a href="/">Home</a></li>
+    {% for tab in tabs %}
+      <li><a href="{{ tab.url | relative_url }}" class="{% if page.url == tab.url %}active{% endif %}">
+          {{ tab.title }}
+      </a></li>
+    {% endfor %}
+  </ul>
+</header>

data/_layouts/default.html

@@ -1,13 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="{{ "/assets/css/nyx.css" | relative_url }}">
   <title>{{ site.title }}</title>
 </head>
+
 <body>
-  {% include sidebar.html %}
-  {{ content }}
+  {% include header.html %}
+  <main>
+    {{ content }}
+  </main>
 </body>
+
+<script>
+document.addEventListener("DOMContentLoaded", () => {
+  document.querySelectorAll('div.highlighter-rouge').forEach(wrapper => {
+    const parent = wrapper.parentNode;
+    const inner = wrapper.querySelector('.highlight');
+    if (inner && parent) {
+      parent.replaceChild(inner, wrapper);
+    }
+  });
+});
+</script>
+
 </html>

data/_layouts/post.md

@@ -5,18 +5,5 @@ layout: default
   <h1>{{ page.title }}</h1>
   <p>{{ page.date | date: "%B %d, %Y" }} – Written by {{ page.author }}</p>
 </header>
-<main>
-  {{ content }}
-</main>
+{{ content }}
 
-<script>
-document.addEventListener("DOMContentLoaded", () => {
-  document.querySelectorAll('div.highlighter-rouge').forEach(wrapper => {
-    const parent = wrapper.parentNode;
-    const inner = wrapper.querySelector('.highlight');
-    if (inner && parent) {
-      parent.replaceChild(inner, wrapper);
-    }
-  });
-});
-</script>

data/_sass/nyx/_base.scss

@@ -27,6 +27,22 @@ a:hover {
   text-decoration: underline;
 }
 
+header a {
+  color: $muted;
+}
+
+header a:hover {
+  text-decoration: none;
+  color: $fg
+}
+
+header ul{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  list-style-type: none;
+}
+
 img {
   max-width: 100%;
   height: auto;
@@ -35,6 +51,6 @@ img {
 
 hr {
   border: none;
-  border-top: 2px solid #f8f8f2;
+  border-top: 2px solid $fg;
   margin: 1.5rem 0;
 }

data/_sass/nyx/_layout.scss

@@ -1,12 +1,5 @@
 @use "variables" as *;
 
-#sidebar-list {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  list-style-type: none;
-}
-
 header,
 footer {
   padding: $space-2 $space-3;
@@ -15,6 +8,71 @@ footer {
 main {
   display: flex;
   flex-direction: column;
-  padding: $space-4;
+  padding: $space-4 25vw;
   min-width: 0;
+
+  @media (max-width: 600px) {
+    padding: $space-4;
+  }
+}
+
+/* STYLING FOR /POSTS/ */
+
+.post-list {
+  list-style: none;
+  padding: 0;
+  margin: 2rem 0;
+
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1.5rem;
+}
+
+.post-item {
+  background: $card-bg;
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 0.75rem;
+  padding: 1.5rem;
+
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+.post-item:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+  text-decoration: none;
+  position: relative;
+}
+
+.post-item h2 {
+  margin: 0 0 0.25rem 0;
+  font-size: 1.4rem;
+}
+
+.post-item h2 a {
+  text-decoration: none;
+  color: inherit;
+}
+
+.post-item h2 a:hover {
+  text-decoration: underline;
+}
+
+.post-item h2 a::after {
+  content: "";
+  position: absolute;
+  inset: 0;
 }
+
+.post-item time {
+  display: block;
+  font-size: 0.85rem;
+  color: $muted;
+  margin-bottom: 0.75rem;
+}
+
+.post-item p {
+  margin: 0;
+  color: $fg;
+  line-height: 1.6;
+}

data/_sass/nyx/_variables.scss

@@ -19,3 +19,8 @@ $space-5: 4rem;
 /* Layout */
 $max-width: 72ch;
 $radius: 6px;
+
+/* Cards */
+$card-bg: #0f111a;
+$card-border: rgba(255, 255, 255, 0.06);
+$card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.35);

data/_tabs/about.md

@@ -0,0 +1,8 @@
+---
+layout: default
+permalink: /about/
+order: 4
+---
+
+<h1>About</h1>
+

data/_tabs/categories.md

@@ -0,0 +1,18 @@
+---
+layout: default
+permalink: /categories/
+order: 2
+---
+
+<h1>Categories</h1>
+
+<div class="categories-list">
+  {% for category in site.categories %}
+    {% assign category_name = category[0] %}
+    <li>
+      <a href="{{ '/categories/' | append: category_name | slugify | append: '/' | relative_url }}">
+        {{ category_name }} ({{ category[1].size }})
+      </a>
+    </li>
+  {% endfor %}
+</div>

data/_tabs/posts.md

@@ -0,0 +1,24 @@
+---
+layout: default
+permalink: /posts/
+order: 1
+---
+
+# Posts
+
+<ul class="post-list">
+  {% for post in site.posts %}
+    <li class="post-item">
+      <h2>
+        <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+      </h2>
+      <time datetime="{{ post.date | date_to_xmlschema }}">
+        {{ post.author }} - {{ post.date | date: "%B %d, %Y" }}
+      </time>
+      {% if post.description %}
+        <p>{{ post.description | strip_html }}</p>
+      {% endif %}
+    </li>
+  {% endfor %}
+</ul>
+

data/_tabs/tags.md

@@ -0,0 +1,18 @@
+---
+layout: default
+permalink: /tags/
+order: 3
+---
+
+<h1>Tags</h1>
+
+<div class="tags-list">
+  {% for tag in site.tags %}
+    {% assign tag_name = tag[0] %}
+    <li>
+      <a href="{{ '/tags/' | append: tag_name | slugify | append: '/' | relative_url }}">
+        {{ tag_name }} ({{ tag[1].size }})
+      </a>
+    </li>
+  {% endfor %}
+</div>

data/index.md

@@ -3,8 +3,110 @@ layout: default
 title: Home
 ---
 
-# Hello Nyx!
+# jekyll-theme-nyx
 
-This is a live demo of Nyx, a simple Jekyll theme.
+Nyx is a dark mode based Jekyll theme focused on readability, clean typography, and simple blogging. It is designed to work out-of-the-box as a RubyGem-based theme while still being easy to customize via SCSS.
 
-[link to demo post](/blog/2026/01/02/markdown-showcase.html)
+---
+
+## Installation
+
+Add this line to your Jekyll site’s `Gemfile`:
+
+```ruby
+gem "jekyll-theme-nyx"
+```
+
+Then install the gem:
+
+```sh
+bundle install
+```
+
+Next, enable the theme in your _config.yml:
+
+```yml
+theme: jekyll-theme-nyx
+```
+
+Build or serve your site to verify everything works:
+
+```sh
+bundle exec jekyll serve
+```
+
+## Usage
+
+This theme follows standard Jekyll conventions.
+
+### Layouts
+
+Nyx provides the following layouts:
+
+- `default` – base layout
+- `post` – blog post layout
+
+You can select a layout per page or post:
+
+```yml
+layout: post
+```
+
+### Styling
+
+All styles are written in SCSS and live under:
+
+```
+_sass/nyx/
+```
+
+The main entrypoint is:
+
+```
+assets/css/nyx.scss
+```
+
+If you want to override styles, you can:
+
+- copy partials from `_sass/nyx/` into your own project
+- or add custom styles after importing `nyx.scss`
+
+### Includes
+
+Reusable components live in `_includes/`, such as:
+
+- `sidebar.html`
+
+These can be overridden by copying them into your site’s `_includes/` directory.
+
+## Development
+
+To work on the theme locally:
+
+```sh
+bundle install
+bundle exec jekyll serve
+```
+
+This repository includes a dummy Jekyll site for testing theme changes.
+
+Useful tasks:
+
+```sh
+rake site    # build the dummy site
+rake build   # build the gem
+```
+
+Built gems are placed in the pkg/ directory.
+
+## Contributing 
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/Slavetomints/jekyll-theme-nyx. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/Slavetomints/jekyll-theme-nyx/blob/main/CODE_OF_CONDUCT.md). 
+
+## License 
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). 
+
+## Code of Conduct 
+
+Everyone interacting in the jekyll-theme-nyx project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/Slavetomints/jekyll-theme-nyx/blob/main/CODE_OF_CONDUCT.md).

data/jekyll-theme-nyx.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name = "jekyll-theme-nyx"
-  spec.version = "0.2.3"
+  spec.version = "0.3.0"
   spec.authors = ["Slavetomints"]
   spec.email = ["me@slavetomints.com"]
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-nyx
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.3.0
 platform: ruby
 authors:
 - Slavetomints
@@ -60,6 +60,8 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".github/ISSUE_TEMPLATE/bug_report.md"
+- ".github/ISSUE_TEMPLATE/feature_request.md"
 - ".github/workflows/main.yml"
 - ".gitignore"
 - CHANGELOG.md
@@ -70,7 +72,7 @@ files:
 - README.md
 - Rakefile
 - _config.yml
-- _includes/sidebar.html
+- _includes/header.html
 - _layouts/default.html
 - _layouts/post.md
 - _posts/2026-01-02-markdown-showcase.md
@@ -80,6 +82,10 @@ files:
 - _sass/nyx/_rouge.scss
 - _sass/nyx/_typography.scss
 - _sass/nyx/_variables.scss
+- _tabs/about.md
+- _tabs/categories.md
+- _tabs/posts.md
+- _tabs/tags.md
 - assets/css/nyx.scss
 - assets/img/black-logo.svg
 - assets/img/white-logo.svg

data/_includes/sidebar.html

@@ -1,9 +0,0 @@
-<aside id="sidebar">
-  <ul id="sidebar-list">
-    <li><a href="/">Home</a></li>
-    <li><a href="/blog">Posts</a></li>
-    <li>Tags</li>
-    <li>Categories</li>
-    <li>About</li>
-  </ul>
-</aside>