Overview:
OpenTheme is a powerful new theme that utilizes Semantic UI to create stunning websites and mobile-hybrid apps. It can be easily forked and published directly from GitHub Pages. The theme provides a file structure that is pre-processed by GitHub Pages and Jekyll, with organized folders such as _includes, _layouts, _posts, _data, and asset folders for JS, CSS, and images. OpenTheme also includes automation scripts for development and testing, with plans to replace them with a Gulp pipeline automation in the future.
Features:
- Utilizes Semantic UI for creating visually appealing websites and mobile-hybrid apps
- Can be forked and published directly from GitHub Pages
- Pre-processed file structure for easy organization and customization
- Includes reusable HTML partials and layouts
- Organized post types for single page apps and blog posts
- Supports static data files in various formats
- Asset folders for site-specific JavaScript, CSS, and images
- Automation scripts for development and testing
Installation:
- Fork and clone the OpenTheme repository
- Edit _config.yml file and replace the OpenTheme API Keys with your own
- Optionally, modify the gulpfile.js file to match your local setup (BrowserSync host, port)
- Use the helper bash scripts in the /scripts folder for pushing changes to your repository or copying changes to GitHub Pages
- Install the required gems by running
bundle installusing the Gemfile - Ensure you have Semantic UI and Jekyll installed (reference the Semantic UI and Jekyll websites for installation instructions)
- Study reference projects for best practices in building with Jekyll and creating GitHub Pages themes
Summary:
OpenTheme is a powerful theme that utilizes Semantic UI to create visually appealing websites and mobile-hybrid apps. It provides a convenient file structure and automation scripts for easy customization and development. With its ability to be forked and published directly from GitHub Pages, OpenTheme offers a seamless workflow for creating amazing websites.