Simply Cyan is a Jekyll theme dedicated to text and reading. This theme focuses on readability and clarity.
You can visit the demo website of this theme here.
Three main functions are at work to facilitate the reader's experience : a classic dark/light mode, but also toggles to change the font size and get bigger characters or to change the font-style (by default meant to switch between serif and sans-serif fonts).
The design of Simply Cyan is sober and elegant, yet pop with its bright colorful oblique stripes punctuating the screen.
Symply Cyan can feature a multitude of authors and offers a page to display all of their profiles, as well as an archives page to display all the site's posts.
Add this line to your Jekyll site's Gemfile
to add the theme as a dependancy:
gem "simply-cyan"
Run bundle install
in the root file of your project:
Add this line to your Jekyll site's _config.yml
to set the theme:
theme: simply-cyan
Run bundle exec jekyll serve
to build and serve your site.
You can use the config.yml
to update the configuration of your website and set things such as its title, description, navigation links and a lot more
You can customize many style parameters of the Simply Cyan theme by changing the different variables in the settings.scss
file of the project (_sass/_settings.scss
). You'll find there such parameters as the colors of the dark and white modes, fonts, line height, font sizes etc.
You can also overwrite the complete theme with your own custom file by matching its filename and path.
Several parameters are also accessible in the config.yml
file. For example, you can choose there whether to display or not the different reading functions (dark mode, big fonts etc.) of the site.
You are now ready to add content to your new jekyll site. You can do so by adding new posts in the _posts
folder. Be sure your new post begins with the same front matter lines than the ones in the example posts (check Jekyll documentation in case you're not sure how to make your first post):
---
layout: post
title: "Example Post"
date: 2022-11-15
author:
- "Someone"
- "Someone else"
---
Note that if you want to have all of the authors of your site displayed on the authors page, you'll have to create a new file for each of them in the _categories
folder. The title of this new file must match the way you wrote the author's name in the category line of the post's front matter.
You can add a description or bio to each author's page in its respective file in _categories
.
Of course, this folder and the category files can be used to display other things than authors. You just have to change the title of the categories.md
page in order to display your posts grouped by any category you choose.
By default, the homepage displays the ten newest posts. This number can be changed in the config.yml
file.
The archives page displays the integrality of the posts published on your site.
Bug reports and pull requests are welcome on GitHub at https://github.com/pquod/simply-cyan. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
If you have any idea about improving this theme or if you find any lack in its documentation, feel free to write at [email protected], I'd be happy to keep on making this theme better and better for your use!
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 simply-cyan.gemspec
accordingly.
The theme is available as open source under the terms of the MIT License.
Thanks a lots to Quentin, Candice and Robinson, the people behind the conception of the original Internet Exploreur website who helped me a lot designing it.