⚠️ This repository has moved to ionchy.srht.site. ⚠️

Building and deployment

1. Install Ruby
2. Install dependencies with make install
3. Build site with make build or serve site locally with make
4. Deploy site with make deploy

Theme changes to Hydeout

Most of these changes are marked with a comment indicating where the original was modified.

• Added profile picture to _includes/sidebar.html
• Removed category links with blank _includes/category-links.html
• Removed related posts with blank _includes/related_posts.html
• _includes/custon-icon-links.html contains an icon
• _includes/custom-head.html adds Open Graph meta tags and alternate tab title tab_title
• _includes/font-includes.html removes loaded font from Hydeout theme
• NEW: _includes/image.html provides an include that adds image captions below images
• NEW: _includes/carousel.html provides an include for multiple captioned images scrolling horizontally
• NEW: blog/index.html is a page containing blog posts, with a list of categories copied from _layouts/category.html
• NEW: category/index.html is a hidden placeholder page with a list of categories copied from above
• NEW: _layouts/category.html is a page containing blog posts of the given category
• NEW: assets/css/fonts.scss loads fonts if not present locally
• NEW: _layouts/bibtex.html displays a BibTeX entry as a code block
• NEW: _layouts/redirect.html redirects to page.redirect
• Moved pagination buttons to below page content in _layouts/index.html
• Added option to display longer page title than in the sidebar to _layouts/page.html using long_title
• Added option to display longer post title than in post listing to _layouts/post.html using long_title
• Added option to not list post in blog using unlisted: true
• Added image caption styling, custom fonts, and widened column in assets/css/main.scss

Special assets

• Sidebar profile picture: Add the relative path of the image to _config.yml under profile
• Rouge theme: Run rougify style [theme] > assets/css/syntax.css (currently thankful_eyes)

Images with captions

To add an image with a caption, use the following code, replacing the content within the [brackets]:

{% include image.html
 img="[relative path to image]"
 caption="[caption]"
 title="[hovertext]"
 url="[URL]" %}