Skip to content

abtion/github-pages-theme

 
 

Repository files navigation

Abtion Github Pages Theme

This is inside.abtion.com Jekyll Theme. The content is managed in the guidelines repo.

Run the theme locally

bundle install

Serve the application

bundle exec jekyll serve --livereload --port 3000

Deploy

Changes in this repo will not autodeploy. Instead, the theme is pulled when the guidelines get deployed. Therefore, you can either make an empty commit in that repo, or manually run the CI.

Folder Structure Explanation

The theme is forked from Minima.

_layouts

  • default.html - The base layout that lays the foundation for subsequent layouts. The derived layouts inject their contents into this file at the line that says {{ content }} and are linked to this file via FrontMatter declaration layout: default.
  • navigation.html - Used for the mobile view layout since there is not a sidebar.

_includes

Refers to snippets of code that can be inserted in multiple layouts (and another include-file as well) within the same theme-gem.

_sass

  • reset.scss - a reset stylesheet is to reduce inconsistencies between browsers for things like default line heights, margins and font sizes of headings, and so on.
  • custom.scss - a stylesheet that imports all the custom styles located in the sub-folder custom

custom

  • _base.scss - global stylesheet
  • _syntax-highlighting.scss - global style for code elements
  • _default.scss - stylesheet target for _layouts/default.html
  • _navigation.scss - stylesheet target for _layouts/_navigation.html

The remaining stylesheets are targeting code snippets in the _includes folder with a matching file name and a prefix _. Example:

_sass/custom/_header.scss is targeting _includes/header.html

Note:

_sass/custom/_search.scss is targeting _assets/search.html

assets

License

Please read 👉 LICENSE

Packages

No packages published

Languages

  • SCSS 64.3%
  • HTML 24.6%
  • JavaScript 10.4%
  • Ruby 0.7%