jekyll-theme-nyx 0.2.2 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c4f69bff30ce85d45e19f0e2566461e665cd50289a4ffdc4613d6699cf3448c9
-  data.tar.gz: 4207339c60c1c7fad7f5a3069db19d422a0e8943755cc813eb9f4de70a4e737f
+  metadata.gz: 851650d5efa1cc97127f5d3f1eddde62a88de390cfac804f024e5855b9f08d58
+  data.tar.gz: 6ce01d2cb509235544755e475e284a454391166a6a066051f5d5ce46b1858f24
 SHA512:
-  metadata.gz: 0f3754bbdc1251cff72ea20642c16658eb49157534bfe513a6d196c888fd5db3b91d73ab1f2adc51fc8fa062a4ca1cdaee5ca5172543931f0c1510a4c1af3df9
-  data.tar.gz: 6b7fd2dcec294cd7f1e6c0c27039b39201363db15a368c606c69f6708f814ae83b79bb45c3c1de3c73eb8a87d9a14eb34d4f3ec38ef261a50e36e91db9e595a0
+  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.2)
+    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/_posts/2026-01-02-markdown-showcase.md

@@ -32,6 +32,14 @@ Basic Text
 
 ***Italicized and Bolded Text***
 
+### Paragraphs
+
+Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
+
+Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
+
+Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
+
 ## Blockquotes
 
 > Blockquotes look like this!

data/_sass/nyx/_base.scss

@@ -27,8 +27,30 @@ 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;
   align-self: center;
-}
+}
+
+hr {
+  border: none;
+  border-top: 2px solid $fg;
+  margin: 1.5rem 0;
+}

data/_sass/nyx/_layout.scss

@@ -1,20 +1,78 @@
 @use "variables" as *;
 
-#sidebar-list {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  list-style-type: none;
-}
-
 header,
 footer {
-  padding: $space-3 0;
+  padding: $space-2 $space-3;
 }
 
 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.2"
+  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.2
+  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>