dev-portfolio-blog 0.1.9 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0de55e7c3e8526383f45882825764623a4fc6bad8bf0fc85797bdf9f97478419
-  data.tar.gz: b53a9c97c8694a36577efc9e655fb80837698f5db9769d156e4e4c5dc7516446
+  metadata.gz: 3665ea4fb4a3bb77234907fbb42b12efa3644d11f6add1e070b55b793259fa0c
+  data.tar.gz: 50a84b31b1e26c79c6f778910a50f66d6fc55a1aad11c17f90dfb1735685c149
 SHA512:
-  metadata.gz: ad3235d3f5e7ca36a8782f1c3d8758dcf5a0cc6a482d7011d4bd290402ce4e6300dd9fa5daefaa864f9c6f7c28f6e43e4c73c81e92ab77cecc414a50278a671c
-  data.tar.gz: 4fe40435955c13ef723194ef1139a9f940ee7bd0cdabe0c6e136113cd4c5bcddd86d689f47b976cc40dbd91cbe1087d5a2e7d028cded8406c78df3fcbc66d6d1
+  metadata.gz: 266d9ad5ca322969f082bbbfde97dbb1a7c217c4767884eb53a2cd0f522eda90aebc968e59b9795cefb84963ac2d6326cc89e365d0ff8dfc433a98d048b6ed58
+  data.tar.gz: 6d894cf31353b689c456900c786cc5c2c34fd0a4d5699aa54d5a4fd40aed048617e8b610c570b9cc4fbe0b73b6d4babd8671cea2e44ceb006d15931637373795

data/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+## 0.2.0 - 2026-06-21
+
+- Add a reproducible Docker and Docker Compose development environment.
+- Require Ruby 3.2 and Jekyll 4.4, with bounded dependency ranges.
+- Show short, plain-text previews on the blog index.
+- Remove the unused `jekyll-assets`, Sprockets, and Autoprefixer dependency stack.
+- Replace deprecated Sass and minifier configuration.

data/LICENSE.txt

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2020 Rohit Jain
-
-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.
+The MIT License (MIT)
+
+Copyright (c) 2020 Rohit Jain
+
+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

