⚒️

Techie Joe’s Mallet

⚒️ Mallet is a Jekyll theme for GitHub Pages

Preview the theme to see how it looks and start using it today!

remote_theme: techie-joe/mallet
remote_theme_version  : 0.1.0
remote_theme_revision : 2602.2

Preview Samples

Build faster on GitHub Pages

Get a quick and easy way to build a website. Build your website on GitHub Pages using ready-to-go templates and components. You can use Markdown, Pug or HTML to code your website. Set and style any page instantly, just by referring to the pre-configured assets. Should you require any further personalization, you can customize every detail as needed, from global defaults to specific components.

Your design, your content, your way.

How to use

To use the theme on your site:

Add the following lines to the _config.yml file at the root of your site’s repository:
```
 remote_theme: techie-joe/mallet
 plugins:
     - jekyll-remote-theme
```
Clear out any existing values of theme.
Then, activate GitHub Pages for your site.

For detailed instruction, see The GitHub Pages Walkthrough.

How to customize

Configuration variables

Set the following variables in your site’s _config.yml file.

title       : "The title of your site"
description : "Short description of your site."

Additionally, you may also set:

ghost: your-tracking-id
# to track your ThemeJs.

google_analytics: your-tracking-id
# to track your website using Google Analytics.

cloudflare_analytics: your-tracking-id
# to track your website using Cloudflare Analytics.

show_downloads: true
# true or false (unquoted).
# to indicate whether to provide a download URL.

Stylesheet

To add your own custom styles:

Create a file called /assets/css/style.scss in your site’s repository with the following content, exactly as shown:
```
 ---
 ---
 @import "mallet";
```
Add any custom styles immediately after the @import line.

Note: To change the theme’s SASS variables, you must set new values before the @import line in your stylesheet.

Layouts

All theme layouts in the _layouts folder and theme components in the _includes folder provide a good starting point of things you can customize. To override a file, create a mirror copy of that file in your site’s repository reflecting the exact path and file-name.

For example, to change the default layout:

Copy the /_layouts/default.html file to your site’s repository.
Then customize it as you’d like.

Pro-tip: click “raw” to make copying easier.

Analytics code

Paste the analytics code into your site’s _includes/google_analytics.html file.

Overriding GitHub values

The theme rely on GitHub values, such as links to your repository or links to download your project.

To override the default values:

Look at the theme source file (in the _layouts and _includes folder) to determine the name of the variable. It will be in the form of:
```
 {{ site.github.zip_url }}
```
Specify the value you’d like to use in your site’s _config.yml file. Jekyll will use the value you specified, instead of the default one.

For example, if the variable was site.github.zip_url, add the following:
```
 github:
     zip_url: http://example.com/download.zip
     # another_url: another_value
```
Note: Ignore the site. prefix, and maintain the two space indent for each sub variables.

For more information, see Jekyll documentation on Variables.

Running the theme locally

To run the theme locally:

Clone the theme’s repository into your computer:

 git clone https://github.com/techie-joe/mallet

Go to the cloned directory.

Add the following code to your site’s Gemfile:

 gem "github-pages", group: :jekyll_plugins

Run script/bootstrap to install necessary dependencies.

This is a required one-time setup before other script can function.
Then run script/serve to start the server.
Visit localhost:4000 in your browser to see the template.

Roadmap

See the open issues for a list of proposed features and known issues.

License

Mallet is an open source project licensed under the MIT LICENSE. You’re allowed to use the code with conditions only requiring preservation of copyright and license notices.