README.md in jekyll-theme-prologue-0.2.3 vs README.md in jekyll-theme-prologue-0.2.4

- old
+ new

@@ -1,54 +1,53 @@ -# (WIP) Prologue - Jekyll Theme +# Prologue - Jekyll Theme +## (Work in Progress, Expect Changes) [![Gem Version](https://badge.fury.io/rb/jekyll-theme-prologue.svg)](https://badge.fury.io/rb/jekyll-theme-prologue) +![Prologue Theme](assets/images/screenshot.png "Prologue Theme Screenshot") + A Jekyll version of the responsive, single-page "Prologue" theme by [HTML5 UP](https://html5up.net/). Perfect for a streamlined portfolio. **Demo**: https://chrisbobbe.github.io/jekyll-theme-prologue/ -![Prologue Theme](assets/images/screenshot.png "Prologue Theme Screenshot") - # How to Use There are two ways to get started: -1. Fork the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue). If you want to use [GitHub Pages](https://pages.github.com/), create a branch named `gh-pages`. (NOTE: The _config.yml file in this repository has `baseurl` set for my own GitHub Pages site, so you'll want to change it or make it blank.) -2. Install the theme using the jekyll-theme-prologue gem. Instructions can be found [here](https://jekyllrb.com/docs/themes/#installing-a-theme). +1. **Install the [jekyll-theme-prologue gem](https://rubygems.org/gems/jekyll-theme-prologue).** Instructions are in the [Jekyll docs](https://jekyllrb.com/docs/themes/#installing-a-theme). After running `bundle install`, you can find the theme files by running `open $(bundle show jekyll-theme-prologue)`. A sample working `_config.yml` file ships with the gem; if you want to activate it, move it to your project's root directory. It will do nothing until you move it there, replacing the default `_config.yml` file. +2. **Fork the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue).** If you want to use [GitHub Pages](https://pages.github.com/), create a branch named `gh-pages`, and replace `theme: jekyll-theme-prologue` with `remote_theme: chrisbobbe/jekyll-theme-prologue` in the provided `_config.yml` ([GitHub Pages now supports open-source themes on GitHub](https://github.com/blog/2464-use-any-theme-with-github-pages)). -**The following instructions apply to this theme only.** +Make sure that `url` and `base_url` are set correctly in `_config.yml`. For local testing, make them both blank. -Your `_config.yml` file **must include the following line or it will not work**: `collections: [sections]`. This tells Jekyll to look in the _sections folder (which you will create) for your content. A sample config `_config.yml` is in the GitHub repository for your reference. If using the gem, run `open $(bundle show jekyll-theme-prologue)` to find this file, then optionally move it to your project's root directory. It will do nothing until you move it there. +To set the banner image, overwrite `assets/images/banner.jpg`. If using the gem, you can add this path to your project directory by making new folders, and Jekyll will automatically look there before falling back on the default theme files. Same for `assets/images/avatar.jpg`. +**The following instructions are unique to this single-page theme. Jekyll does not support multiple layout-formatted content sections per page, and the theme provides a workaround.** + +You don't need to use Jekyll's hardcoded support for `_pages` or `_posts`, and layouts aren't provided for them. If you want to customize the templates, go to `_layouts/home.html` and `_includes/section.html` provided with the theme. + +Your `_config.yml` file **must include the following line or it will not work**: `collections: [sections]`. This tells Jekyll to look in the _sections folder (which you will create) for your content and render it all on one page. + Create a `_sections` folder in your project's root directory and start adding content. Sample content is provided in the [GitHub repository](https://github.com/chrisbobbe/jekyll-theme-prologue). -All new sections should be added as html or Markdown documents in the `_sections` folder. The following section variables can be set with frontmatter: +All new sections should be added as html or Markdown documents in the `_sections` folder. The following variables can be set with [frontmatter](https://jekyllrb.com/docs/frontmatter/): - `title` (required) - `order` (required; orders the sequence of sections on the page. Section 1 displays with banner.jpg) - `icon` (optional; see [Font Awesome](http://fontawesome.io/icons/) for icon codes) - `auto-header` (optional; "use-title" is default, "none" for no header, or custom header text) -To set the banner image, overwrite `assets/images/banner.jpg`. Same for `avatar.jpg`. - -# Jekyll and the single-page view - -**This theme is designed to include all content on a single scrollable page.** That means a few things are different from what you might expect in Jekyll. - -You don't need to use Jekyll's hardcoded support for `_pages` or `_posts`, and layouts aren't provided for them. Jekyll does not support multiple layout-formatted content sections per page. Each section (intro, about me, etc.) is built from an html or Markdown document in the `_sections` folder with corresponding [frontmatter](https://jekyllrb.com/docs/frontmatter/). - -If you're looking to customize the templates, go to `_layouts/home.html` and `_includes/section.html`. - There shouldn't be a need to set `permalink` in frontmatter because all content appears on the same page. # Added Features * **[Formspree.io](https://formspree.io/) contact form integration** - just add your email to the `_config.yml` and it works! -* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer! -* Custom 404 page called 404.html +* Add your **social profiles** easily in `_config.yml`. Only the social profiles buttons you enter in `config.yml` will show up on the site footer. +* Custom 404 page (called 404.html; to activate, move to your project directory). +* Comprehensive search engine optimization (SEO) tags based on info you provide in _config.yml +* Google Analytics built-in; just put your [Tracking ID](https://support.google.com/analytics/answer/1008080?hl=en) in _config.yml # Credits -Thanks to @andrewbanchich for his many Jekyll adaptations of HTML5 UP's elegant themes, which helped and inspired me. +Thanks to @andrewbanchich for his many Jekyll adaptations of HTML5 UP's elegant themes, which helped and inspired me, and of course many thanks to HTML5 UP. Original README from HTML5 UP: ``` Prologue by HTML5 UP