title	About
permalink	/about/
layout	page

Installation

Just fork this repository and adjust the _config.yml to use with Github Pages and your page is done.

Features

• supports dark mode on macOS Mojave
• optional sidebar
• MathJax support
• no external ressources
• included archive page
• supports pagination
• feed generation
• responsive
• syntax highlighting
• supports comments via disqus or isso

Based on

• Hyde
• Minima
• Lagrange
• Font Awesome
• KaTeX
• Pygments

Installation (jekyll-remote-theme method)

You can use this theme with the jekyll-remote-theme plugin. Just create an empty repo, copy over the index.html file and add this to your _config.yml:

remote_theme: niklasbuschmann/contrast@v2.11

plugins:
  - jekyll-remote-theme

Note: to enable icons you also need to copy over the _data folder.

Config

Your _config.yml could for example look like this:

title: "Betty A. Onyango"
author: "Bett A. Onyango"
description: "University Canada West"
permalink: /:title/
lang: "en"
excerpt_separator: "\n\n\n"
date_format: "%B %d, %Y"

# Layout

show_social: true          # show site description and social links in the footer
show_excerpts: false        # show article excerpts on the home page
show_frame: true           # adds a gray frame to the site
show_sidebar: false        # show a sidebar instead of the usual header
minimal: false             # use a dark header

# Menu

navigation:                # accepts {file, title, url, icon, sidebaricon}
  - {file: "Bettys cv updated.pdf"' title: "CV", icon: home}
  - {file: "README.md", title: "About me", icon: address-card}

external:                  # shows a footer with social links - for available icons see fontawesome.com/icons
  - {title: Gmail, icon: envelope, url: "mailto:onyango2betty@gmail.com"}
  - {title: Github, icon: github, url: "https://github.com/Betty-coded"}
  - {title: Linkedin, icon: linkedin, url: "www.linkedin.com/in/betty-onyango-8765612a5"}
  - {title: Instagram, icon: instagram, url: "https://www.instagram.com/pinkharlem?igsh=bjBidGo1YTIxdDYy"

comments:
#  disqus_shortname: ""    # see https://disqus.com/
#  isso_domain: ""         # see https://posativ.org/isso/

plugins:
 - jekyll-feed

MathJax

Contrast comes preinstalled with a leightweight alternative to MathJax called KaTeX. To display equations in a post simply set mathjax: true in the article's front matter.

License

public domain

Screenshots