@@ -1,187 +1,250 @@
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
- [![Gem Version](https://badge.fury.io/rb/dev-portfolio-blog.svg)](https://badge.fury.io/rb/dev-portfolio-blog)
-![](https://ruby-gem-downloads-badge.herokuapp.com/dev-portfolio-blog)
-
-[![CodeFactor](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog/badge)](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog)
-[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d0b9f1c23f564a8195a8588de7895c4c)](https://www.codacy.com/manual/rohitjain00/dev-portfolio-blog?utm_source=github.com&utm_medium=referral&utm_content=rohitjain00/dev-portfolio-blog&utm_campaign=Badge_Grade)
-
-[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Frohitjain00%2Fdev-portfolio-blog&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
-
-## Home pagespeed
-
-![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com&showStratLabel=true)
-![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com&strat=desktop&showStratLabel=true)
-
-
-## Blog pagespeed
-
-![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com/blog&showStratLabel=true)
-![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com/blog&strat=desktop&showStratLabel=true)
-
-
-
-# dev-portfolio-blog
-
-This is a minimal jekyll theme for writing blogs and about yourself.
-
-## features
- 1. Google Analytics
- 2. Dark mode
- 3. Disqus comments
- 4. Categorization
- 5. Emojis Support
- 6. Highly optimized blog
-     #### PageSpeed Insights
-     * [Home](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com)[(therohitjain.com)](https://therohitjain.com)
-     * [Blog](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com/blog/)[(therohitjain.com/blog/)](https://therohitjain.com/blog/)
-     * [About](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com/about/)[(therohitjain.com/about/)](https://therohitjain.com/about/)
-
-
-## Desktop Preview
-
-![Home Page](/screenshots/Home.png?raw=true "Home View of the website")
-
-![Blog List Page](/screenshots/Blog.png?raw=true "Blog List of the website")
-
-## Mobile Preview
-
-![Home Page](/screenshots/Home-Mobile.png?raw=true "Home View of the website")
-
-![Blog List Page](/screenshots/Blog-Mobile.png?raw=true "Blog List of the website")
-
-
-## Installation
-
-Add this line to your Jekyll site's `Gemfile`:
-
-```ruby
-gem "dev-portfolio-blog"
-```
-
-And add this line to your Jekyll site's `_config.yml`:
-
-```yaml
-theme: dev-portfolio-blog
-```
-
-And then execute:
-
-    $ bundle install
-
-Or install it yourself as:
-
-    $ gem install dev-portfolio-blog
-
-## Usage
-
-To start using the theme you either follow these steps or simply fork my repo https://github.com/rohitjain00/rohitjain00.github.io and update the files.
-
-### Recommended
- Please use the theme as the plugin so that all the latest updated for this theme comes directly in your website.
-
-#### Clone the branch `master` and change the theme accordingly.
-
-
-### Starting from the beginning:
-Assuming that you started your first website based on `minima` theme from [here](https://jekyllrb.com/docs/)
-
-1. Add a `favicon.ico` to the root directory for favicon.
-
-2. Create `blog.md` in the root folder ans set its yaml parameters to
-
-```yaml
-layout: blog
-permalink: /blog/
-title: [Blog Page Title]
-pagination:
-  enabled: true
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+ [![Gem Version](https://badge.fury.io/rb/dev-portfolio-blog.svg)](https://badge.fury.io/rb/dev-portfolio-blog)
+![](https://ruby-gem-downloads-badge.herokuapp.com/dev-portfolio-blog)
+
+[![CodeFactor](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog/badge)](https://www.codefactor.io/repository/github/rohitjain00/dev-portfolio-blog)
+[![Codacy Badge](https://api.codacy.com/project/badge/Grade/d0b9f1c23f564a8195a8588de7895c4c)](https://www.codacy.com/manual/rohitjain00/dev-portfolio-blog?utm_source=github.com&utm_medium=referral&utm_content=rohitjain00/dev-portfolio-blog&utm_campaign=Badge_Grade)
+
+[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Frohitjain00%2Fdev-portfolio-blog&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
+
+## Home pagespeed
+
+![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com&showStratLabel=true)
+![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com&strat=desktop&showStratLabel=true)
+
+
+## Blog pagespeed
+
+![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com/blog&showStratLabel=true)
+![GitHub PageSpeed](https://api.speedbadge.io/v1?url=therohitjain.com/blog&strat=desktop&showStratLabel=true)
+
+
+
+# dev-portfolio-blog
+
+This is a minimal jekyll theme for writing blogs and about yourself.
+
+## features
+ 1. Google Analytics
+ 2. Many themes such as: Default, Solarized, and Sepia. All in light and dark modes.
+ 3. Disqus comments
+ 4. Categorization
+ 5. Emojis Support
+ 6. Highly optimized blog
+     #### PageSpeed Insights
+     * [Home](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com)[(therohitjain.com)](https://therohitjain.com)
+     * [Blog](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com/blog/)[(therohitjain.com/blog/)](https://therohitjain.com/blog/)
+     * [About](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Ftherohitjain.com/about/)[(therohitjain.com/about/)](https://therohitjain.com/about/)
+
+
+## Desktop Preview
+
+![Home Page](/screenshots/Home.png?raw=true "Home View of the website")
+
+![Blog List Page](/screenshots/Blog.png?raw=true "Blog List of the website")
+
+## Mobile Preview
+
+![Home Page](/screenshots/Home-Mobile.png?raw=true "Home View of the website")
+
+![Blog List Page](/screenshots/Blog-Mobile.png?raw=true "Blog List of the website")
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "dev-portfolio-blog"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: dev-portfolio-blog
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install dev-portfolio-blog
+
+## Usage
+
+To start using the theme you either follow these steps or simply fork my repo https://github.com/rohitjain00/rohitjain00.github.io and update the files.
+
+### Recommended
+ Please use the theme as the plugin so that all the latest updated for this theme comes directly in your website.
+
+#### Clone the branch `master` and change the theme accordingly.
+
+
+### Starting from the beginning:
+Assuming that you started your first website based on `minima` theme from [here](https://jekyllrb.com/docs/)
+
+1. Add a `favicon.ico` to the root directory for favicon.
+
+2. Create `blog.md` in the root folder ans set its yaml parameters to
+
+```yaml
+layout: blog
+permalink: /blog/
+title: [Blog Page Title]
+pagination:
+  enabled: true
+```
+
+3. Change your `about.md` yaml parameters to following
+
+```yaml
+layout: description
+permalink: /about/
+title: About
+```
+
+3. In the `index.md` file add
+
+```yaml
+layout: home
+home_text: Text
+title: [Home Page Title]
+```
+
+4. Create a new `categories.md` file in root with following yaml parameters
+```yaml
+layout: categories
+permalink: /categories/
+title: Categories
+```
+
+4. In the `_config.yml` file add following and change accordingly
+
+Path is relative to the root directory
+```yaml
+resume_url: [PATH_TO_RESUME]
+author_name: [YOUR_NAME]
+description: [SITE_DESCRIPTION]
+url: [WEBSITE_URL]
+google_analytics: '[google analytics Id]'
+disqus:
+    shortname: [discus-shotname]
+```
+
+### Minifier
+
+Visit [Jekyll-minifier](https://github.com/digitalsparky/jekyll-minifier) and add this to your `_config.yml` file to enable minifier.
+
+### Pagination
+
+Visit [jekyll-paginate-v2](https://github.com/sverrirs/jekyll-paginate-v2/blob/master/README-GENERATOR.md#site-configuration) and add this to your `_config.yml` file to enable pagination.
+
+### Check here [_config.yml](https://github.com/rohitjain00/rohitjain00.github.io/blob/site/_config.yml) for example config file.
+
+
+## Writing a new blog
+
+Create a new folder `_posts` in root folder if not already exists.
+
+1. Create a new markdown file in the format `yyyy-mm-dd-postname.md`
+2. Make sure that disqus's shortname is valid.
+3. Add YAML configuration to the post. Set `description` to control the summary shown on the blog index.
+
+```yaml
+---
+layout: post
+comments: [true | false]
+title: Hello World
+categories: [category1, category2]
+description: A short introduction to this post.
+---
+Post Text.
+```
+
+The blog index uses `description` when it is present. Otherwise, it shows a plain-text preview of the post excerpt, limited to 30 words. Individual post pages continue to display the complete post.
+
+## Troubleshooting
+- ` Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes`
+   Node JS is missing from your system. In ubuntu install using `sudo apt-get install nodejs` or refer to [this](https://stackoverflow.com/questions/9202324/execjs-could-not-find-a-javascript-runtime-but-execjs-and-therubyracer-are-in)
+
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at <https://github.com/rohitjain00/dev-portfolio-blog/.> This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+The project targets Ruby 3.2.0 and Jekyll 4.4. For a native setup, install Ruby and Node.js, then run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+### Docker
+
+Docker is the recommended setup because it provides the required Ruby and Node.js versions. With Docker Desktop running, build and start the development server:
+
+```sh
+docker compose up --build
+```
+
+Open `http://localhost:4000`. Source files are mounted into the container, so Jekyll rebuilds the site when they change. Stop the server with `Ctrl+C`; use `docker compose down` to remove the container.
+
+To verify that the site compiles without starting the server, run:
+
+```sh
+docker compose build
+```
+
+The gem contains the files under `_layouts`, `_includes`, `_sass`, and `assets`, plus the README, license, and changelog. Update `spec.files` in `dev-portfolio-blog.gemspec` when adding another packaged directory.
+
+## Release
+
+Version 0.2.0 adds the Docker development environment, Ruby 3.2 and Jekyll 4.4 support, short blog-index previews, bounded gem dependencies, and updated Sass and minifier configuration. See [CHANGELOG.md](CHANGELOG.md) for the release history.
+
+Before releasing a new version, update the version in `dev-portfolio-blog.gemspec` and add its changes to `CHANGELOG.md`. Run a clean build and create the gem from the verified container:
+
+```sh
+docker compose build --no-cache
+docker compose run --rm --no-deps site gem build dev-portfolio-blog.gemspec
 ```
 
-3. Change your `about.md` yaml parameters to following
+Inspect the generated gem before publishing:
 
-```yaml
-layout: description
-permalink: /about/
-title: About
+```sh
+docker compose run --rm --no-deps site gem specification ./dev-portfolio-blog-0.2.0.gem --yaml
 ```
 
-3. In the `index.md` file add
-
-```yaml
-layout: home
-home_text: Text
-title: [Home Page Title]
-```
+Commit the release, create an annotated version tag, and push both:
 
-4. Create a new `categories.md` file in root with following yaml parameters
-```yaml
-layout: categories
-permalink: /categories/
-title: Categories
+```sh
+git add dev-portfolio-blog.gemspec CHANGELOG.md
+git commit -m "Release version 0.2.0"
+git tag -a v0.2.0 -m "Release version 0.2.0"
+git push origin master
+git push origin v0.2.0
 ```
 
-4. In the `_config.yml` file add following and change accordingly
+Sign in interactively so credentials and MFA codes are not stored in the repository or shell history:
 
-Path is relative to the root directory
-```yaml
-resume_url: [PATH_TO_RESUME]
-author_name: [YOUR_NAME]
-description: [SITE_DESCRIPTION]
-url: [WEBSITE_URL]
-google_analytics: '[google analytics Id]'
-disqus:
-    shortname: [discus-shotname]
+```sh
+docker run --rm -it -v "${PWD}:/app" -v "${HOME}/.gem:/root/.gem" -w /app ruby:3.2-bullseye gem signin
 ```
 
-### Minifier
-
-Visit [Jekyll-minifier](https://github.com/digitalsparky/jekyll-minifier) and add this to your `_config.yml` file to enable minifier.
-
-### Pagination
-
-Visit [jekyll-paginate-v2](https://github.com/sverrirs/jekyll-paginate-v2/blob/master/README-GENERATOR.md#site-configuration) and add this to your `_config.yml` file to enable pagination.
+Publish the verified artifact using the saved RubyGems credentials:
 
-### Check here [_config.yml](https://github.com/rohitjain00/rohitjain00.github.io/blob/site/_config.yml) for example config file.
-
-
-## Writing a new blog
-
-Create a new folder `_posts` in root folder if not already exists.
-
-1. Create a new markdown file in the format `yyyy-mm-dd-postname.md`
-2. Make sure that disqus's shortname is valid.
-3. Add yaml configuartion to the post
-
-```yaml
----
-layout: post
-comments: [true | false]
-title: Hello World
-categories: [category1, category2]
----
-Post Text.
+```sh
+docker run --rm -it -v "${PWD}:/app" -v "${HOME}/.gem:/root/.gem" -w /app ruby:3.2-bullseye gem push dev-portfolio-blog-0.2.0.gem
 ```
 
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at <https://github.com/rohitjain00/dev-portfolio-blog/.> This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-## Development
-
-To set up your environment to develop this theme, run `bundle install`.
-
-Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
-
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `dev-portfolio-blog.gemspec` accordingly.
+Never commit `.gem/credentials` or an API key. Confirm the published version at [RubyGems](https://rubygems.org/gems/dev-portfolio-blog).
 
 ### Read about the themes and how it's implemented [here](https://github.com/rohitjain00/dev-portfolio-blog/wiki/Theme-Management)
-
-## License
-
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
-
-If you like my work, you can buy me a coffee here :smile:
-
-<a href="https://www.buymeacoffee.com/rohitjain00" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+If you like my work, you can buy me a coffee here :smile:
+
+<a href="https://www.buymeacoffee.com/rohitjain00" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

data/_includes/analytics.html

@@ -1,9 +1,9 @@
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-
-  gtag('config', '{{ site.google_analytics }}');
-</script>
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/disqus_comments.html

@@ -1,14 +1,14 @@
-<div id="disqus_thread"></div>
-<script>
-  var disqus_config = function () {
-    this.page.url = '{{ page.url | absolute_url }}';
-    this.page.identifier = '{{ page.url | absolute_url }}';
-  };
-  (function() {
-    var d = document, s = d.createElement('script');
-    s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
-    s.setAttribute('data-timestamp', +new Date());
-    (d.head || d.body).appendChild(s);
-  })();
-</script>
+<div id="disqus_thread"></div>
+<script>
+  var disqus_config = function () {
+    this.page.url = '{{ page.url | absolute_url }}';
+    this.page.identifier = '{{ page.url | absolute_url }}';
+  };
+  (function() {
+    var d = document, s = d.createElement('script');
+    s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  })();
+</script>
 <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>

data/_includes/navigation.html

@@ -1,22 +1,22 @@
-<ul>
-      <li>
-        <a href = "{{ '/' | relative_url }}">
-          Home
-        </a>
-      </li>
-      <li>
-        <a href = "{{ 'about/' | relative_url }}">
-          About
-        </a>
-      </li>
-      <li>
-        <a href = "{{ 'blog/' | relative_url }}">
-          Blog
-        </a>
-      </li>
-      <li>
-        <a href = "{{ site.resume_url | relative_url }}">
-          Resume
-        </a>
-      </li>
+<ul>
+      <li>
+        <a href = "{{ '/' | relative_url }}">
+          Home
+        </a>
+      </li>
+      <li>
+        <a href = "{{ 'about/' | relative_url }}">
+          About
+        </a>
+      </li>
+      <li>
+        <a href = "{{ 'blog/' | relative_url }}">
+          Blog
+        </a>
+      </li>
+      <li>
+        <a href = "{{ site.resume_url | relative_url }}">
+          Resume
+        </a>
+      </li>
 </ul>