Dimension Jekyll Theme

Dimension Jekyll Theme is a Jekyll port of the "Dimension" one-page template by HTML5 UP, turning the original modal-based single-page design into a configurable static site theme. The theme takes your Jekyll content (posts, pages, front matter) and a _config.yml file, and produces a fully responsive HTML site that can be hosted anywhere static files are served. It is maintained by Andrew Banchich, with the official repository on GitLab and a mirror on GitHub.

What is Dimension Jekyll Theme?

Dimension Jekyll Theme is a Jekyll version of the "Dimension" theme by HTML5 UP, a one-pager with modal-ized "pages" and a depth effect when you click on a menu item. It uses standard Jekyll conventions: you edit _config.yml for site-wide settings, write content as posts or pages, and Jekyll builds the output. The theme is free for personal and commercial use under the CCA 3.0 license and is fully responsive across devices.

What makes Dimension Jekyll Theme stand out?

• One-page modal layout — Menu items open "pages" in modal dialogs with a depth effect, so all content lives on a single scrollable page.
• Ten social profile slots — Add URLs for 500px, Facebook, GitHub, GitLab, Google+, Instagram, LinkedIn, Pinterest, Slack, and Twitter directly in _config.yml.
• Font Awesome site icon — The icon parameter accepts any Font Awesome class, letting you set a custom glyph for the site.
• GitLab-first development — The primary repository is on GitLab, with GitHub as a mirror; both support forking and a gh-pages branch for GitHub Pages hosting.
• Jekyll-native content model — Supports front matter, posts, and pages as documented on jekyllrb.com, so it works with Jekyll's standard workflow.
• Free CCA 3.0 license — No cost for personal or commercial use, with attribution required under the Creative Commons license.

Who should use Dimension Jekyll Theme?

• Personal site owners — Set up a clean one-page presence with modals for bio, projects, and contact in under an hour.
• Portfolio creatives — Designers, photographers, and writers can present selected work in a responsive, single-page format.
• Jekyll developers — Teams already using Jekyll can drop this theme in, customize _config.yml, and deploy to GitHub Pages via a dedicated branch.
• Freelancers — Use the built-in social profile section to consolidate all professional links in one place.

What can you do with Dimension Jekyll Theme?

• Freelancers: Set up a personal landing page by editing _config.yml with your social URLs and choosing a Font Awesome icon.
• Developers: Host a portfolio on GitHub Pages for free by forking the repo and creating a gh-pages branch.
• Designers: Organize case studies, about, and contact information into modal sections without building a multi-page site.

How does Dimension Jekyll Theme work?

To get started, fork the repository on GitLab or GitHub. Then edit the _config.yml file to set your site title, icon class, and social profile URLs. If you're on GitHub, create a branch named gh-pages so Jekyll builds the site automatically. Standard Jekyll workflows, including local preview with jekyll serve, apply to this theme.

Pricing

Dimension Jekyll Theme is free to download and use. The license is CCA 3.0, which allows personal and commercial use with attribution; no paid tier is mentioned in the repository.

FAQ

Is Dimension Jekyll Theme free?

Yes, it is free for personal and commercial use under the CCA 3.0 license, as stated in the original HTML5 UP license included in the README.

How do I deploy this theme to GitHub Pages?

Fork the GitHub mirror and create a branch named gh-pages. Then edit _config.yml and push your changes; GitHub Pages will build and serve the static site from that branch.

How do I add social media links?

In _config.yml, set the relevant URL parameter among the ten supported options, such as twitter_url or github_url. The theme renders these as social icons in the site.

Can I use this theme for commercial projects?

Yes, the CCA 3.0 license permits commercial use. As with any Creative Commons Attribution license, you must provide attribution to the original creator.

Where can I report bugs or request features?

Open an issue on the GitLab repository at gitlab.com/andrewbanchich/dimension-jekyll-theme, or email the maintainer via the address listed in the README. The GitHub repository is just a mirror, so issues are handled on GitLab.