quick update to padding of main element

Slavetomints · Slavetomints · commit 49f48dd76af5 · 2026-01-05T20:50:40.000-06:00
diff --git a/_layouts/default.html b/_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 }}
+  <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>
diff --git a/_layouts/post.md b/_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>
diff --git a/_sass/nyx/_layout.scss b/_sass/nyx/_layout.scss
@@ -15,6 +15,10 @@ footer {
 main {
   display: flex;
   flex-direction: column;
-  padding: $space-4;
+  padding: $space-4 25vw;
   min-width: 0;
+
+  @media (max-width: 600px) {
+    padding: $space-4;
+  }
 }
diff --git a/index.md b/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).
